.staff-login{--staff-login-accent:#1d4ed8;--staff-login-accent-soft:rgba(29,78,216,0.14);--staff-login-radius:18px;--staff-login-radius-sm:11px;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(1rem,3vw,2rem);position:relative;overflow:hidden;background:radial-gradient(900px 480px at 8% -12%,color-mix(in srgb,var(--primary-color,#0d0d4c) 16%,transparent),transparent 58%),radial-gradient(720px 420px at 96% 0,color-mix(in srgb,var(--staff-login-accent) 12%,transparent),transparent 55%),linear-gradient(165deg,var(--bg-secondary) 0,var(--bg-primary) 48%,var(--bg-tertiary) 100%)}.dark-mode .staff-login{--staff-login-accent:#3b82f6;--staff-login-accent-soft:rgba(59,130,246,0.18);background:radial-gradient(900px 480px at 10% -12%,color-mix(in srgb,var(--primary-color) 22%,transparent),transparent 58%),radial-gradient(700px 400px at 100% 0,color-mix(in srgb,var(--staff-login-accent) 16%,transparent),transparent 55%),linear-gradient(165deg,#071018 0,#0b1520 52%,#081018 100%)}.staff-login:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--text-primary) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text-primary) 4%,transparent) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 75%);pointer-events:none}.staff-login-theme{position:absolute;top:.85rem;right:.85rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border-radius:10px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--card-bg) 88%,transparent);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .15s ease,background .15s ease}.staff-login-theme:hover{border-color:color-mix(in srgb,var(--staff-login-accent) 40%,var(--border-color));background:var(--card-bg)}.staff-login-shell{position:relative;z-index:1;display:grid;width:min(58rem,100%);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);border-radius:calc(var(--staff-login-radius) + 2px);overflow:hidden;background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 1px 2px rgba(7,20,33,.04),0 24px 56px rgba(7,20,33,.12);animation:staff-login-fade-up .5s cubic-bezier(.22,1,.36,1) both}.staff-login-shell--mfa{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.dark-mode .staff-login-shell{box-shadow:0 1px 2px rgba(0,0,0,.2),0 24px 56px rgba(0,0,0,.38)}.staff-login-hero{position:relative;min-height:28rem;min-width:0;background:#071018;overflow:hidden}.staff-login-hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.staff-login-panel{padding:clamp(1.75rem,3.4vw,2.65rem);display:flex;flex-direction:column;justify-content:center;background:var(--card-bg);color:var(--text-primary)}.staff-login-panel-loading{display:flex;align-items:center;justify-content:center;min-height:14rem}.staff-login-brand{text-align:center;margin-bottom:1.5rem}.staff-login-logo-frame{display:inline-flex;align-items:center;justify-content:center;margin-bottom:.85rem;padding:.55rem .7rem;border-radius:14px;background:var(--bg-secondary);border:1px solid var(--border-color)}.staff-login-logo-frame img,.staff-login-logo-frame>div{width:6.25rem!important;height:6.25rem!important}.staff-login-brand h1{margin:0;font-size:clamp(1.45rem,3vw,1.85rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--text-primary)}.staff-login-brand>p{margin:.45rem 0 0;font-size:.9rem;line-height:1.45;color:var(--text-secondary)}.staff-login-form{display:flex;flex-direction:column;gap:.95rem}.staff-login-form label{display:grid;gap:.4rem;font-size:.8125rem;font-weight:650;color:var(--text-primary)}.staff-login-form input{width:100%;box-sizing:border-box;padding:.78rem .9rem;border-radius:var(--staff-login-radius-sm);border:1px solid var(--border-color);background:var(--input-bg,var(--bg-primary));color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.staff-login-form input:focus{outline:none;border-color:var(--staff-login-accent);box-shadow:0 0 0 3px var(--staff-login-accent-soft)}.staff-login-form input:disabled{opacity:.7;cursor:not-allowed}.staff-login-password-wrap{position:relative}.staff-login-password-wrap input{padding-right:2.75rem}.staff-login-eye{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);display:inline-flex;padding:.25rem;border:0;background:none;color:var(--text-secondary);cursor:pointer}.staff-login-eye:hover:not(:disabled){color:var(--text-primary)}.staff-login-eye:disabled{cursor:not-allowed;opacity:.6}.staff-login-submit{margin-top:.35rem;width:100%;padding:.85rem 1rem;border:0;border-radius:var(--staff-login-radius-sm);background:linear-gradient(145deg,#1e3a8a 0,var(--staff-login-accent) 100%);color:#ffffff;font-size:.9375rem;font-weight:650;font-family:inherit;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb,var(--staff-login-accent) 30%,transparent);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.staff-login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px color-mix(in srgb,var(--staff-login-accent) 36%,transparent);filter:brightness(1.05)}.staff-login-submit:disabled{opacity:.72;cursor:not-allowed;transform:none;box-shadow:none;background:#9ca3af}.staff-login-spinner{width:16px;height:16px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.staff-login-mfa{min-height:0}@keyframes staff-login-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.staff-login{padding:1rem .85rem 1.25rem;align-items:stretch}.staff-login-shell,.staff-login-shell--mfa{grid-template-columns:1fr;width:100%}.staff-login-hero{min-height:0;aspect-ratio:1;max-height:min(55vw,18rem)}.staff-login-logo-frame img,.staff-login-logo-frame>div{width:5.25rem!important;height:5.25rem!important}.staff-login-panel{padding:1.5rem 1.35rem 1.65rem}.staff-login-brand{margin-bottom:1.25rem}}