:root{--bg:#0f1115;--card:#171a21;--line:#252a34;--tx:#e6e8ec;--mut:#9aa3b2;--brand:#21abe1;--good:#1f8f4e;--goodbg:#12351f;--mid:#a8811a;--midbg:#332a12;--bad:#c0392b;--badbg:#3a1714}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--tx)}a{color:var(--brand)}.wrap{max-width:1240px;margin:0 auto;padding:28px 20px 90px}h1{font-size:22px;margin:0 0 4px}h2{font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin:30px 0 10px}.sub,h2{color:var(--mut)}.sub{margin-bottom:22px}.brand{color:var(--brand)}.tiles{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;min-width:120px}.tile .n{font-size:26px;font-weight:700}.tile .l{color:var(--mut);font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{position:-webkit-sticky;position:sticky;top:0;background:var(--card);color:var(--mut);font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}th.sortable{cursor:pointer}tbody tr:hover{background:#1d222b}tr.f-healthy td:first-child{box-shadow:inset 3px 0 var(--good)}tr.f-warning td:first-child{box-shadow:inset 3px 0 var(--mid)}tr.f-replace td:first-child{box-shadow:inset 3px 0 var(--bad)}.scorecard tr.bad td{background:var(--badbg)}.scorecard tr.mid td{background:var(--midbg)}.scorecard tr.good td{background:var(--goodbg)}.banner{border-radius:12px;padding:14px 18px;margin-bottom:20px;border:1px solid}.banner.new{background:#10233a;border-color:#1c3a5c}.banner.ok{background:var(--goodbg);border-color:#1c5233;color:#bfe6cd}.banner b{color:var(--tx)}.banner code{background:#0c1622;padding:1px 6px;border-radius:5px}.bar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;align-items:center}button{background:#1d222b;color:var(--tx);border:1px solid var(--line);border-radius:20px;padding:5px 13px;cursor:pointer;font-size:12px}button.active,button:hover{border-color:var(--brand)}button.active{background:var(--brand);color:#04222c;font-weight:600}.login{min-height:100vh;display:grid;place-items:center}.login form{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;width:320px}.login h1{font-size:18px;margin:0 0 4px}.login p{color:var(--mut);margin:0 0 18px;font-size:13px}.login input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:#0c0f14;color:var(--tx);font-size:14px;margin-bottom:12px}.login button{width:100%;padding:10px;border-radius:8px;background:var(--brand);color:#04222c;font-weight:600;border:none;font-size:14px}.login .err{color:#ff8a80;font-size:13px;margin-bottom:10px;min-height:18px}.muted{color:var(--mut)}.right{text-align:right}.tag{display:inline-block;background:#0c1622;border:1px solid var(--line);border-radius:5px;padding:1px 6px;margin:1px 2px 1px 0;font-size:11px}