:root{--bg: #0b0f14;--panel: #121922;--panel-soft: #0f151d;--text: #e8edf3;--muted: #9fb0c3;--accent: #5dd0ff;--accent-2: #23d18b;--accent-3: #ffb454;--accent-4: #ff5c8a;--grid: #1c2733;--border: #1a2330}html,body,#root{height:100%;background:var(--bg);color:var(--text)}.header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:.3px}.tabs{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border)}.tab{background:transparent;color:var(--muted);border:1px solid var(--border);padding:8px 14px;border-radius:10px}.tab.active{color:var(--text);background:var(--panel);border-color:#223041}.container{padding:20px;max-width:1200px;margin:0 auto}.card{background:linear-gradient(180deg,var(--panel),var(--panel-soft));border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 6px 18px #00000040;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{background:#0d131a;border:1px solid var(--border);border-radius:14px;padding:14px 16px}.kpi .label{font-size:.78rem;color:var(--muted);margin-bottom:8px}.kpi .value{font-size:1.2rem;font-weight:600;letter-spacing:.2px}.kpi .sub{font-size:.86rem;color:var(--muted);margin-top:4px}.footer{color:var(--muted);padding:16px 20px}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.pill{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:999px;cursor:pointer}.help-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.help-row .tip{color:var(--muted);font-size:.92rem}.label .i{margin-left:6px;color:var(--muted);cursor:help}canvas{filter:drop-shadow(0 0 4px rgba(255,255,255,.1))}