@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";:root{--surface:#0f1117;--surface-2:#161a24;--surface-3:#1e2330;--border:#ffffff14;--border-strong:#ffffff2e;--text:#e8ecf3;--text-muted:#8b92a5;--text-faint:#4e5568;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--positive:#22c55e;--negative:#ef4444;--warn:#f59e0b;--blue:#6b7fd7;--shadow:0 4px 24px #0006;--radius:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--surface);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Geist,-apple-system,sans-serif;font-size:13px}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select{font-family:inherit;font-size:inherit;color:inherit}.mono{font-family:Geist Mono,monospace}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.metric-label{color:var(--text-muted);margin-bottom:2px;font-size:11px}.metric-value{letter-spacing:-.02em;font-family:Geist Mono,monospace;font-size:22px;font-weight:700}.metric-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.chip{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;align-items:center;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.chip-green{color:var(--green-400);background:#22c55e26}.chip-blue{color:#93a4f4;background:#6b7fd726}.chip-amber{color:#fbbf24;background:#f59e0b26}.chip-red{color:#f87171;background:#ef444426}.chip-muted{background:var(--surface-3);color:var(--text-muted)}.seg{background:var(--surface-3);border:1px solid var(--border);border-radius:6px;gap:1px;padding:2px;display:inline-flex}.seg button{color:var(--text-muted);border-radius:4px;padding:4px 10px;font-size:11px;transition:all .12s}.seg button.active{background:var(--surface-2);color:var(--text);box-shadow:0 1px 3px #0000004d}.tbl{border-collapse:collapse;width:100%;font-size:12px}.tbl th{text-align:left;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);background:var(--surface-2);padding:8px 12px;font-size:10px;font-weight:600;position:sticky;top:0}.tbl td{border-bottom:1px solid var(--border);padding:8px 12px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--surface-3)}.tbl .num{text-align:right;font-family:Geist Mono,monospace}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.live{background:var(--positive);box-shadow:0 0 6px var(--positive);animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}