.login-page{min-height:100svh;background:#fafbfc;color:#202938;display:flex;justify-content:center;align-items:flex-start;padding:clamp(48px,12vh,120px) 24px 48px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}.login-page *{box-sizing:border-box;min-width:0;letter-spacing:0}.login-panel{width:100%;max-width:400px}.login-brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:650;color:#202938;min-height:48px;margin-bottom:36px}.login-brand img{width:44px;height:44px}.login-panel h1{font-size:26px;font-weight:700;line-height:1.4;margin:0 0 28px}.login-form{gap:22px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:8px}.login-field label{font-size:14px;font-weight:600;line-height:24px}.login-label-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.login-label-row a{font-size:14px;color:#2563eb;padding:4px 0;margin:-4px 0}.login-page a:hover{text-decoration:underline;text-underline-offset:4px}.login-field input{display:block;width:100%;height:50px;border:1px solid #cbd3df;border-radius:8px;background:#fff;padding:12px 14px;color:#202938;font:inherit;font-size:16px;line-height:24px;transition:border-color .15s,box-shadow .15s}.login-field input::placeholder{color:#778292}.login-field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb18}.login-field input:read-only{background:#f4f6f9}.login-password{position:relative}.login-password input{padding-right:54px}.login-visibility{position:absolute;right:3px;top:3px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#626c7b;cursor:pointer}.login-visibility:hover{background:#f0f4fa;color:#202938}.login-submit{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;border-radius:8px;border:1px solid #2563eb;background:#2563eb;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}.login-submit:hover:not(:disabled){background:#1d4ed8}.login-submit:disabled{opacity:.65;cursor:wait}.login-page :focus-visible{outline:2px solid #2563eb;outline-offset:4px}.login-error{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid #efc5c5;border-radius:8px;background:#fff5f5;color:#a12a35;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.login-error svg{flex-shrink:0;margin-top:2px}.login-caps{color:#805a19;font-size:13px;margin:0}.login-register{margin:28px 0 0;padding-top:24px;border-top:1px solid #e3e7ed;text-align:center;color:#626c7b;font-size:14px;line-height:24px}.login-register a{color:#2563eb;margin-left:8px;font-weight:600}.login-spinner{animation:login-spin 1s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}@media(max-width:600px){.login-page{padding:calc(40px + env(safe-area-inset-top,0px)) 24px calc(32px + env(safe-area-inset-bottom,0px))}.login-brand{margin-bottom:32px}.login-panel h1{font-size:24px;margin-bottom:24px}}@media(max-height:600px){.login-page{padding-top:24px}.login-brand{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.login-spinner{animation:none}.login-field input,.login-submit{transition:none}}