:root{--arc-navy:#1b3158;--arc-blue:#2f578c;--arc-violet:#412c5c;--arc-plum:#664c88;--arc-sky:#acc6e9;--arc-ether:#d5e0e7;--arc-gold:#e9a13f;--arc-sand:#ffcc6f;--page:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--ink:#101a2c;--ink-2:#4a5a72;--ink-muted:#8a97ab;--hairline:#e2e8f1;--hairline-strong:#cfd9e6;--series-v3:#2a78d6;--series-v4:#4a3aa7;--series-v2:#eda100;--good:#0ca30c;--bad:#d03b3b;--warn:#e9a13f;--font-ui:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Space Mono", "IBM Plex Mono", ui-monospace, monospace;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #101a2c0a, 0 8px 24px #101a2c0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01";margin:0}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::selection{background:var(--arc-sky)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:8px}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--arc-navy);color:#dfe7f2;flex-direction:column;gap:6px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:6px 10px 20px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--arc-sky), var(--arc-blue));width:30px;height:30px;color:var(--arc-navy);font-weight:700;font-family:var(--font-mono);border-radius:8px;place-items:center;display:grid}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:600}.brand-sub{color:var(--arc-sky);font-size:11px;font-family:var(--font-mono)}.nav-link{border-radius:var(--radius-sm);color:#b9c7dc;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff;background:#acc6e929}.nav-icon{opacity:.85;width:17px;height:17px}.sidebar-foot{color:#7f92ad;margin-top:auto;padding:10px;font-size:11px;line-height:1.5}.dot{border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.dot.live{background:var(--good);box-shadow:0 0 0 3px #0ca30c33}.main{max-width:1240px;padding:26px 34px 60px}.topbar{justify-content:space-between;align-items:baseline;margin-bottom:22px;display:flex}.page-title{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.page-sub{color:var(--ink-2);margin-top:3px;font-size:13px}.grid{gap:16px;display:grid}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:1fr 1fr}@media (width<=1080px){.cols-4{grid-template-columns:1fr 1fr}.cols-2,.cols-3{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title{color:var(--ink);letter-spacing:.01em;font-size:13px;font-weight:600}.card-hint{color:var(--ink-muted);font-size:11px;font-family:var(--font-mono)}.stat{flex-direction:column;gap:7px;display:flex}.stat-label{color:var(--ink-2);align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.stat-value{letter-spacing:-.02em;font-size:30px;font-weight:600;line-height:1}.stat-value.mono{font-family:var(--font-mono)}.stat-foot{color:var(--ink-muted);font-size:12px}.chip{font-size:11px;font-weight:600;font-family:var(--font-mono);border:1px solid var(--hairline-strong);color:var(--ink-2);background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.chip .swatch{border-radius:2px;width:8px;height:8px}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--hairline);background:var(--surface);padding:9px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.table td{border-bottom:1px solid var(--hairline);padding:11px 12px}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--surface-2)}.table .num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.addr{font-family:var(--font-mono);color:var(--ink);font-size:12px}.addr-mut{color:var(--ink-muted)}.seg{background:var(--surface-2);border:1px solid var(--hairline);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.seg button{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 11px;font-size:12px;font-weight:500}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.bar-track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.bar-fill{border-radius:999px;height:100%}.loading,.err{color:var(--ink-muted);padding:20px;font-size:13px}.err{color:var(--bad)}.tt{pointer-events:none;z-index:40;background:var(--arc-navy);color:#fff;box-shadow:var(--shadow);font-size:12px;font-family:var(--font-mono);white-space:nowrap;border-radius:8px;padding:7px 10px;position:fixed;transform:translate(-50%,-130%)}
