@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Open Sans,sans-serif}:root{--body-bg-color:#fff;--text-color:#000;--sidebar-close-width:4rem;--sidebar-open-width:max(15vw, 15vw)}body{background-color:var(--body-bg-color);color:var(--text-color)}.not-null{position:relative}.not-null:after{content:"*";color:red}.btn-progress-container{color:azure;text-align:center;background:linear-gradient(45deg,#15083a,#0b011b);border-radius:4px;width:100%;padding:.7rem;font-size:.98rem;font-weight:600;position:relative;overflow:hidden}.btn-progress-bar{z-index:1;background:linear-gradient(45deg,#150cc5,#1340d4);height:100%;transition:width .4s;position:absolute;top:0;left:0}.btn-progress-text{z-index:2;position:relative}.login-title{margin:1rem 0;font-size:1.1rem;font-weight:600}form .login-form-input{flex-direction:column;display:flex}form .login-form-input label{padding:.4rem 0;font-size:1rem}form .login-form-input input{border:2px solid #cecece;border-radius:4px;outline:none;width:100%;padding:.5rem;font-size:1rem}form .login-form-input input:focus{border-color:#2010d9}label{padding:.1rem 0}.password-input .password-eye{cursor:pointer;font-size:1.2rem;position:absolute;top:-.2rem;right:0;transform:translateY(50%)translate(-50%)}.form-action-button{justify-content:space-between;display:flex;flex-direction:row!important}.forgot-password{font-size:1rem}form .login-form-input #login-button{color:azure;cursor:pointer;background:linear-gradient(45deg,#3100c4,#771cff);border:2px solid #4010d0;border-radius:4px;padding:.6rem;font-size:.98rem;font-weight:600;box-shadow:0 2px 8px #63636333}form .login-form-input #login-button span{margin-right:1.2rem;position:relative;left:1rem}form .login-form-input #login-button:active{background:#000}small{padding:.2rem .3rem 0}.login-progress{flex-direction:column;align-items:center;gap:6px;display:flex}.google-auth-btn{color:#6b7280;cursor:pointer;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#4285f4,#34a853,#fbbc05,#ea4335) border-box;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:12px;width:100%;padding:.75rem;font-size:.95rem;font-weight:600;transition:all .25s;display:flex}.google-auth-btn:hover{color:#000;transform:translateY(-1px);box-shadow:0 4px 12px #4285f426,0 4px 12px #ea433526}.otp-title{margin:1rem 0;font-size:1.1rem}.resend-container{justify-content:space-between;align-items:center;transition:opacity .3s;display:flex}.login-page{justify-content:center;width:100vw;height:100dvh;display:flex}.login-container{flex-direction:column;max-width:600px;padding:4.5rem 5% 0;display:flex;width:100%!important}.header{font-weight:bold 800;flex-direction:column;margin-bottom:2.5rem;display:flex}.register-page{justify-content:center;width:100vw;min-height:100dvh;display:flex}.register-container{flex-direction:column;width:100%;max-width:600px;padding:4.5rem 5% 2rem;display:flex}.register-title{margin:1rem 0;font-size:1.1rem;font-weight:600}.register-form{flex-direction:column;gap:.5rem;display:flex}.register-form-input{flex-direction:column;display:flex}.register-form-input label{padding:.4rem 0;font-size:1rem}.register-form-input input{border:2px solid #cecece;border-radius:4px;outline:none;width:100%;padding:.65rem;font-size:1rem;transition:all .2s}.register-form-input input:focus{border-color:#2010d9}.register-buttons-section{flex-direction:column;display:flex}#register-button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#3100c4,#771cff);border:2px solid #4010d0;border-radius:4px;padding:.75rem;font-size:1rem;font-weight:600;box-shadow:0 2px 8px #63636333}#register-button:active{background:#000}.input-error{color:#ff1d1d;opacity:0;font-size:.8rem;transition:all .2s;transform:translateY(-4px)}.resend-btn{color:#3100c4;cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600}.register-footer{text-align:center;margin-top:1rem;font-size:.95rem}.register-footer a{color:#3100c4;font-weight:600;text-decoration:none}.register-footer a:hover{text-decoration:underline}@media (width<=600px){.register-container{padding:2rem 1rem}.header span{font-size:1.6rem;line-height:2rem}.company-title{font-size:2rem!important}.register-title{font-size:1rem}.resend-container{flex-direction:column;align-items:flex-start;gap:.4rem}#register-button{width:100%}}.auth-divider{align-items:center;margin:.5rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#d1d5db;flex:1;height:1px}.auth-divider span{color:#6b7280;padding:0 12px;font-size:.9rem;font-weight:500}.google-auth-btn{cursor:pointer;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#4285f4,#34a853,#fbbc05,#ea4335) border-box;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:12px;width:100%;padding:.75rem;font-size:.95rem;font-weight:600;transition:all .25s;display:flex}.google-auth-btn img{width:20px;height:20px}.google-auth-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4285f426,0 4px 12px #ea433526}.google-auth-btn:active{transform:scale(.98)}.google-auth-btn i{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#4285f4,#34a853,#fbbc05,#ea4335);-webkit-background-clip:text;background-clip:text;font-size:1.1rem}.forgot-password-page{justify-content:center;width:100vw;min-height:100dvh;display:flex}.forgot-password-container{flex-direction:column;width:100%;max-width:600px;padding:4.5rem 5% 2rem;display:flex}.header{flex-direction:column;margin-bottom:2.5rem;font-weight:800;display:flex}.header span{font-size:2rem;line-height:2.4rem}.company-title{color:#511cd9;font-weight:bolder;font-size:2.5rem!important}.forgot-password-title{margin:1rem 0;font-size:1.1rem;font-weight:600}form{flex-direction:column;gap:.6rem;display:flex}.forgot-password-input{flex-direction:column;display:flex}.forgot-password-input label{padding:.4rem 0;font-size:1rem}.forgot-password-input input{border:2px solid #cecece;border-radius:4px;outline:none;width:100%;padding:.65rem;font-size:1rem;transition:all .2s}.forgot-password-input input:focus{border-color:#2010d9}.input-invalid{border-color:#ff2323!important}.input-disabled{cursor:not-allowed;opacity:.7;background-color:#f3f4f6}.password-input{position:relative}.password-eye{cursor:pointer;font-size:1.1rem;position:absolute;top:50%;right:.2rem;transform:translateY(-50%)translate(-50%)}.password-eye:hover{opacity:.8}#send-otp-button,#verify-otp-button,#change-password-button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#3100c4,#771cff);border:2px solid #4010d0;border-radius:4px;padding:.75rem;font-size:1rem;font-weight:600;box-shadow:0 2px 8px #63636333}#send-otp-button:active,#verify-otp-button:active,#change-password-button:active{background:#000}.disabled-btn{opacity:.6;pointer-events:none}.input-error{opacity:0;color:#ff1d1d;font-size:.8rem;transition:all .2s;transform:translateY(-4px)}.input-error.show{opacity:1;transform:translateY(0)}.api-error{color:#ff1d1d;text-align:center;margin-top:1rem;font-size:1rem}.resend-container{justify-content:space-between;align-items:center;display:flex}.resend-btn{color:#3100c4;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:600}.resend-btn:hover{text-decoration:underline}.resend-timer{color:#6b7280;font-size:.9rem}.input-hint{color:#6b7280;margin-top:2px;font-size:12px}.back-to-login{text-align:center;margin-top:1rem;font-size:.95rem}.back-to-login a{color:#3100c4;font-weight:600;text-decoration:none}.back-to-login a:hover{text-decoration:underline}@media (width<=768px){.forgot-password-container{padding:3rem 1.5rem}.header span{font-size:1.8rem;line-height:2.2rem}.company-title{font-size:2.2rem!important}}@media (width<=600px){.forgot-password-container{padding:2rem 1rem}.header span{font-size:1.6rem;line-height:2rem}.company-title{font-size:2rem!important}.forgot-password-title{font-size:1rem}.resend-container{flex-direction:column;align-items:flex-start;gap:.5rem}#send-otp-button,#verify-otp-button,#change-password-button{width:100%}}@media (width<=400px){.header span{font-size:1.4rem}.company-title{font-size:1.8rem!important}.forgot-password-title{font-size:.95rem}}.auth-response-page{justify-content:center;align-items:center;width:95vw;min-height:95dvh;display:flex}.auth-response-container{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:600px;margin-left:5vw;padding:4rem 5%;display:flex}.auth-success-icon{background:#511cd914;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:1.5rem;display:flex}.auth-success-icon i{color:#511cd9;font-size:3.5rem}.auth-response-container h1{color:#511cd9;margin-bottom:1rem;font-size:2rem;font-weight:800}.auth-response-container p{color:#6b7280;max-width:450px;font-size:1rem;line-height:1.7}.auth-redirect-info{color:#4b5563;margin-top:1.8rem;font-size:1rem;font-weight:500}.auth-redirect-info span{color:#511cd9;font-weight:700}.auth-response-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#3100c4,#771cff);border:2px solid #4010d0;border-radius:4px;margin-top:2rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #63636333}.auth-response-btn:hover{box-shadow:0 3px 8px #0000003d,inset -5px 0 60px #0002}@media (width<=600px){.auth-response-container{padding:2rem 1rem}.auth-success-icon{width:75px;height:75px}.auth-success-icon i{font-size:2.8rem}.auth-response-container h1{font-size:1.6rem}.auth-response-container p{font-size:.95rem}}.logout-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.logout-card{background:#fff;border-radius:8px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:2rem;display:flex;box-shadow:0 4px 12px #0000000f,0 2px 6px #00000008}.logout-spinner{border:4px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}.logout-message{text-align:center;color:#6b7280;font-size:.95rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}