:root{color-scheme:dark;--bg0: #060913;--bg1: #0a1630;--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .1);--stroke: rgba(255, 255, 255, .12);--text: #eaf0ff;--muted: rgba(234, 240, 255, .72);--accent: #65d6ff;--accent2: #7cffc4;--danger: #ff5f6d;--warning: #ffd166;--body-r1: rgba(101, 214, 255, .2);--body-r2: rgba(124, 255, 196, .16);--sidebar-bg: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));--nav-active-cyan-bg: rgba(101, 214, 255, .12);--nav-active-cyan-border: rgba(101, 214, 255, .25);--nav-active-green-bg: rgba(124, 255, 196, .1);--nav-active-green-border: rgba(124, 255, 196, .22);--nav-active-neutral-bg: rgba(255, 255, 255, .08);--nav-active-neutral-border: rgba(255, 255, 255, .15);--input-bg: rgba(0, 0, 0, .22);--overlay-subtle: rgba(255, 255, 255, .06);--overlay-hover: rgba(255, 255, 255, .04);--card-overlay: linear-gradient(135deg, rgba(101,214,255,.06) 0%, transparent 42%, rgba(124,255,196,.05) 100%);--card-shadow: 0 20px 60px rgba(0,0,0,.35);--dropdown-bg: linear-gradient(180deg, rgba(12,20,38,.98), rgba(8,14,28,.99));--dropdown-border: rgba(101, 214, 255, .22);--dropdown-item-hover: rgba(255, 255, 255, .08);--dropdown-item-selected: rgba(101, 214, 255, .18);--chart-axis: #8899aa;--chart-grid: rgba(255, 255, 255, .05);--chart-legend: #eaf0ff;--select-bg: #0f1729}[data-theme=light]{color-scheme:light;--bg0: #f0f5fb;--bg1: #e4edf7;--card: rgba(255, 255, 255, .9);--card2: rgba(255, 255, 255, .95);--stroke: rgba(0, 0, 0, .1);--text: #0d1a2e;--muted: rgba(13, 26, 46, .55);--accent: #0099c8;--accent2: #059669;--danger: #d93025;--warning: #b87200;--body-r1: rgba(0, 100, 200, .06);--body-r2: rgba(0, 160, 100, .05);--sidebar-bg: #ffffff;--nav-active-cyan-bg: rgba(0, 153, 200, .1);--nav-active-cyan-border: rgba(0, 153, 200, .25);--nav-active-green-bg: rgba(5, 150, 105, .12);--nav-active-green-border: rgba(5, 150, 105, .3);--nav-active-neutral-bg: rgba(0, 0, 0, .06);--nav-active-neutral-border: rgba(0, 0, 0, .12);--input-bg: #ffffff;--overlay-subtle: rgba(0, 0, 0, .04);--overlay-hover: rgba(0, 0, 0, .03);--card-overlay: linear-gradient(135deg, rgba(0,153,200,.04) 0%, transparent 42%, rgba(0,168,107,.03) 100%);--card-shadow: 0 8px 32px rgba(0,0,0,.1);--dropdown-bg: #ffffff;--dropdown-border: rgba(0, 153, 200, .25);--dropdown-item-hover: rgba(0, 0, 0, .05);--dropdown-item-selected: rgba(0, 153, 200, .12);--chart-axis: #667788;--chart-grid: rgba(0, 0, 0, .06);--chart-legend: #0d1a2e;--select-bg: #ffffff}html,body{height:100%}body{margin:0;background:radial-gradient(900px 500px at 10% 10%,var(--body-r1),transparent 60%),radial-gradient(900px 500px at 90% 20%,var(--body-r2),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans}*{box-sizing:border-box}a{color:inherit;text-decoration:none}select option,select optgroup{background-color:var(--select-bg);color:var(--text)}.sidebar{width:248px;flex-shrink:0;padding:20px 14px;border-right:1px solid var(--stroke);background:var(--sidebar-bg);display:flex;flex-direction:column;gap:8px}.mobile-topbar{display:none;align-items:center;justify-content:space-between;padding:0 16px;height:52px;border-bottom:1px solid var(--stroke);background:var(--sidebar-bg);position:sticky;top:0;z-index:100;flex-shrink:0}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:999}.sidebar-overlay.active{display:block}.page-container{max-width:1200px;margin:0 auto;padding:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.mobile-topbar{display:flex}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto}.sidebar.open{transform:translate(0)}.page-container{padding:16px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width: 480px){.page-container{padding:12px}.grid-4,.grid-3{grid-template-columns:1fr}}