.login-page{--bg:#fff;--bg-elevated:#f7f7f8;--text:#17171a;--text-muted:#6b6b70;--text-faint:#9a9a9f;--border:#e7e7e9;--input-bg:#fbfbfc;--red:#dc2626;--red-soft:#dc26261a;background:var(--bg);color:var(--text)}.login-page ::selection{background:color-mix(in oklch, var(--primary) 20%, transparent)}.login-page input{background:var(--input-bg);border:1px solid var(--border);color:var(--text)}.login-page input::placeholder{color:var(--text-faint)}.login-page input.field-error{border-color:var(--red)}.login-page .btn-primary{background:var(--primary);color:var(--primary-foreground)}.login-page .btn-primary:hover{background:color-mix(in oklch, var(--primary) 85%, black)}.login-page .btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-page .divider-line{background:var(--border)}.login-page .password-toggle{color:var(--text-faint)}.login-page .password-toggle:hover{color:var(--text-muted)}.login-page a{color:var(--primary)}.login-page .image-panel{background:url(/assets/img/login_banner.webp) 50%/cover no-repeat}.login-page .spinner{border:2px solid #ffffff59;border-top-color:var(--primary-foreground);border-radius:999px;width:16px;height:16px;animation:.7s linear infinite spin}.login-page .spinner-dark{border:2px solid var(--border);border-top-color:var(--text);border-radius:999px;width:16px;height:16px;animation:.7s linear infinite spin}