:root{--bg:#f4f6f8;--surface:#fff;--ink:#1b1f24;--muted:#5b6470;--line:#d9dee4;--accent:#0f5c8c;--accent-ink:#fff;--error-bg:#fdecea;--error-ink:#8a1c17;--ok-bg:#e8f5e9;--ok-ink:#1d5e2c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121519;--surface:#1b1f24;--ink:#e6e9ed;--muted:#9aa4af;--line:#2e343b;--accent:#4aa3df;--accent-ink:#0b1116;--error-bg:#3a1a18;--error-ink:#f3b3ad;--ok-bg:#16301b;--ok-ink:#a6dcaf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:0 0 .4rem;font-size:1.4rem}h2{margin:1.4rem 0 .4rem;font-size:1rem}.muted{color:var(--muted)}.auth{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;max-width:420px;padding:24px}label{margin:14px 0 0;font-size:.9rem;font-weight:600;display:block}input{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;margin-top:6px;padding:10px 12px;display:block}input:focus{outline:2px solid var(--accent);outline-offset:1px}button,.button{font:inherit;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:0;border-radius:6px;margin-top:18px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}form>button{width:100%}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0;margin:0;padding:6px 12px}.error,.success{border-radius:6px;margin:14px 0 0;padding:8px 12px}.error{background:var(--error-bg);color:var(--error-ink)}.success{background:var(--ok-bg);color:var(--ok-ink)}.qr{background:#fff;border-radius:6px;margin:10px auto;padding:8px;display:block}code{word-break:break-all;font-family:Consolas,Cascadia Mono,monospace}.topbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 20px;display:flex}.spacer{flex:1}.page{max-width:1000px;margin:0 auto;padding:24px 16px}.topbar nav{gap:4px;margin-left:16px;display:flex}.topbar nav a{color:var(--muted);border-radius:6px;padding:6px 10px;text-decoration:none}.topbar nav a.active,.topbar nav a:hover{color:var(--ink);background:var(--bg)}a{color:var(--accent)}.page-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.page-head h1,.page-head .button{margin:0}.narrow{max-width:620px}.search{max-width:360px;margin:8px 0 16px}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px}tbody tr:last-child td{border-bottom:0}th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:.8rem}.num{text-align:right;font-variant-numeric:tabular-nums}.plus{color:var(--ok-ink)}.minus{color:var(--error-ink)}.badge{vertical-align:1px;border-radius:10px;margin-left:6px;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-bg);color:var(--ok-ink)}.badge.off{background:var(--error-bg);color:var(--error-ink)}.badge.warn{color:#7a5b00;background:#fff3cd}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0;display:grid}.card-stat{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.card-stat .label,.copy-field .label{color:var(--muted);font-size:.8rem;display:block}.card-stat strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.card-stat strong.low{color:var(--error-ink)}.columns{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 20px}.panel h3{margin:0 0 4px;font-size:1rem}.panel>button,.panel>.button{width:100%}h2{margin-top:28px}.hint{color:var(--muted);margin-top:4px;font-size:.82rem;font-weight:400;display:block}button.danger{color:#fff;background:#b3261e}button.secondary-wide{color:var(--ink);border:1px solid var(--line);background:0 0}.warn-panel{border-color:#e0a800;margin:16px 0}.copy-field{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;margin:12px 0;display:grid}.copy-field .label{grid-column:1/-1}.copy-field code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px 10px}label.check{align-items:center;gap:8px;font-weight:600;display:flex}label.check input{width:auto;margin:0}select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;margin-top:6px;padding:10px 12px;display:block}textarea{resize:vertical;font-family:Consolas,Cascadia Mono,monospace;font-size:.9rem}.inline-form{margin-top:12px}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.row label{flex:220px}.row button{margin-top:0}td.actions{text-align:right}td.actions button{margin:0 0 0 6px;padding:4px 10px;font-size:.85rem}tr.revoked td{color:var(--muted)}.badge.live{color:#174a7c;background:#e0ecfa}.badge.test{background:var(--bg);color:var(--muted);border:1px solid var(--line)}button.danger-text{color:#b3261e}.edit-key{white-space:normal;max-width:560px;padding:6px 0}.edit-key .row{margin-top:12px}.small{font-size:.85rem}.panel>button+button{margin-top:8px}.keys-table td,.keys-table th{white-space:normal}.keys-table td:first-child,.keys-table td.actions{white-space:nowrap}.month-picker{align-items:center;gap:10px;display:flex}.month-picker button{margin:0;padding:4px 12px}.stat-note{color:var(--muted);margin-top:2px;font-size:.8rem;display:block}.note-line{color:#7a5b00;background:#fff3cd;border-radius:6px;margin:0 0 8px;padding:8px 12px;font-size:.9rem}.card-stat.status{border-left-width:4px}.card-stat.status.ok{border-left-color:#2e7d32}.card-stat.status.warn{border-left-color:#e0a800}.card-stat.status.bad{border-left-color:#c62828}.card-stat.status strong{margin:4px 0;font-size:1.2rem;display:block}.card-stat.status p{color:var(--muted);margin:0;font-size:.88rem}.card-stat.status button{margin-top:10px}h3.section{margin:20px 0 8px}