.auth-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-page);color:var(--color-text-strong)}.auth-page .auth-wrapper{flex:1 1;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem}.auth-page .auth-card{width:100%;max-width:440px;background:var(--color-bg-card);border-radius:20px;border:1px solid var(--color-border-light);box-shadow:0 4px 24px rgba(20,33,55,.06),0 1px 4px rgba(20,33,55,.04);padding:2rem 1.75rem 1.75rem;animation:auth-card-enter .35s ease-out}@keyframes auth-card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-page .auth-logo-area{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-page .auth-logo{width:min(180px,100%);height:auto}.auth-welcome{text-align:center;margin-bottom:1.5rem}.auth-welcome-title{font-size:1.35rem;font-weight:700;color:var(--color-text-strong);margin-bottom:.25rem}.auth-welcome-subtitle{font-size:.88rem;color:var(--color-text-muted);font-weight:400}.auth-page .auth-tabs{display:flex;position:relative;background:var(--color-bg-alt);border-radius:12px;padding:4px;margin-bottom:1.75rem;gap:0}.auth-page .auth-tab-btn{flex:1 1;background:transparent;border:none;padding:.6rem 1rem;font-size:.9rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;position:relative;z-index:1;border-radius:9px;transition:color .25s ease}.auth-page .auth-tab-btn:hover{color:var(--color-text-base)}.auth-page .auth-tab-btn.active{color:var(--color-primary);background:var(--color-bg-card);box-shadow:0 1px 4px rgba(20,33,55,.08);transition:color .25s ease,background .25s ease,box-shadow .25s ease}.auth-page .auth-tab-btn.active:after{display:none}.auth-page .login-form{display:grid;gap:1rem}.auth-page .field{display:grid;gap:.35rem;font-size:.88rem;color:var(--color-text-base)}.auth-page .field>span{font-weight:600;font-size:.84rem;color:var(--color-text-muted);letter-spacing:.01em}.auth-page .field input{width:100%;border:1.5px solid var(--color-border);border-radius:12px;padding:.75rem .85rem;font-size:.93rem;color:var(--color-text-strong);background:var(--color-bg-card);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-page .field input::placeholder{color:var(--color-text-muted);opacity:.6}.auth-page .field input:hover{border-color:var(--color-primary-muted)}.auth-page .field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3.5px rgba(47,111,237,.1);background:var(--color-bg-page)}.auth-page .submit-btn{margin-top:.5rem;display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:12px;background:var(--color-primary);color:#fff;font-size:.95rem;font-weight:600;min-height:46px;cursor:pointer;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease;box-shadow:0 2px 8px rgba(47,111,237,.2)}.auth-page .submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 4px 14px rgba(47,111,237,.3)}.auth-page .submit-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 4px rgba(47,111,237,.2)}.auth-page .submit-btn:disabled{background-color:var(--color-primary-muted);cursor:not-allowed;box-shadow:none}.auth-page .loader{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#ffffff;border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-page .field-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.auth-page .doc-badge{font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.1rem .45rem;border-radius:5px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);animation:badge-appear .15s ease-out}@keyframes badge-appear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.auth-page .field-password-wrapper{position:relative}.auth-page .field-password-wrapper input{padding-right:2.75rem}.auth-page .field-password-toggle{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;border-radius:6px;transition:color .2s;line-height:0}.auth-page .field-password-toggle:hover{color:var(--color-text-base)}.auth-page .login-forgot-btn{border:none;background:none;color:var(--color-primary);font-size:.78rem;font-weight:600;padding:0;cursor:pointer;white-space:nowrap;transition:opacity .2s}.auth-page .login-forgot-btn:hover{text-decoration:underline;opacity:.85}.auth-page .login-admin-back{text-align:center;margin-top:.25rem;font-size:.82rem}.auth-page .login-admin-back a{color:var(--color-text-muted);text-decoration:none;transition:color .2s}.auth-page .login-admin-back a:hover{color:var(--color-text-base)}.auth-page .login-error{border:1px solid var(--color-error-border);background:var(--color-error-bg);color:var(--color-error-text);border-radius:12px;padding:.7rem .85rem;margin-bottom:1rem;font-size:.88rem;font-weight:500}.auth-page .auth-footer{flex:0 0 auto;border-top:1px solid var(--color-border-light);background:var(--color-bg-card);padding:.75rem 1rem}.auth-page .auth-footer-content{max-width:980px;margin:0 auto;text-align:center;line-height:1.4}.auth-page .auth-footer-title{font-size:.84rem;font-weight:700;color:var(--color-text-base)}.auth-page .auth-footer-subtext,.auth-page .auth-footer-text{display:none}.auth-separator{display:flex;align-items:center;gap:.75rem;margin:.25rem 0;color:var(--color-text-muted);font-size:.8rem;font-weight:500}.auth-separator:after,.auth-separator:before{content:"";flex:1 1;height:1px;background:var(--color-border-light)}@media (min-width:768px){.auth-page .auth-wrapper{padding:2.5rem 1rem}.auth-page .auth-card{padding:2.5rem 2.25rem 2rem;box-shadow:0 8px 40px rgba(20,33,55,.08),0 2px 8px rgba(20,33,55,.04)}.auth-page .auth-footer-subtext,.auth-page .auth-footer-text{display:block;font-size:.82rem;color:var(--color-text-muted)}}@media (max-width:400px){.auth-page .auth-card{padding:1.25rem 1rem;border-radius:16px}.auth-welcome-title{font-size:1.15rem}.auth-page .auth-tab-btn{font-size:.84rem;padding:.5rem .75rem}}:root[data-theme=dark] .auth-page .auth-card{box-shadow:0 4px 24px rgba(0,0,0,.25),0 1px 4px rgba(0,0,0,.15);border-color:var(--color-border)}:root[data-theme=dark] .auth-page .auth-tab-btn.active{box-shadow:0 1px 6px rgba(0,0,0,.2)}:root[data-theme=dark] .auth-page .submit-btn{box-shadow:0 2px 8px rgba(255,127,0,.2)}:root[data-theme=dark] .auth-page .submit-btn:hover:not(:disabled){box-shadow:0 4px 14px rgba(255,127,0,.3)}:root[data-theme=dark] .auth-page .field input:focus{box-shadow:0 0 0 3.5px rgba(255,127,0,.12)}