@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--font-family-sans:"Inter",sans-serif;--primary-color:#1c1c1a;--primary-color-light:#d0d0d0;--body-color-light:#f6f9fc;--card-color-light:#ffffff;--text-color-light:#212529;--text-muted-light:#6c757d;--border-color-light:rgba(0,0,0,0.08);--body-color-dark:#1c1c1a;--card-color-dark:#2a2a28;--text-color-dark:#e9ecef;--text-muted-dark:#adb5bd;--border-color-dark:rgba(255,255,255,0.1);--login-card-radius:24px;--login-shadow:0 20px 40px rgba(0,0,0,0.08)}.text-theme{color:var(--primary-color) !important}body.dark-mode .text-theme{color:var(--primary-color-light) !important}body{font-family:var(--font-family-sans);display:flex;flex-direction:column;min-height:100vh;background:var(--body-color-light);color:var(--text-color-light);transition:background-color 0.3s,color 0.3s}body.dark-mode{background:var(--body-color-dark);color:var(--text-color-dark)}.login-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.login-card{max-width:900px;width:100%;border:none;border-radius:var(--login-card-radius);box-shadow:var(--login-shadow);background-color:var(--card-color-light);overflow:hidden;transition:background-color 0.3s,box-shadow 0.3s;position:relative}body.dark-mode .login-card{background-color:var(--card-color-dark);border:1px solid var(--border-color-dark);box-shadow:0 20px 40px rgba(0,0,0,0.4)}.logo-column{background-color:#f8faff;position:relative;overflow:hidden;min-height:300px}body.dark-mode .logo-column{background-color:#272b33}.logo-column::before,.logo-column::after{content:"";position:absolute;border-radius:50%;opacity:0.1;background:var(--primary-color)}.logo-column::before{width:300px;height:300px;top:-100px;left:-100px}.logo-column::after{width:200px;height:200px;bottom:-50px;right:-50px}body.dark-mode .logo-column::before,body.dark-mode .logo-column::after{background:var(--primary-color-light)}.login-logo img{width:380px;height:380px;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(0,0,0,0.1));animation:floatLogo 5s ease-in-out infinite;position:relative;z-index:1}@keyframes floatLogo{0%{transform:translateY(0px)}50%{transform:translateY(-12px)}100%{transform:translateY(0px)}}.right-column{padding:3rem;display:flex;flex-direction:column;justify-content:center}.brand-title{font-weight:700;margin-bottom:0.25rem;font-size:1.75rem;letter-spacing:-0.5px}.brand-subtitle{font-size:1rem;font-weight:500;color:#6c757d}body.dark-mode .brand-subtitle{color:#adb5bd}.form-label{font-weight:500;margin-bottom:0.5rem;font-size:0.95rem;color:var(--text-color-light)}body.dark-mode .form-label{color:var(--text-color-dark)}.form-control,.form-select{padding:0.7rem 1rem;border-radius:12px;border:1px solid #dee2e6;font-size:0.95rem;transition:all 0.2s;color:var(--text-color-light);background-color:#ffffff}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 0.25rem rgba(var(--primary-color-rgb),0.25)}body.dark-mode .form-control,body.dark-mode .form-select{background-color:#2b3035;border-color:#495057;color:#e9ecef}body.dark-mode .form-control:focus{border-color:var(--primary-color-light);background-color:#2b3035;box-shadow:0 0 0 0.25rem rgba(var(--primary-color-light-rgb),0.25)}::placeholder{color:#6c757d;opacity:1}body.dark-mode::placeholder{color:#8a919a;opacity:1}body.dark-mode .form-control::placeholder{color:#8a919a}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.form-check-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 0.25rem rgba(var(--primary-color-rgb),0.25)}.btn{transition:all 0.3s ease}#password{border-right:none}#togglePassword{border:1px solid #dee2e6;border-left:none;background-color:#ffffff;transition:all 0.2s;color:#6c757d}#togglePassword:hover,#togglePassword:active,#togglePassword:focus{background-color:#ffffff !important;color:var(--primary-color) !important;border-color:#dee2e6}.input-group:focus-within #password,.input-group:focus-within #togglePassword{border-color:var(--primary-color);box-shadow:0 0 0 0.25rem rgba(var(--primary-color-rgb),0.25);z-index:3}body.dark-mode #togglePassword{background-color:#2b3035;border-color:#495057;color:#adb5bd}body.dark-mode #togglePassword:hover,body.dark-mode #togglePassword:active,body.dark-mode #togglePassword:focus{background-color:#2b3035 !important;color:var(--primary-color-light) !important;border-color:#495057}body.dark-mode .input-group:focus-within #password,body.dark-mode .input-group:focus-within #togglePassword{border-color:var(--primary-color-light);box-shadow:0 0 0 0.25rem rgba(var(--primary-color-light-rgb),0.25)}[class*="btn-"]:not(:disabled):hover{transform:translateY(-2px)}.btn-primary{padding:0.65rem 1.75rem;border-radius:50px;font-weight:600;letter-spacing:0.5px;background:linear-gradient( 135deg,var(--primary-color),color-mix(in srgb,var(--primary-color) 85%,black) ) !important;border:none !important;color:#ffffff !important;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.btn-primary i{color:inherit !important}.btn-primary:hover{transform:translateY(-2px) scale(1.03);background:linear-gradient( 135deg,color-mix(in srgb,var(--primary-color) 90%,white),var(--primary-color) ) !important;box-shadow:0 8px 20px rgba(0,0,0,0.15);color:#ffffff !important}.btn-primary:active{transform:translateY(1px) scale(0.97)}.btn-primary:focus{box-shadow:0 0 0 0.25rem rgba(var(--primary-color-rgb),0.25) !important;outline:none}.form-text{font-size:0.85em;margin-top:0.35rem}.theme-toggle-login{position:absolute;top:2rem;right:2rem;z-index:10;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color-light);background:transparent;transition:all 0.3s;color:var(--text-color-light)}.theme-toggle-login:hover{background-color:rgba(0,0,0,0.05);transform:rotate(15deg);color:var(--text-color-light)}body.dark-mode .theme-toggle-login{border-color:var(--border-color-dark);color:var(--text-color-dark)}body.dark-mode .theme-toggle-login:hover{background-color:rgba(255,255,255,0.1)}.footer-text{font-size:0.85rem;color:var(--text-muted-light)}.footer-wrap{margin-top:3rem;margin-bottom:-1rem}body.dark-mode .footer-text{color:var(--text-muted-dark)}@media (max-width:991.98px){.login-logo img{width:340px;height:340px}}@media (max-width:767.98px){.login-card{max-width:450px}.logo-column{padding:2rem 1rem;min-height:280px}.logo-column::before{top:-50px;left:-50px}.right-column{padding:2rem}.theme-toggle-login{top:1rem;right:1rem}.login-logo img{width:200px;height:200px}.footer-wrap{margin-top:2rem;margin-bottom:-0.5rem}}@media (max-width:576px){.login-container{padding:1rem}.right-column{padding:1.5rem}.brand-title{font-size:1.75rem}.login-logo img{width:260px;height:260px}}body.dark-mode .text-muted{color:var(--text-muted-dark) !important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:var(--text-color-dark)}body.dark-mode .input-group .btn-outline-secondary{border-color:#495057;color:#e9ecef}body.dark-mode .input-group .btn-outline-secondary:hover{background-color:#495057;border-color:#495057;color:#ffffff}body.dark-mode .form-check-label{color:var(--text-color-dark)}body.dark-mode .form-check-input{background-color:#2b3035;border-color:#495057}body.dark-mode .form-check-input:checked{background-color:var(--primary-color-light);border-color:var(--primary-color-light)}body.dark-mode .toast{background-color:var(--card-color-dark);border-color:var(--border-color-dark)}body.dark-mode .btn-primary{background:linear-gradient( 135deg,var(--primary-color-light),color-mix(in srgb,var(--primary-color-light) 85%,white) ) !important;color:var(--primary-color) !important;box-shadow:0 4px 15px rgba(0,0,0,0.3)}body.dark-mode .btn-primary:hover{background:linear-gradient( 135deg,color-mix(in srgb,var(--primary-color-light) 90%,black),var(--primary-color-light) ) !important;box-shadow:0 8px 20px rgba(0,0,0,0.4)}.step-section{transition:opacity 0.3s ease,transform 0.3s ease}.step-section.hidden{display:none;opacity:0;transform:translateX(20px)}.step-section.visible{display:block;opacity:1;transform:translateX(0)}#loginLogo,#brandTitle{transition:opacity 0.3s ease}.superadmin-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:linear-gradient( 135deg,rgba(var(--bs-warning-rgb),0.15),rgba(var(--bs-warning-rgb),0.05) );border:1px solid rgba(var(--bs-warning-rgb),0.3);border-radius:8px;color:var(--bs-warning);font-size:0.875rem;font-weight:500}.dark-mode .superadmin-badge{background:linear-gradient( 135deg,rgba(255,193,7,0.2),rgba(255,193,7,0.1) );border-color:rgba(255,193,7,0.4);color:#ffc107}.btn-back{display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;color:var(--bs-secondary);font-size:0.875rem;text-decoration:none;cursor:pointer;transition:color 0.2s ease}.btn-back:hover{color:var(--primary-color)}body.dark-mode .btn-back{color:var(--text-muted-dark)}body.dark-mode .btn-back:hover{color:var(--primary-color-light)}.validated-email{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background-color:rgba(255,255,255,0.1);border:1px solid var(--primary-color);border-radius:12px;color:var(--primary-color);font-weight:500;margin-bottom:1rem;overflow:hidden}.validated-email span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.validated-email i{flex-shrink:0}.dark-mode .validated-email{background-color:rgba(255,255,255,0.1);border-color:var(--primary-color-light);color:var(--primary-color-light)}#btnContinueSpinner{vertical-align:middle}.modal-title{border-left:4px solid var(--primary-color);padding-left:10px}body.dark-mode .modal-title{border-left:4px solid var(--primary-color-light)}