:root{--bg:#0f172a;--card:#1e293b;--fg:#f8fafc;--muted:#94a3b8;--accent:#38bdf8;--border:#334155;--danger:#f87171}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:28rem;margin:0 auto;padding:3rem 1.5rem}h1{font-size:1.5rem;margin:0 0 .25rem}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;margin-top:1.5rem}form{display:flex;flex-direction:column;gap:.75rem}label{font-size:.875rem;color:var(--muted)}input{width:100%;border-radius:.5rem;border:1px solid var(--border);background:#0b1220;color:var(--fg)}.btn,input{padding:.625rem .75rem;font-size:1rem}.btn{border-radius:.5rem;border:none;background:var(--accent);color:#06243a;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--danger);font-size:.875rem}main.wide{max-width:60rem}a{color:var(--accent)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.btn-secondary{background:transparent;border:1px solid var(--accent);color:var(--accent)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.55rem .75rem;border-bottom:1px solid var(--border)}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.badge,th{font-size:.75rem}.badge{display:inline-block;padding:.1rem .55rem;border-radius:999px;text-transform:capitalize}.badge,fieldset{border:1px solid var(--border)}fieldset{display:flex;flex-direction:column;gap:.7rem;border-radius:.75rem;padding:1rem 1.25rem 1.25rem;margin:0 0 1.25rem}legend{padding:0 .5rem;color:var(--accent);font-weight:600}select,textarea{width:100%;padding:.6rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:#0b1220;color:var(--fg);font:inherit}textarea{min-height:3.5rem;resize:vertical}.row{display:flex;gap:.75rem}.row>*{flex:1 1}.check{flex-direction:row;align-items:center;gap:.5rem}.check input{width:auto}.dl{display:grid;grid-template-columns:max-content 1fr;grid-gap:.4rem 1rem;gap:.4rem 1rem;margin:0}.dl dt{color:var(--muted)}.dl dd{margin:0}.avatar{width:96px;height:96px;border-radius:.75rem;object-fit:cover;background:#0b1220;border:1px solid var(--border)}