.login-screen{color:#263244;background:#f1f3f5;flex-direction:column;min-height:100svh;font-family:Arial,Microsoft YaHei,sans-serif;font-size:14px;display:flex}.login-screen *{box-sizing:border-box}.login-topbar{color:#fff;background:#202b3c;align-items:center;height:58px;padding:0 24px;display:flex}.login-brand{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.login-logo{flex:0 0 30px;width:30px;height:30px;position:relative}.login-logo img{object-fit:contain;visibility:hidden;width:30px;height:30px;position:absolute;inset:0}.login-logo img.loaded{visibility:visible}.login-monogram{color:#fff;background:#35435a;border-radius:3px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:grid}.login-content{flex:1;justify-content:center;align-items:center;padding:48px 20px 100px;display:flex}.login-card{background:#fff;border:1px solid #dce1e7;border-radius:4px;width:min(100%,380px)}.login-heading{border-bottom:1px solid #e7eaee;padding:20px 26px}.login-heading h1{margin:0;font-size:18px;font-weight:600;line-height:1.5}.login-card form{gap:19px;padding:25px 26px 0;display:grid}.login-card label{color:#394456;gap:8px;font-size:13px;display:grid}.login-card label>input,.login-card .password-input{background:#fff;border:1px solid #cfd6df;border-radius:4px;width:100%;min-width:0;height:40px}.login-card input{min-width:0;font:inherit;color:#263244;outline:none}.login-card label>input{padding:0 11px}.login-card input::placeholder{color:#929ba8}.login-card label>input:focus,.login-card .password-input:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.login-card .password-input{align-items:center;display:flex}.login-card .password-input input{background:0 0;border:0;width:100%;height:100%;padding:0 11px}.login-card .password-input button{color:#748091;cursor:pointer;background:0 0;border:0;border-radius:3px;flex-shrink:0;place-items:center;width:38px;height:36px;padding:0;display:grid}.login-card .password-input button:hover:not(:disabled){color:#263244;background:#f5f6f8}.login-submit{color:#fff;height:40px;font:inherit;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:4px;justify-content:center;align-items:center;gap:8px;margin-top:3px;font-size:14px;display:flex}.login-submit:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.login-card button:disabled,.login-card input:disabled{cursor:wait;opacity:.65}.login-card button:focus-visible{outline-offset:3px;outline:2px solid #2563eb}.login-error{color:#b42323;overflow-wrap:anywhere;background:#fff4f4;border:1px solid #efc5c5;border-radius:4px;margin:0;padding:9px 11px;font-size:12px;line-height:1.6}.login-footer{color:#7d8693;text-align:center;padding:18px 26px 24px;font-size:12px}.login-spinner{animation:1s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width:420px){.login-topbar{padding:0 18px}.login-content{padding:28px 16px 80px}.login-card form{padding:22px 21px 0}.login-heading{padding:18px 21px}.login-footer{padding:18px 21px 23px}}@media (prefers-reduced-motion:reduce){.login-spinner{animation:none}}