.login-page{background:radial-gradient(circle at 100% 0,#371a74 0%,#0d0d0d 60%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";z-index:0;width:100%;max-width:480px;height:100%;position:absolute;left:50%;transform:translate(-50%)}@media (min-width:481px){.login-page{background:var(--color-bg-deep)}.login-page:before{background:radial-gradient(circle at 100% 0,#371a74 0%,#0d0d0d 60%)}}.login-bg-glow{background:var(--color-primary);filter:blur(150px);opacity:.2;z-index:0;border-radius:50%;width:300px;height:300px;position:absolute;top:-50px;left:-50px}.login-content{z-index:1;flex-direction:column;gap:2rem;width:100%;max-width:400px;margin:0 auto;animation:.8s ease-out fadeIn;display:flex;position:relative}.login-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.login-logo-container{justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.login-logo{object-fit:contain;max-width:200px;height:auto}.login-description{color:var(--color-text-dim);text-align:center;max-width:80%;font-size:.95rem}.login-form{flex-direction:column;gap:1.5rem;width:100%;display:flex}.login-role-toggle{border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #ffffff14;gap:.5rem;padding:.3rem;display:flex}.login-role-option{border-radius:var(--radius-md);color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.9rem;font-weight:500;transition:all .25s;display:flex}.login-role-option:hover:not(.active){color:var(--color-text-secondary);background:#ffffff0a}.login-role-option.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #7134f159}.theme-light .login-page-dark .login-role-toggle{background:#ffffff0d;border-color:#ffffff14}.theme-light .login-page-dark .login-role-option{color:#9ca3af}.theme-light .login-page-dark .login-role-option.active{background:var(--color-primary);color:#fff}.login-footer{text-align:center;margin-top:2rem}.whatsapp-link{color:var(--color-success);border-radius:var(--radius-md);align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s;display:inline-flex}.whatsapp-link:hover{background-color:#10b9811a}.login-footer-divider{justify-content:center;align-items:center;gap:.5rem;margin:1.5rem 0;display:flex}.login-footer-divider:before,.login-footer-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.login-footer-divider span{color:var(--color-text-dim);padding:0 .5rem;font-size:.85rem}.company-link{color:var(--color-primary);border-radius:var(--radius-md);align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.company-link:hover{background-color:#7134f11a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-code-header{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.login-back-button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.25rem 0;font-size:.85rem;font-weight:500;transition:color .2s;display:inline-flex}.login-back-button:hover{color:var(--color-text-primary)}.login-code-info{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.login-code-text{color:var(--color-text-secondary);font-size:.9rem}.login-code-phone{color:var(--color-text-primary);font-size:1rem;font-weight:600}.login-code-inputs{justify-content:center;gap:.5rem;padding:.5rem 0;display:flex}.login-code-input{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);width:3rem;height:3.5rem;color:var(--color-text-primary);text-align:center;caret-color:var(--color-primary);outline:none;font-size:1.5rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.login-code-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7134f133}.login-code-input:disabled{opacity:.5}.login-verifying{color:var(--color-primary);justify-content:center;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.9rem;display:flex}.login-code-footer{flex-direction:column;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.login-code-expiry{color:var(--color-text-secondary);font-size:.85rem}.login-code-expiry strong{color:var(--color-text-primary)}.login-code-expired{color:var(--color-danger);font-size:.85rem;font-weight:500}.login-resend-button{color:var(--color-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.85rem;font-weight:500;transition:background-color .2s,opacity .2s;display:inline-flex}.login-resend-button:hover:not(:disabled){background:#7134f11a}.login-resend-button:disabled{color:var(--color-text-dim);cursor:not-allowed;opacity:.6}.theme-light .login-page-dark .login-code-input{color:#f3f4f6;background-color:#ffffff0d;border-color:#ffffff1a}.theme-light .login-page-dark .login-code-input:focus{border-color:var(--color-primary)}.theme-light .login-page-dark .login-back-button,.theme-light .login-page-dark .login-code-text{color:#9ca3af}.theme-light .login-page-dark .login-code-phone{color:#f3f4f6}@media (max-width:380px){.login-code-input{width:2.5rem;height:3rem;font-size:1.25rem}.login-code-inputs{gap:.35rem}}.theme-light .login-page-dark{--color-bg-deep:#1b0a40;--color-bg-dark:#0d0d0d;--color-bg-surface:#1b0a40;--color-bg-card:#1b0a4099;--color-bg-secondary:#ffffff0d;--color-bg-hover:#ffffff14;--color-bg-accent:#7134f126;--color-text-primary:#f3f4f6;--color-text-secondary:#9ca3af;--color-text-tertiary:#6b7280;--color-text-title:#fff;--color-text-dim:#9ca3af;--color-border:#ffffff0d;--color-border-hover:#ffffff1a;--color-card-border:#ffffff14}.theme-light .login-page-dark .login-description{color:#9ca3af}.theme-light .login-page-dark .login-card{background-color:#1b0a4099;border-color:#ffffff14}.theme-light .login-page-dark .input-label{color:#f3f4f6}.theme-light .login-page-dark .input-field{color:#f3f4f6;background-color:#ffffff0d;border-color:#ffffff0d}.theme-light .login-page-dark .input-field::placeholder,.theme-light .login-page-dark .input-icon-left{color:#9ca3af}