:root{--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #38bdf8;--accent-soft: rgba(56, 189, 248, .2);--accent-contrast: #ffffff;--border-color: rgba(148, 163, 184, .1);--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .1);--surface-emphasis: rgba(255, 255, 255, .15);--surface-deep: rgba(0, 0, 0, .2);--modal-veil: rgba(0, 0, 0, .92);--card-shadow: rgba(0, 0, 0, .5);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .4);--glow-1: rgba(56, 189, 248, .15);--glow-2: rgba(139, 92, 246, .15);--blur-amt: 12px}@media(prefers-color-scheme:light){:root{--bg-dark: #eef2f7;--bg-card: rgba(255, 255, 255, .72);--text-primary: #0f172a;--text-secondary: #475569;--accent-color: #0284c7;--accent-soft: rgba(2, 132, 199, .14);--accent-contrast: #ffffff;--border-color: rgba(15, 23, 42, .1);--surface-1: rgba(15, 23, 42, .03);--surface-2: rgba(15, 23, 42, .06);--surface-3: rgba(15, 23, 42, .09);--surface-emphasis: rgba(15, 23, 42, .14);--surface-deep: rgba(15, 23, 42, .08);--modal-veil: rgba(241, 245, 249, .94);--card-shadow: rgba(15, 23, 42, .18);--scrollbar-thumb: rgba(15, 23, 42, .22);--scrollbar-thumb-hover: rgba(15, 23, 42, .4);--glow-1: rgba(2, 132, 199, .16);--glow-2: rgba(109, 40, 217, .12)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,var(--glow-1) 0px,transparent 50%),radial-gradient(at 100% 0%,var(--glow-2) 0px,transparent 50%);transition:background-color .3s ease;background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-y:auto}#root{min-height:100vh;width:100vw;padding:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(300px,auto);gap:1.5rem;min-height:100%;width:100%;padding-bottom:5rem}@media(max-width:1000px){.dashboard-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(260px,auto);gap:1rem}}@media(max-width:700px){#root{padding:.75rem}.dashboard-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:.75rem;padding-bottom:3rem}.dashboard-grid>*{grid-column:span 1!important}.widget-card{min-height:auto;max-height:70vh;overflow-y:auto}}.widget-card{background:var(--bg-card);backdrop-filter:blur(var(--blur-amt));-webkit-backdrop-filter:blur(var(--blur-amt));border:1px solid var(--border-color);border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,background .3s ease;height:100%;overflow:hidden;position:relative}.widget-card:hover{transform:translateY(-2px);box-shadow:0 10px 40px -10px var(--card-shadow);border-color:var(--surface-3)}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.widget-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.flex-center{display:flex;align-items:center;justify-content:center}.text-accent{color:var(--accent-color)}