:root{--bg:#0a1626;--panel:#0f2036;--panel2:#132a4a;--line:#223b5e;--txt:#e8eef6;--muted:#9fb2c8;--brand:#7cc4ff;--gold:#c9a24b;--ok:#8fd19e;--err:#ff8f8f;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100vh}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--txt);background:radial-gradient(1200px 600px at 50% -10%,#132a4a,#0a1626 60%);background-attachment:fixed}a{color:var(--brand);text-decoration:none}h1,h2,h3{margin:0}.logo{font-weight:800;background:linear-gradient(90deg,var(--brand),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.muted{color:var(--muted);font-size:13px}.ok{color:var(--ok)}.err{color:var(--err)}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}input,select{width:100%;padding:10px 12px;background:#0b1a2e;border:1px solid var(--line);border-radius:8px;color:var(--txt);font-size:14px}input:focus,select:focus{outline:none;border-color:var(--brand)}button{padding:10px 16px;background:linear-gradient(90deg,#2b6cb0,#1f5a97);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{opacity:.6;cursor:not-allowed;filter:none}button.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}button.small{padding:6px 12px;font-size:13px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:160px}.pill{font-size:11px;padding:2px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.badge{display:inline-block;font-size:12px;color:#7cc4ff;border:1px solid #2b6cb0;border-radius:999px;padding:3px 10px}