:root{--bg: #f6f7f9;--surface: #ffffff;--ink: #16191d;--ink-muted: #5f6672;--line: #e3e6ea;--accent: #0f766e;--ok-bg: #e7f5f1;--ok-ink: #0f766e;--warn-bg: #fdf1e3;--warn-ink: #9a5b12;--down: #b4341f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.topbar{display:flex;align-items:center;gap:32px;padding:0 24px;height:56px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:650}.brand-mark{width:18px;height:18px;border-radius:5px;background:var(--accent)}.nav{display:flex;gap:20px}.nav-item{color:var(--ink-muted);text-decoration:none;font-size:14px;padding:4px 2px;border-bottom:2px solid transparent}.nav-item--active{color:var(--ink);border-bottom-color:var(--accent)}.main{max-width:960px;margin:0 auto;padding:32px 24px 64px}.intro h1{margin:0 0 8px;font-size:26px}.lede{margin:0 0 28px;max-width:60ch;color:var(--ink-muted)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px}.metric-label{margin:0 0 8px;font-size:13px;color:var(--ink-muted)}.metric-value{margin:0 0 6px;font-size:26px;font-weight:650}.metric-delta{margin:0;font-size:13px}.metric-delta--up{color:var(--accent)}.metric-delta--down{color:var(--down)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:24px}.panel h2{margin:0 0 16px;font-size:17px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);padding:0 12px 10px;border-bottom:1px solid var(--line)}.table td{padding:12px;border-bottom:1px solid var(--line)}.table tr:last-child td{border-bottom:0}.table-name{font-weight:550}.numeric{text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:550}.pill--ok{background:var(--ok-bg);color:var(--ok-ink)}.pill--warn{background:var(--warn-bg);color:var(--warn-ink)}.field{display:flex;align-items:center;gap:16px;margin-bottom:14px}.field label{width:180px;font-size:14px;color:var(--ink-muted)}.field input,.field select{flex:1;max-width:260px;padding:7px 10px;font:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.button{padding:8px 16px;font:inherit;font-size:14px;font-weight:550;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;cursor:pointer}.button--primary{background:var(--accent);border-color:var(--accent);color:#fff}a:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty{margin:0;color:#6b7280;font-size:14px}.attention-list{margin:0;padding:0;list-style:none}.attention-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eef0f3}.attention-list li:last-child{border-bottom:0}.attention-meta{margin-left:auto;color:#6b7280;font-size:13px}.toolbar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.search{flex:1;min-width:0;max-width:280px;padding:7px 10px;border:1px solid #d8dce2;border-radius:6px;font:inherit;font-size:14px}.search:focus{outline:2px solid #2563eb;outline-offset:-1px}.toggle{display:inline-flex;align-items:center;gap:7px;color:#374151;font-size:14px;-webkit-user-select:none;user-select:none}.field-hint{margin:6px 0 0;color:#6b7280;font-size:13px}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.button--secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.button--secondary:hover{background:color-mix(in srgb,var(--surface) 92%,var(--ink))}.button--ghost{background:transparent;color:var(--accent);border-color:transparent}.button--ghost:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.button--danger{background:#dc2626;border-color:#dc2626;color:#fff}.button--danger:hover{background:#b91c1c}.button--sm{padding:5px 10px;font-size:13px}.button--lg{padding:11px 18px;font-size:15px}a.button{text-decoration:none;display:inline-flex;align-items:center}