:root{--bg:#0f172a;--panel:#1e293b;--border:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--accent-contrast:#0f172a;--danger:#f87171;--ok:#4ade80}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent)}main{max-width:920px;margin:0 auto;padding:2rem 1.25rem}h1,h2,h3{line-height:1.2}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.btn{display:inline-block;background:var(--accent);color:var(--accent-contrast);border:none;border-radius:8px;padding:.6rem 1rem;font-weight:600;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:.25rem}input,select,textarea{width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--border);background:#0b1220;color:var(--text);font-size:1rem}.field{margin-bottom:1rem}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);font-size:.92rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-in{background:rgba(74,222,128,.15);color:var(--ok)}.badge-out{background:rgba(148,163,184,.15);color:var(--muted)}.badge-optout{background:hsla(0,91%,71%,.15);color:var(--danger)}.error{color:var(--danger);font-size:.9rem}.muted{color:var(--muted)}