[hidden]{display:none!important}
.login-page{min-height:100dvh;display:grid;place-items:center;padding:28px 16px;background:linear-gradient(145deg,#f1f6f8,#e5eef3)}
.login-card{background:#fff;width:min(100%,440px);border:1px solid #dce5eb;border-radius:22px;padding:32px;box-shadow:0 16px 48px #244c6410}
.login-card .brand{margin-bottom:32px}
.login-card h1{font-size:26px;line-height:1.25}
.auth-description{color:var(--muted);font-size:14px;line-height:1.6;margin:14px 0 24px}
.login-card .primary{width:100%}
.password-toggle{display:flex;align-items:center;gap:9px;font-size:14px;min-height:40px}
.password-toggle input{width:18px;height:18px}
.login-card .error:empty{display:none}
.account-settings{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.account-settings p{margin:0;color:var(--muted);overflow-wrap:anywhere}
.session-exit{position:relative}
body.app-loading>.topbar,body.app-loading>.workspace{visibility:hidden}
#load-status{margin:24px auto;max-width:700px;padding:16px;line-height:1.6}
#toast.visible{display:block}
@media(max-width:700px){.login-card{padding:26px 22px}.login-card h1{font-size:23px}}
.security-form {display:grid;gap:14px;max-width:560px;margin:18px 0;}
.security-form .field, #mfa-setup .field {display:grid;gap:8px;}
#mfa-setup {max-width:560px;overflow-wrap:anywhere;}
#mfa-setup textarea {width:100%;}
.mfa-qr {max-width:240px;width:100%;}
#security-settings h3 {margin-top:24px;}
#security-settings small {overflow-wrap:anywhere;}
.auth-extra {margin-top:16px;}