:root{--bg: #0a0d12;--panel: #11151c;--panel-2: #0e1218;--border: #1e2630;--border-strong: #2a3543;--txt: #c7d0db;--txt-strong: #eef2f6;--txt-muted: #7d8896;--txt-faint: #56616e;--raptor: #d8a43a;--long: #2fbf87;--short: #e5564b;--warn: #e0a13a;--info: #5a93d6;--ok: #2fbf87;--bad: #e5564b;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r: 5px;--gap: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--sans);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}.app{max-width:1500px;margin:0 auto;padding:0 16px 40px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:12px 4px;margin-bottom:var(--gap);background:linear-gradient(var(--bg),color-mix(in srgb,var(--bg) 85%,transparent));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:baseline;gap:10px}.brand .mark{color:var(--raptor);font-weight:700;letter-spacing:.06em;font-size:15px}.brand .sub{color:var(--txt-faint);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.topbar .spacer{flex:1}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(12,1fr)}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}@media (max-width: 1100px){.col-3,.col-4,.col-5,.col-6,.col-7,.col-8{grid-column:span 12}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);display:flex;flex-direction:column}.card.stale{opacity:.55}.card-h{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.card-h .eyebrow{color:var(--txt-muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.card-h .right{margin-left:auto;display:flex;align-items:center;gap:8px}.card-b{padding:12px}.stat{display:flex;flex-direction:column;gap:2px}.stat .label{color:var(--txt-muted);font-size:11px;letter-spacing:.04em}.stat .val{font-family:var(--mono);font-size:18px;color:var(--txt-strong);font-variant-numeric:tabular-nums}.stat .val.sm{font-size:15px}.stat.pos .val{color:var(--long)}.stat.neg .val{color:var(--short)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px 18px}.derived-tag{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--raptor);border:1px solid color-mix(in srgb,var(--raptor) 40%,transparent);border-radius:3px;padding:0 4px;line-height:14px;height:14px;align-self:flex-start}.na{color:var(--txt-faint);font-family:var(--mono)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 8px;border-radius:999px;border:1px solid var(--border-strong);text-transform:uppercase}.badge.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.badge.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.badge.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,transparent)}.badge.muted{color:var(--txt-muted)}.badge.long{color:var(--long);border-color:color-mix(in srgb,var(--long) 45%,transparent)}.badge.short{color:var(--short);border-color:color-mix(in srgb,var(--short) 45%,transparent)}.dot{width:8px;height:8px;border-radius:50%;background:var(--txt-faint);flex:none}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.dot.live{background:var(--ok);box-shadow:0 0 color-mix(in srgb,var(--ok) 60%,transparent);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--ok) 55%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion: reduce){.dot.live{animation:none}}button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;background:var(--panel-2);color:var(--txt);border:1px solid var(--border-strong);border-radius:var(--r);padding:7px 12px;font-size:12px;font-weight:600;letter-spacing:.03em;transition:border-color .12s,background .12s}.btn:hover{border-color:var(--txt-muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.btn.warn:hover{background:color-mix(in srgb,var(--warn) 12%,var(--panel-2))}.btn.danger{color:#fff;background:color-mix(in srgb,var(--short) 22%,var(--panel-2));border-color:var(--short)}.btn.danger:hover{background:color-mix(in srgb,var(--short) 38%,var(--panel-2))}.btn.ghost{background:transparent}.btn.sm{padding:4px 9px;font-size:11px}.btn:focus-visible{outline:2px solid var(--raptor);outline-offset:2px}.tbl{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px}.tbl th{text-align:right;color:var(--txt-muted);font-weight:600;font-family:var(--sans);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel)}.tbl th:first-child,.tbl td:first-child{text-align:left}.tbl td{padding:5px 10px;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);font-variant-numeric:tabular-nums}.tbl tr:hover td{background:color-mix(in srgb,var(--raptor) 5%,transparent)}.tbl .pos{color:var(--long)}.tbl .neg{color:var(--short)}.scroll{overflow:auto}.scroll::-webkit-scrollbar{width:9px;height:9px}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}.field{display:flex;flex-direction:column;gap:4px}.field label{color:var(--txt-muted);font-size:11px}.field input,.field select{background:var(--panel-2);border:1px solid var(--border-strong);color:var(--txt-strong);border-radius:4px;padding:6px 8px;font-family:var(--mono);font-size:12px}.field input:focus{outline:none;border-color:var(--raptor)}.field input.invalid{border-color:var(--short)}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline}.kv .k{color:var(--txt-muted);font-size:11.5px}.kv .v{font-family:var(--mono);color:var(--txt-strong);text-align:right;font-variant-numeric:tabular-nums}.hr{height:1px;background:var(--border);margin:10px 0;border:0}.muted{color:var(--txt-muted)}.note{font-size:11px;color:var(--txt-faint)}.warnbox{border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 8%,transparent);color:var(--warn);border-radius:4px;padding:8px 10px;font-size:11.5px}.disconnected-banner{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--short) 14%,var(--panel));border:1px solid var(--short);color:var(--txt-strong);border-radius:var(--r);padding:10px 14px;margin-bottom:var(--gap)}.alert-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:4px;border:1px solid var(--border);margin-bottom:7px;font-size:12px}.alert-item.warn{border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.alert-item.bad{border-color:color-mix(in srgb,var(--short) 45%,transparent)}.log-line{font-family:var(--mono);font-size:11.5px;padding:2px 0;display:grid;grid-template-columns:64px 64px 1fr;gap:8px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.log-line .lvl{font-weight:700}.log-line .lvl.INFO{color:var(--info)}.log-line .lvl.WARNING{color:var(--warn)}.log-line .lvl.ERROR{color:var(--short)}