[hidden] { display:none !important; }
.auth-gate { position:fixed;inset:0;overflow-y:auto;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:30px 16px;background:radial-gradient(ellipse at 45% 20%,#173a59,#071321 75%); }
.auth-card { margin:auto;width:min(440px,100%);padding:32px;border:1px solid #2a506b;border-radius:12px;background:#0a1b2df5;box-shadow:0 24px 100px #0005; }
.auth-card h1 { font-size:23px;margin:15px 0; }
.auth-card .eyebrow { color:var(--accent);font-size:10px;letter-spacing:3px; }
.auth-sub { color:#8cabc3;line-height:1.8;font-size:12px;margin-bottom:24px; }
.auth-card form,.account-form { display:flex;flex-direction:column;gap:16px; }
.auth-card label,.account-form>label { display:flex;flex-direction:column;gap:7px;color:#9db8ce;font-size:12px; }
.auth-card input,.account-form>label>input,.account-form select { width:100%; }
.auth-error { min-height:18px;color:#ff9b9b;font-size:12px;line-height:1.7;overflow-wrap:anywhere; }
.auth-card .primary { width:100%;padding:12px; }
.account-tools { display:flex;gap:7px;margin-top:10px; }
.account-tools .btn { padding:5px 8px;font-size:11px; }
.permission-list { display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:5px; }
.permission-list label { display:flex;align-items:center;gap:9px;font-size:12px; }
.permission-list input { width:auto; }
button:disabled { cursor:not-allowed;opacity:.45; }