:root{--accent: #2dd4bf;--accent-dim: #2dd4bf22;--bg: #0b1014;--panel: #131a20;--panel-2: #192229;--text: #e5eef3;--muted: #7f8d97;--ok: #4ade80;--warn: #f5c06a;--bad: #ef4b64;--border: #1e2a33;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body{min-height:100vh;font-size:14px;line-height:1.4}a{color:var(--accent);text-decoration:none}button{font:inherit}.wrap{padding:20px 32px;max-width:1560px;margin:0 auto}.head{display:flex;align-items:center;gap:12px;margin-bottom:24px}.head .logo{color:var(--accent)}.head h1{margin:0;font-size:20px;font-weight:600}.head .sub{color:var(--muted);font-size:12px;margin-left:8px}.head .pill{margin-left:auto;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.5px}.pill.ok{background:#14532d;color:#bbf7d0}.pill.warn{background:#713f12;color:#fde68a}.pill.bad{background:#7f1d1d;color:#fecaca}.section{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:16px}.section h2{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.kpi{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.kpi .label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px}.kpi .value{font-size:22px;font-weight:600;margin-top:6px}.kpi .sub{color:var(--muted);font-size:11px;margin-top:2px}.kpi .value.pos{color:var(--ok)}.kpi .value.neg{color:var(--bad)}.grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 900px){.grid-2x2{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left}th{color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.6px;font-size:10px}tr:hover td{background:var(--panel-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.pill-sm{display:inline-block;padding:1px 6px;font-size:10px;border-radius:4px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.pill-sm.w{background:#14532d22;color:var(--ok);border-color:#14532d}.pill-sm.l{background:#7f1d1d22;color:var(--bad);border-color:#7f1d1d}canvas{max-width:100%}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters input,.filters select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px}.btn{background:var(--accent);color:#042025;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.slider-row{display:grid;grid-template-columns:200px 1fr 60px;gap:10px;align-items:center;margin:6px 0}input[type=range]{width:100%;accent-color:var(--accent)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.dot.stale{background:var(--warn)}.muted{color:var(--muted)}.small{font-size:11px}.empty{padding:24px;color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:8px}