:root{--bg:#0b1020;--panel:#111a2b;--line:#24304a;--text:#eef2f8;--muted:#8d9ab0;--accent:#7c3aed;--ok:#31d0aa;--bad:#ff7b8a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
a{color:#a5b8ff}.top{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid var(--line);background:#0e1526}
.top nav{display:flex;gap:16px;flex-wrap:wrap;flex:1}.top nav a{text-decoration:none;color:var(--text)}.top form{margin:0}
main{max-width:1200px;margin:0 auto;padding:24px}h1{margin:0 0 16px}h2{margin:24px 0 12px;font-size:18px}
table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:12px}
tr.off td{opacity:.55}td form{margin:0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin:0 0 20px;display:grid;gap:12px}
.narrow{max-width:380px;margin:60px auto}.form{grid-template-columns:1fr 1fr}.form .wide{grid-column:1/-1}.inline{grid-template-columns:1fr 1fr auto;align-items:end}
label{display:grid;gap:5px;color:var(--muted);font-size:13px}label.check{display:flex;align-items:center;gap:8px;color:var(--text)}
input,select,textarea{font:inherit;color:var(--text);background:#0b1222;border:1px solid var(--line);border-radius:9px;padding:9px 10px}
input[readonly]{opacity:.6}
button,.btn{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:9px 16px;background:var(--accent);color:#fff;text-decoration:none;display:inline-block}
button.link{background:none;color:#a5b8ff;padding:0}.pill{background:#1b2436;color:var(--muted);padding:4px 10px;border-radius:99px;font-size:12px}.pill.on{background:#123b31;color:var(--ok)}
button.danger,.danger button{background:#4a1520;color:#ffc2c9}button.link.danger{background:none;color:var(--bad)}form.danger{margin-top:8px}
.flash{background:#123b31;color:#bff5e3;padding:10px 14px;border-radius:10px}.error{background:#3b1219;color:#ffc2c9;padding:10px 14px;border-radius:10px}
ul.error{padding-left:30px}.note{background:#2a2410;color:#ffdd91;padding:10px 14px;border-radius:10px}.muted{color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stats div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:grid}
.stats b{font-size:22px}.stats span{color:var(--muted);font-size:12px}.search{display:flex;gap:8px;margin:0 0 14px}.search input{flex:1;max-width:420px}
.actions{display:flex;gap:16px;align-items:center}.pager{display:flex;gap:16px}dl.grid{display:grid;grid-template-columns:160px 1fr;gap:6px 14px}dt{color:var(--muted)}dd{margin:0}
code{color:#8eeac6}@media(max-width:760px){.form,.inline{grid-template-columns:1fr}main{padding:14px}th:nth-child(n+5),td:nth-child(n+5){display:none}}
