:root{--bg:#0b0d12;--panel:#141820;--panel-2:#1b212c;--border:#262d3a;--text:#e6e8ec;--muted:#8a94a6;--accent:#5b8def;--good:#4ade80;--warn:#fbbf24;--bad:#f87171}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:24px 16px}.sidebar h1{font-size:16px;margin:0 0 24px}.sidebar nav a{display:block;padding:8px 12px;border-radius:6px;color:var(--text);margin-bottom:4px}.sidebar nav a:hover{background:var(--panel-2);text-decoration:none}.content{padding:32px 40px;max-width:1200px}h2{margin:0 0 24px}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}table{width:100%;border-collapse:collapse}td,th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--muted);font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.btn{display:inline-block;background:var(--accent);color:white;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-family:inherit}.btn:hover{opacity:.9}.btn-secondary,input,select,textarea{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}input,select,textarea{width:100%;padding:8px 12px;border-radius:6px;font-family:inherit;font-size:13px}textarea{min-height:100px;font-family:ui-monospace,monospace}.field{margin-bottom:14px}.field label{display:block;color:var(--muted);margin-bottom:4px;font-size:12px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;background:var(--panel-2);border:1px solid var(--border)}.badge.good{color:var(--good);border-color:var(--good)}.badge.bad{color:var(--bad);border-color:var(--bad)}.badge.warn{color:var(--warn);border-color:var(--warn)}.bar{height:6px;background:var(--panel-2);border-radius:3px;overflow:hidden}.bar>div{height:100%;background:var(--accent)}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:1fr 1fr 1fr}code{padding:2px 6px;border-radius:4px}code,pre{background:var(--panel-2);font-size:12px}pre{padding:12px;border-radius:6px;overflow-x:auto}.muted{color:var(--muted)}.kpi{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.kpi .card{margin:0;padding:16px 18px}.kpi .label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.kpi .value{font-size:26px;font-weight:600;margin-top:4px}.kpi .delta{font-size:11px;color:var(--muted);margin-top:2px}.kpi .value.good{color:var(--good)}.kpi .value.bad{color:var(--bad)}.kpi .value.warn{color:var(--warn)}.range-tabs{display:flex;gap:6px;margin-bottom:16px}.range-tabs a{padding:6px 12px;border-radius:6px;background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:12px}.range-tabs a.active{background:var(--accent);border-color:var(--accent);color:white}