:root{--bg:#f6f7f9;--surface:#fff;--text:#14161a;--muted:#6b7280;--border:#e5e7eb;--accent:#2563eb;--pos:#15803d;--neg:#b91c1c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0f1115;--surface:#171a21;--text:#e8eaf0;--muted:#9aa1ad;--border:#2a2f3a;--accent:#60a5fa;--pos:#4ade80;--neg:#f87171}}:root[data-theme=dark]{--bg:#0f1115;--surface:#171a21;--text:#e8eaf0;--muted:#9aa1ad;--border:#2a2f3a;--accent:#60a5fa;--pos:#4ade80;--neg:#f87171}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 Inter,system-ui,sans-serif}header{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}header h1{margin:0 16px 0 0;font-size:17px}nav{flex-wrap:wrap;gap:4px;display:flex}nav a{color:var(--muted);border-radius:6px;padding:6px 10px;text-decoration:none}header .live{margin-left:auto}nav a.active{color:var(--text);background:var(--bg)}main{max-width:1200px;margin:0 auto;padding:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.grid.split{grid-template-columns:2fr 1fr}.grid.two{grid-template-columns:1fr 1fr}.card{min-width:0}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.card h2{color:var(--muted);margin:0 0 6px;font-size:14px;font-weight:500}.kpi{font-size:22px;font-weight:600}.sub{color:var(--muted);font-size:13px}.pos{color:var(--pos)}.neg{color:var(--neg)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--bg)}.section{margin-top:20px}.crumbs{color:var(--muted);margin-bottom:8px;font-size:14px}.crumbs button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}form.inline{flex-wrap:wrap;align-items:end;gap:8px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}input,select,button.primary,button.ghost{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:7px 10px}button.primary{background:var(--accent);color:#fff;cursor:pointer;border-color:#0000}button.ghost{cursor:pointer}.note{color:var(--muted);margin-top:8px;font-size:13px}.error{color:var(--neg);font-size:14px}@media (width<=640px){header{z-index:10;gap:8px;padding:10px 12px;position:sticky;top:0}header h1{flex:100%;margin:0;font-size:16px}header nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}header nav a{white-space:nowrap;padding:6px 9px;font-size:14px}header .live{margin-left:0}main{padding:12px}.grid{grid-template-columns:1fr 1fr;gap:8px}.grid.split,.grid.two{grid-template-columns:1fr}.card{padding:12px}.card h2{font-size:13px}.kpi{font-size:18px}.section{margin-top:14px}table{font-size:13px}th,td{white-space:nowrap;padding:6px 5px}td:first-child,th:first-child{white-space:normal;min-width:110px}form.inline{gap:8px}form.inline label{flex:140px;min-width:0}form.inline input,form.inline select{box-sizing:border-box;width:100%}form.inline button{flex:100%}.crumbs{white-space:nowrap;overflow-x:auto}.recharts-wrapper,.recharts-responsive-container{max-width:100%}}@media (width<=320px){.grid{grid-template-columns:1fr}}.recharts-responsive-container>div{width:100%!important}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin:8px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.legend .swatch{border-radius:2px;flex:none;width:10px;height:10px;display:inline-block}