:root{--bg:#0b0e0a;--panel:#12160f;--line:#252c1e;--line2:#323b28;--ink:#eef3e2;--text:#c4cbb6;--mute:#7f8873;
 --lime:#c5e239;--lime2:#8fb81a;--red:#ff5a4f;--amber:#f2b33d;
 --disp:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--mono:"Martian Mono",ui-monospace,Menlo,Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font:15px/1.55 var(--disp);
 background:radial-gradient(900px 420px at 18% -8%,rgba(197,226,57,.10),transparent 60%),var(--bg)}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px 48px}
a{color:var(--lime)}
.top{display:flex;align-items:center;gap:16px;padding:18px 0 14px;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.top img{height:42px;width:auto}
.top b{font:800 21px/1 var(--disp);color:var(--ink)}
.top nav{display:flex;align-items:center;gap:16px;margin-left:auto}
.top form{margin:0}
h1{font:800 24px/1.2 var(--disp);color:var(--ink);margin:24px 0 14px}
.card{background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:18px;margin:0 0 18px;max-width:520px}
.card.wide{max-width:none;overflow-x:auto}
label{display:block;margin:12px 0 4px;font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
label.chk{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font:13px var(--disp);color:var(--text)}
input,select{width:100%;padding:9px 10px;border:1px solid var(--line2);border-radius:5px;background:var(--bg);color:var(--ink);font:15px var(--disp)}
input[type=checkbox]{width:auto}
button{margin-top:14px;padding:9px 16px;border:0;border-radius:5px;background:var(--lime);color:#1b2200;font:700 14px var(--disp);cursor:pointer}
button.link{margin:0;padding:0;background:none;color:var(--lime);font:inherit;text-decoration:underline}
button.danger{background:var(--red);color:#fff}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;font:600 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding:8px 10px;border-bottom:1px solid var(--line2)}
td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
td form{margin:0}
.id{font-family:var(--mono);color:var(--ink)}
.bad{color:var(--red)}
.ok{color:var(--lime)}
.mute{color:var(--mute)}
.err{color:var(--red)}