.login-page{min-height:100vh;min-height:100svh;background:radial-gradient(ellipse at 20% 20%,#cceee580,transparent 43%),radial-gradient(ellipse at 85% 80%,#cbe5f180,transparent 48%),#f7fafb;color:#214957}.login-back{position:absolute;top:32px;right:40px;display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:14px;color:#547a88}.login-page svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.login-shell{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 22px 35px}.login-card{width:100%;max-width:450px;padding:36px 38px 25px;border:1px solid #fff;border-radius:32px;background:linear-gradient(140deg,#ffffffdb,#ffffff80);box-shadow:0 24px 80px #285d7312,inset 0 1px 2px #fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.login-brand{display:flex;width:72px;height:72px;margin:0 auto 18px;align-items:center;justify-content:center;border:1px solid white;border-radius:23px;background:#ffffffa8;box-shadow:0 8px 24px #306f7510}.login-brand img{width:56px;height:56px;object-fit:contain}.login-eyebrow{display:block;text-align:center;font-size:13px;color:#609098;margin-bottom:8px}.login-card h1{font-family:var(--display);font-size:34px;line-height:1.5;text-align:center;font-weight:700}.login-lead{font-size:14px;text-align:center;color:#708791;line-height:1.9;margin:8px 0 29px}.login-card label{display:block;font-size:14px;font-weight:700;margin:18px 0 8px}.login-field{display:flex;align-items:center;gap:10px;padding:0 14px;min-height:54px;border:1px solid #dce9ed;border-radius:15px;background:#ffffffa6;color:#7496a2;transition:border-color .2s,box-shadow .2s}.login-field:focus-within{border-color:#4aa9ab;box-shadow:0 0 0 4px #51b9b512}.login-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#244e60;font:16px var(--font);height:52px}.login-field input::placeholder{font-size:13px;color:#97aab2}.password-toggle{border:0;background:none;color:#658a98;width:44px;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:-9px;border-radius:10px}.password-toggle[aria-pressed=true]{color:#078b90;background:#eaf6f5}.login-help{font-size:12px;color:#81949d;margin:14px 0 22px;line-height:1.8}.login-submit{border:1px solid #16848d;border-radius:15px;width:100%;min-height:53px;display:flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(120deg,#168b92,#285e79);box-shadow:0 7px 20px #287f8520,inset 0 1px 0 #ffffff30;color:white;font:700 15px var(--font);cursor:pointer;transition:filter .2s,transform .2s}.login-submit:hover{filter:brightness(1.07);transform:translateY(-1px)}.demo-note{font-size:12px;line-height:1.8;color:#8a9ba4;text-align:center;margin:17px 0 0}.login-signature{font-size:12px;color:#86a0aa;margin:22px 0 0}.login-signature span{margin-inline:9px;color:#b4cbd0}#login-status{font-size:14px;line-height:1.9;margin-top:15px;padding:12px;border:1px solid #cfe5e5;background:#eef8f6;border-radius:12px;color:#3c737c}.login-page button:focus-visible,.login-page a:focus-visible{outline:3px solid #289d9f;outline-offset:4px}.login-page [hidden]{display:none!important}@media(max-width:600px){.login-back{top:14px;right:22px}.login-shell{padding-top:83px}.login-card{padding:28px 23px 23px;border-radius:26px;max-width:420px}.login-card h1{font-size:30px}.login-lead{margin-bottom:22px}.login-brand{width:64px;height:64px;border-radius:20px}.login-brand img{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){.login-page *{transition:none!important}.login-submit:hover{transform:none}.login-spinner{animation:none}}
.login-submit-wrap{width:100%}
.login-label{display:inline-flex;align-items:center;justify-content:center;gap:15px;white-space:nowrap}
.login-submit-loading{display:none;align-items:center;justify-content:center;gap:10px}
.is-loading .login-label,
form.is-loading .login-label,
.login-submit[data-loading] .login-label,
form[data-loading] .login-label{display:none}
.is-loading .login-submit-loading,
form.is-loading .login-submit-loading,
.login-submit[data-loading] .login-submit-loading,
form[data-loading] .login-submit-loading{display:inline-flex}
.login-submit:disabled,.is-loading .login-submit,form.is-loading .login-submit,.login-submit[data-loading],form[data-loading] .login-submit{cursor:progress;filter:none;transform:none}
.login-spinner{width:18px;height:18px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite;flex-shrink:0}
@keyframes login-spin{to{transform:rotate(-360deg)}}