:root{--accent:oklch(58.5% .233 295);--accent-soft:oklch(94.5% .05 295);--surface:oklch(100% 0 0);--surface-muted:oklch(97.5% 0 0);--line:oklch(92.2% 0 0);--ink:oklch(21% 0 0);--ink-muted:oklch(52% 0 0);--ok-bg:oklch(96% .04 150);--ok-ink:oklch(45% .12 150);--warn-bg:oklch(96% .05 85);--warn-ink:oklch(50% .12 85);--bad-bg:oklch(95% .045 25);--bad-ink:oklch(50% .16 25);--radius:12px;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--surface-muted);color:var(--ink);margin:0;font-size:15px;line-height:1.45}.center{place-items:center;min-height:100vh;padding:24px;display:grid}.narrow{max-width:460px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card h3{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:14px}.planned ul{margin:8px 0;padding-left:20px}.btn{border:1px solid var(--line);font:inherit;cursor:pointer;background:var(--surface);border-radius:10px;padding:9px 14px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%}.btn-ghost{color:var(--ink-muted);border-color:#0000}.btn-ghost:hover{color:var(--ink)}.bar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.brand{font-size:17px}.brand strong{color:var(--accent)}.bar .small{margin-left:auto}.bar .btn{margin-left:8px}.tabs{background:var(--surface);border-bottom:1px solid var(--line);gap:4px;padding:8px 20px;display:flex;overflow-x:auto}.tab{color:var(--ink-muted);white-space:nowrap;border-radius:999px;padding:7px 12px;text-decoration:none}.tab:hover{background:var(--surface-muted);color:var(--ink)}.tab.active{background:var(--accent-soft);color:var(--accent);font-weight:600}main{max-width:1200px;margin:0 auto;padding:20px}h1{margin:0 0 8px;font-size:22px}h3{font-size:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:20px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metric-value{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.metric-label{color:var(--ink-muted);font-size:13px}.metric-ok .metric-value{color:var(--ok-ink)}.metric-warn .metric-value{color:var(--warn-ink)}.metric-bad .metric-value{color:var(--bad-ink)}.toolbar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.search{border:1px solid var(--line);max-width:360px;font:inherit;background:var(--surface);border-radius:10px;flex:1;padding:8px 12px}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-muted);font-size:12px;position:sticky;top:0}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:oklch(98.5% 0 0)}td strong{font-weight:600}.chip{background:var(--surface-muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:12px;display:inline-block}.chip-ok{background:var(--ok-bg);color:var(--ok-ink);border-color:#0000}.chip-warn{background:var(--warn-bg);color:var(--warn-ink);border-color:#0000}.chip-bad{background:var(--bad-bg);color:var(--bad-ink);border-color:#0000}.chip-bad-inline{color:var(--bad-ink)}.muted{color:var(--ink-muted)}.small{font-size:12.5px}.error{color:var(--bad-ink);background:var(--bad-bg);border-radius:10px;padding:10px 14px}code{background:var(--surface-muted);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:12.5px}