.auth-screen,.login-main,.login-main-page{--green-dark:#27500a;--green-mid:#3b6d11;--green-light:#eaf3de;--green-mid2:#c0dd97;--text-primary:#1a1a18;--text-secondary:#5f5e5a;--text-hint:#888780;--bg-page:#f5f4ef;--bg-card:#fff;--bg-surface:#f1efe8;--border-subtle:#0000001f;--border-mid:#00000038;--radius-md:8px;--radius-lg:12px;--red:#a32d2d;--red-bg:#fcebeb;background:var(--bg-page);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-dm-sans),var(--font-roboto),Arial,sans-serif;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.auth-screen *,.auth-screen :before,.auth-screen :after{box-sizing:border-box}.auth-card{background:var(--bg-card);border:.5px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:2rem 1.75rem}.auth-card--supplier{max-width:400px}.auth-logo-wrap{text-align:center;margin-bottom:1.75rem}.auth-logo-text{color:var(--green-mid);align-items:center;gap:7px;font-size:19px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.auth-logo-text svg{width:20px;height:20px}.auth-portal-badge{background:var(--green-light);color:var(--green-dark);border:.5px solid var(--green-mid2);border-radius:99px;align-items:center;gap:5px;margin-top:10px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.auth-portal-badge svg{width:13px;height:13px}.auth-title{text-align:center;margin:0 0 3px;font-size:17px;font-weight:500;line-height:1.35}.auth-subtitle{color:var(--text-secondary);text-align:center;margin:0 0 1.5rem;font-size:13px;line-height:1.45}.auth-form{margin:0}.auth-field{margin-bottom:.85rem}.auth-field label{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.auth-field input,.auth-field select{width:100%;font-size:14px;font-family:var(--font-dm-sans),var(--font-roboto),Arial,sans-serif;border:.5px solid var(--border-mid);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);outline:none;min-height:40px;padding:10px 11px;transition:border-color .15s,box-shadow .15s}.auth-field input:focus,.auth-field select:focus{border-color:var(--green-mid);box-shadow:0 0 0 2px #3b6d111a}.auth-field input::placeholder{color:#888780}.auth-pwd-wrap{position:relative}.auth-pwd-wrap input{padding-right:38px}.auth-pwd-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:2px;font-size:16px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-forgot-row{justify-content:space-between;align-items:center;min-height:20px;margin-bottom:.85rem;display:flex}.auth-remember-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.auth-remember-label input{accent-color:var(--green-mid);width:14px;height:14px}.auth-link,.auth-bottom-links a,.auth-alt-portal-link a,.resend-link,.auth-inline-link{color:var(--green-mid);cursor:pointer;font-size:13px;font-weight:500;text-decoration:none}.auth-link:hover,.auth-bottom-links a:hover,.auth-alt-portal-link a:hover,.auth-inline-link:hover{color:var(--green-dark)}.auth-error-banner{background:var(--red-bg);border-radius:var(--radius-md);color:var(--red);border:.5px solid #e24b4a;align-items:center;gap:7px;margin-bottom:.85rem;padding:9px 13px;font-size:13px;line-height:1.4;display:flex}.auth-error-banner svg{flex-shrink:0;font-size:15px}.auth-primary-btn,.auth-secondary-btn{border-radius:var(--radius-md);width:100%;font-size:14px;font-weight:500;font-family:var(--font-dm-sans),var(--font-roboto),Arial,sans-serif;cursor:pointer;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:11px;transition:background .14s,border-color .14s;display:flex}.auth-primary-btn{background:var(--green-mid);color:#fff;border:none;text-decoration:none}.auth-primary-btn:hover:not(:disabled){background:var(--green-dark)}.auth-primary-btn:disabled{opacity:.65;cursor:not-allowed}.auth-secondary-btn{border:.5px solid var(--border-mid);color:var(--text-secondary);background:0 0;margin-top:8px;text-decoration:none}.auth-secondary-btn:hover{background:var(--bg-surface)}.auth-bottom-links{text-align:center;color:var(--text-secondary);margin-top:1.25rem;font-size:13px;line-height:1.8}.auth-alt-portal-link{text-align:center;color:var(--text-hint);margin-top:.75rem;font-size:12px}.auth-alt-portal-link a{color:var(--text-secondary);font-size:12px;font-weight:400}.auth-alt-portal-link a:hover{color:var(--green-mid)}.supplier-managed-note{border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);text-align:center;margin-top:1.25rem;padding:13px 16px;font-size:12px;line-height:1.6}.supplier-managed-note strong{color:var(--text-primary)}.auth-icon-circle{background:var(--green-light);width:52px;height:52px;color:var(--green-mid);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:24px;display:flex}.auth-icon-circle--large{width:56px;height:56px;font-size:28px}.auth-icon-circle--danger{background:var(--red-bg);color:var(--red)}.auth-copy{color:var(--text-secondary);text-align:center;margin:0 0 1.5rem;font-size:13px;line-height:1.6}.auth-email-highlight{color:var(--text-primary);font-weight:500}.auth-resend-note{color:var(--text-secondary);text-align:center;margin-top:1rem;font-size:12px;line-height:1.6}.resend-link{font-size:12px;font-family:var(--font-dm-sans),var(--font-roboto),Arial,sans-serif;background:0 0;border:none;padding:0;text-decoration:underline}.strength-bar{background:var(--border-subtle);border-radius:2px;height:4px;margin-top:5px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.strength-label{color:var(--text-secondary);margin-top:3px;font-size:11px}.requirements{background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:1rem;padding:10px 13px}.req-item{color:var(--text-secondary);align-items:center;gap:7px;padding:2px 0;font-size:12px;display:flex}.req-item svg{flex-shrink:0;font-size:13px}.req-item.met{color:var(--green-mid)}.req-item.unmet svg{color:var(--border-mid)}.auth-field-error{color:var(--red);margin-top:4px;font-size:12px}@media (max-width:520px){.auth-screen,.login-main,.login-main-page{padding:1.25rem 1rem}.auth-card{padding:1.75rem 1.35rem}}.auth-logo-image{object-fit:contain;width:132px;height:auto;display:block}.auth-logo-text{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}