:root{color-scheme:light;--bg:#f6f8fb;--card:#fff;--ink:#182230;--muted:#667085;--line:#d9e2ec;--accent:#1f6feb;--accent-hover:#185abc;--danger:#c2410c;--good:#047857}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.shell{max-width:1180px;margin:0 auto;padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.brand{font-weight:750;font-size:22px}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 1px 2px rgba(16,24,40,.04)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:14px}.actions{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;padding:3px 8px;border-radius:999px;background:#eef4ff;color:#1849a9;font-size:12px;border:1px solid #d1e0ff}.pill.off{background:#fff7ed;color:#9a3412;border-color:#fed7aa}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.button{border:0;border-radius:7px;background:var(--accent);color:white;padding:9px 12px;font-weight:650;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:var(--accent-hover);text-decoration:none}.button.secondary{background:#eef4ff;color:#1849a9}.button.danger,button.danger{background:var(--danger)}input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink)}label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.login{max-width:430px;margin:10vh auto}.error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c;border-radius:8px;padding:10px}.success{background:#ecfdf3;border:1px solid #abefc6;color:#067647;border-radius:8px;padding:10px}.mono{font-family:Consolas,Monaco,monospace}.record{display:grid;grid-template-columns:1fr auto;gap:14px}.history{font-size:13px}.codebox{word-break:break-all;background:#101828;color:#f8fafc;border-radius:8px;padding:12px;font-family:Consolas,Monaco,monospace}@media(max-width:760px){.shell{padding:16px}.topbar,.between,.record{display:flex;flex-direction:column;align-items:stretch}.actions button,.actions .button{width:100%}}