:root{color-scheme:dark;--bg:#0b1020;--card:#111827;--line:#243041;--text:#f8fafc;--muted:#94a3b8;--accent:#22c55e}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px;background:#0b1020;border-bottom:1px solid var(--line)}
h1,h2{margin:.2rem 0} h1{font-size:1.35rem} h2{font-size:1.05rem}
.muted{color:var(--muted);margin:.25rem 0}.wrap{max-width:760px;margin:auto;padding:16px;display:grid;gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
form{display:grid;gap:12px;margin-top:12px}label{display:grid;gap:6px;font-size:.92rem;color:#dbeafe}
input,select,button{width:100%;border-radius:12px;border:1px solid var(--line);padding:12px;font:inherit}
input,select{background:#0f172a;color:var(--text)}button{cursor:pointer;font-weight:700}
.primary{background:var(--accent);color:#04130a;border:none}.secondary{background:#172033;color:var(--text);width:auto}
.ghost{background:transparent}.danger{color:#fecaca;border-color:#7f1d1d;width:auto}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.empty{padding:18px 4px;color:var(--muted)}.alert{border-top:1px solid var(--line);padding:14px 0;display:grid;grid-template-columns:1fr auto;gap:10px}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#172033;color:#cbd5e1;font-size:.75rem;margin-right:6px}
.small{font-size:.82rem;color:var(--muted)}.delete{width:auto;align-self:center;background:transparent;color:#fca5a5;border-color:#7f1d1d}
@media(max-width:520px){.topbar{align-items:flex-start;flex-direction:column}.secondary{width:100%}}