:root{--bg:#f6f7f9;--card:#fff;--ink:#1c2430;--mute:#667085;--line:#e3e7ee;--brand:#1f5eff;--ok:#12805c;--warn:#b45309;--bad:#c0262d;--r:10px}
@media (prefers-color-scheme:dark){:root{--bg:#10141b;--card:#18202b;--ink:#e8edf5;--mute:#95a1b4;--line:#2a3544;--brand:#6b9bff;--ok:#3ecf9a;--warn:#f0a43c;--bad:#ff7b80}}
*{box-sizing:border-box}html,body{margin:0}
body{font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:1px solid var(--line);background:var(--card);padding:.5em .9em;border-radius:8px}
button.primary{background:var(--brand);border-color:var(--brand);color:#fff}
button.danger{color:var(--bad);border-color:var(--bad)}
button:disabled{opacity:.5;cursor:not-allowed}
input,select,textarea{width:100%;padding:.55em .7em;border:1px solid var(--line);border-radius:8px;background:var(--card)}
label{display:block;font-size:.85em;color:var(--mute);margin:.7em 0 .25em}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:.8em}
.row{display:flex;gap:.5em;align-items:center;flex-wrap:wrap}.grow{flex:1}
.badge{display:inline-block;font-size:.72em;padding:.15em .55em;border-radius:99px;border:1px solid var(--line);color:var(--mute);white-space:nowrap}
.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.bad{color:var(--bad);border-color:var(--bad)}
.muted{color:var(--mute)}.small{font-size:.85em}
.toast{position:fixed;left:50%;bottom:1em;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:.6em 1em;border-radius:8px;max-width:90vw;z-index:50}
.toast.err{background:var(--bad);color:#fff}
.hidden{display:none!important}