:root{--auth-blue:#2563eb;--auth-blue-dark:#1d4ed8;--auth-blue-light:#eff6ff;--auth-blue-border:#bfdbfe;--auth-border:#e2e8f0;--auth-bg:#f1f5f9;--auth-card:#fff;--auth-text:#1e293b;--auth-text-mid:#475569;--auth-text-muted:#64748b;--auth-text-light:#94a3b8;--auth-error:#dc2626;--auth-error-bg:#fef2f2;--auth-error-bdr:#fecaca;--auth-success-bg:#f0fdf4;--auth-success-bdr:#bbf7d0;--auth-success-txt:#166534;--auth-warn-bg:#fffbeb;--auth-warn-bdr:#fde68a;--auth-warn-txt:#92400e;--auth-radius:8px;--auth-input-h:42px;--auth-shadow:0 4px 28px #00000017, 0 1px 4px #0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body.auth-body{background:var(--auth-bg);min-height:100vh;color:var(--auth-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}.auth-page{justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 16px 48px;display:flex}.auth-wrap{width:100%;max-width:460px}.auth-wrap.wide{max-width:620px}.auth-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:flex}.auth-brand-icon{background:var(--auth-blue);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 8px #2563eb4d}.auth-brand-text{color:var(--auth-text);letter-spacing:-.4px;font-size:21px;font-weight:700}.auth-brand-text span{color:var(--auth-blue)}.auth-brand-anffas-logo{object-fit:contain;width:auto;height:56px}.auth-brand-cqa{color:var(--auth-text-muted);letter-spacing:.2px;justify-content:center;align-items:center;gap:6px;margin-bottom:24px;font-size:12px;font-weight:500;display:flex}.auth-brand-cqa-icon{background:var(--auth-blue);color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.auth-card{background:var(--auth-card);box-shadow:var(--auth-shadow);border-radius:14px;padding:36px 40px}.auth-card-title{color:var(--auth-text);letter-spacing:-.3px;margin-bottom:4px;font-size:20px;font-weight:700}.auth-card-subtitle{color:var(--auth-text-muted);margin-bottom:26px;font-size:13px}.auth-section{align-items:center;gap:10px;margin-top:22px;margin-bottom:14px;display:flex}.auth-section:after{content:"";background:var(--auth-border);flex:1;height:1px}.auth-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--auth-text-muted);flex-shrink:0;font-size:11px;font-weight:600}.auth-fields{flex-direction:column;gap:14px;display:flex}.auth-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.auth-group{flex-direction:column;gap:5px;display:flex}.auth-label{color:var(--auth-text);font-size:12.5px;font-weight:500;display:block}.auth-req{color:var(--auth-blue);font-size:11px}.auth-input,.auth-select{height:var(--auth-input-h);border:1.5px solid var(--auth-border);border-radius:var(--auth-radius);color:var(--auth-text);appearance:none;background:#fff;outline:none;width:100%;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:var(--auth-text-light)}.auth-input:focus,.auth-select:focus{border-color:var(--auth-blue);box-shadow:0 0 0 3px #2563eb1f}.auth-input.is-invalid{border-color:var(--auth-error)}.auth-input.is-invalid:focus{box-shadow:0 0 0 3px #dc26261f}.auth-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.auth-pw-wrap{border:1.5px solid var(--auth-border);border-radius:var(--auth-radius);background:#fff;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.auth-pw-wrap:focus-within{border-color:var(--auth-blue);box-shadow:0 0 0 3px #2563eb1f}.auth-pw-wrap .auth-input{border:none;border-radius:0;flex:1;box-shadow:none!important}.auth-pw-toggle{cursor:pointer;width:42px;min-width:42px;color:var(--auth-text-muted);background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:0;transition:color .15s;display:flex}.auth-pw-toggle:hover{color:var(--auth-text)}.auth-hint{color:var(--auth-text-muted);font-size:12px}.auth-error-text,.invalid-feedback{color:var(--auth-error);font-size:12px;display:block}.auth-forgot{color:var(--auth-blue);text-align:right;margin-top:2px;font-size:12.5px;text-decoration:none;display:block}.auth-forgot:hover{text-decoration:underline}.auth-btn{background:var(--auth-blue);color:#fff;border-radius:var(--auth-radius);cursor:pointer;letter-spacing:.1px;border:none;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:22px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:flex}.auth-btn:hover{background:var(--auth-blue-dark)}.auth-btn:active{transform:scale(.99)}.auth-bottom-link{text-align:center;color:var(--auth-text-muted);margin-top:18px;font-size:13px}.auth-bottom-link a{color:var(--auth-blue);font-weight:500;text-decoration:none}.auth-bottom-link a:hover{text-decoration:underline}.auth-alert{border-radius:var(--auth-radius);align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.auth-alert.success{background:var(--auth-success-bg);color:var(--auth-success-txt);border:1px solid var(--auth-success-bdr)}.auth-alert.danger{background:var(--auth-error-bg);color:var(--auth-error);border:1px solid var(--auth-error-bdr)}.auth-alert.warning{background:var(--auth-warn-bg);color:var(--auth-warn-txt);border:1px solid var(--auth-warn-bdr)}.auth-pw-strength{gap:4px;margin-top:8px;display:flex}.auth-pw-bar{background:var(--auth-border);border-radius:2px;flex:1;height:4px;transition:background .2s}.auth-pw-bar.on-1{background:#dc2626}.auth-pw-bar.on-2{background:#f59e0b}.auth-pw-bar.on-3{background:#10b981}.auth-pw-text{color:var(--auth-text-muted);margin-top:6px;font-size:11.5px}.auth-pw-text strong{font-weight:500}.auth-tips{background:var(--auth-blue-light);border:1px solid var(--auth-blue-border);border-radius:var(--auth-radius);color:var(--auth-text-mid);padding:14px 16px;font-size:12.5px}.auth-tips-title{color:var(--auth-blue);align-items:center;gap:6px;margin-bottom:8px;font-size:12.5px;font-weight:600;display:flex}.auth-tips ul{flex-direction:column;gap:4px;list-style:none;display:flex}.auth-tips ul li{padding-left:12px;position:relative}.auth-tips ul li:before{content:"·";color:var(--auth-blue);font-weight:700;position:absolute;left:0}.auth-page-footer{text-align:center;color:var(--auth-text-light);margin-top:20px;font-size:12px}.auth-body .row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.auth-body .col{flex-direction:column;gap:5px;min-width:0;display:flex}.auth-body .form-label{color:var(--auth-text);font-size:12.5px;font-weight:500;display:block}.auth-body .form-control{height:var(--auth-input-h);border:1.5px solid var(--auth-border);border-radius:var(--auth-radius);color:var(--auth-text);appearance:none;background:#fff;outline:none;width:100%;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.auth-body .form-control:focus{border-color:var(--auth-blue);box-shadow:0 0 0 3px #2563eb1f}.auth-body .form-control:disabled{color:var(--auth-text-muted);cursor:not-allowed;background:#f8fafc}.auth-body .form-control.is-invalid{border-color:var(--auth-error)}.auth-body .invalid-feedback,.auth-body .d-block{display:block}.auth-body .text-center{text-align:center}.auth-body .text-muted,.auth-body .text-muted a{color:var(--auth-text-muted)}.auth-body .m-4{margin:1rem}.auth-body .mb-1{margin-bottom:.25rem}.auth-body .mb-5{margin-bottom:2rem}.auth-body .px-5{padding-left:2rem;padding-right:2rem}.auth-body .px-2{padding-left:.5rem;padding-right:.5rem}.auth-body .small,.auth-body small{font-size:.875em}.auth-body .nav{flex-wrap:wrap;justify-content:center;padding:0;list-style:none;display:flex}.auth-body .nav-link{color:var(--auth-text-muted);padding:.25rem .5rem;font-size:13px;text-decoration:none}.auth-body .nav-link:hover{text-decoration:underline}.auth-body .text-success{color:#16a34a}@media (width<=540px){.auth-page{align-items:flex-start;padding:24px 12px 36px}.auth-card{padding:28px 20px}.auth-grid,.auth-body .row{grid-template-columns:1fr}}