body.login-page { --primary:#0759ab; --primary-strong:#034481; --bg:#f6f7f9; --line:#dce2e9; background:var(--bg); }
.login-page .login-shell { min-height:100dvh; display:grid; grid-template-columns:minmax(0,420px); justify-content:center; place-items:center; max-width:none; padding:32px 20px; }
.login-page .login-card { display:block; width:100%; max-width:420px; padding:36px; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:0 2px 8px #20273108; }
.login-page .login-brand { justify-content:flex-start; margin:0 0 28px; }
.login-page .login-brand-logo { display:block; width:150px; height:auto; max-height:64px; object-fit:contain; }
.login-page .login-copy { margin-bottom:26px; text-align:left; }
.login-page .login-title { font-size:24px; letter-spacing:-.4px; margin:0 0 8px; }
.login-page .login-text { font-size:14px; margin:0; color:#626c79; }
.login-page .login-form { display:flex; flex-direction:column; gap:20px; }
.login-page .login-field { display:flex; flex-direction:column; gap:8px; }
.login-page .login-field label { font-size:14px; font-weight:500; color:#364152; }
.login-page .login-field input { width:100%; min-height:44px; border:1px solid #cdd4de; border-radius:5px; padding:10px 12px; background:#fff; font:inherit; }
.login-page .login-password-wrap { display:flex; position:relative; }
.login-page .login-password-wrap input { padding-right:76px; }
.login-page .login-password-toggle { position:absolute; right:5px; top:5px; bottom:5px; width:62px; min-width:0; height:auto; min-height:0; padding:0 6px; margin:0; border:0; border-radius:3px; background:transparent; color:#0759ab; font-size:13px; transform:none; box-shadow:none; }
.login-page .login-password-toggle:hover { background:#edf4fc; transform:none; box-shadow:none; }
.login-page .login-submit { min-height:44px; width:100%; margin:4px 0 0; border-radius:5px; transform:none; box-shadow:none; }
.login-page .login-field input:focus { border-color:#0759ab; outline:2px solid #0759ab22; outline-offset:1px; box-shadow:none; }
.login-page .has-error input { border-color:#ae3035; }
.login-page .login-status { position:static; border-radius:5px; font-size:13px; margin:16px 0 0; padding:10px 12px; }
.login-page .login-status:empty { display:none; }
.login-page .login-progress { margin-top:-10px; height:3px; }
.login-page .login-footer { text-align:center; margin:24px 0 0; font-size:12px; color:#626c79; }
.login-page .login-footer a { color:#626c79; }
@media(max-width:480px) { .login-page .login-card { padding:28px 24px; } }