:root{--bg:#eef1f4;--panel:#fff;--ink:#1b2430;--muted:#5d6978;--line:#d5dbe3;--accent:#e8851a;--accent-ink:#fff;--hold:#c0392b;--hold-soft:#fbe7e4;--ok:#2b8a4a;--ok-soft:#e4f3e9;
  --display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#12171d;--panel:#1a2129;--ink:#e6ebf1;--muted:#97a3b2;--line:#2c3642;--accent:#f39a3a;--accent-ink:#1a1206;--hold:#ef7466;--hold-soft:#3a1c19;--ok:#5cc27f;--ok-soft:#16301f;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 var(--body)}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}
header{background:var(--panel);border-bottom:1px solid var(--line)}
header .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding-block:12px}
h1{font:700 26px var(--display);letter-spacing:.02em;margin:0;text-transform:uppercase}
h1 b{color:var(--accent)}
h2{font:700 16px var(--display);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;color:var(--muted)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;min-width:0}
.center{min-height:100vh;display:grid;place-items:center;padding:16px}
.center .card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}
label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--muted)}
input,select{font:15px var(--body);padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);width:100%}
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btn{font:600 15px var(--body);border-radius:6px;padding:10px 16px;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn[disabled]{opacity:.5;cursor:default}
.link{background:none;border:0;padding:0;color:var(--muted);font:600 13px var(--body);cursor:pointer;text-decoration:underline;align-self:flex-start}
.msg{font-size:14px;border-radius:6px;padding:9px 11px}
.msg.err{background:var(--hold-soft);color:var(--hold)}
.msg.ok{background:var(--ok-soft);color:var(--ok)}
.muted{color:var(--muted);font-size:13px;margin:0}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font:600 11px var(--body);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);text-align:left;padding:8px;border-bottom:1px solid var(--line)}
td{padding:8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:560px){.grid2{grid-template-columns:1fr}}