:root{--bg: #0b1020;--surface: #151b30;--border: #26304d;--text: #e8ecf6;--muted: #93a0bd;--accent: #4f7dfb;--ok: #23a06a;--bad: #d64550;--radius: 12px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column;padding:1.25rem;gap:1.5rem;max-width:960px;margin:0 auto}.header{padding-top:.5rem}.brand{display:flex;align-items:center;gap:.85rem}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--radius);background:linear-gradient(140deg,var(--accent),#8a5cf6);color:#fff;font-weight:700;letter-spacing:.02em}.brand h1{margin:0;font-size:1.45rem}.brand-sub{margin:0;color:var(--muted);font-size:.875rem}.main{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.card-head h2{margin:0;font-size:1.1rem}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.5rem .95rem;font-size:.875rem;font-weight:600;cursor:pointer}.btn:hover:not(:disabled){filter:brightness(1.1)}.btn:disabled{opacity:.6;cursor:not-allowed}.grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:0}.grid dt{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.grid dd{margin:.2rem 0 0;font-variant-numeric:tabular-nums}.pill{display:inline-block;padding:.1rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.pill-ok{background:#23a06a2e;color:#5fdc9d}.pill-bad{background:#d645502e;color:#ff8f97}.alert{border-radius:8px;padding:.85rem 1rem}.alert-error{background:#d645501f;border:1px solid rgba(214,69,80,.4)}.alert strong{display:block}.alert p{margin:.3rem 0 0;color:var(--muted);font-size:.9rem}.muted{color:var(--muted)}.footer{border-top:1px solid var(--border);padding-top:.9rem;color:var(--muted);font-size:.82rem}.footer p{margin:0}@media (max-width: 480px){.page{padding:1rem}.card-head{flex-direction:column;align-items:flex-start}.btn{width:100%}}