body{overflow:hidden}.bg-image-top-left,.bg-image-bottom-right{position:absolute;z-index:0;max-width:100vw;max-height:100vh}.bg-image-top-left{position:absolute;width:53.5rem;height:68.25rem;top:0;left:0;transform:translate(-9.0625rem,-14.125rem) rotate(5deg);opacity:0.3}.bg-image-bottom-right{position:absolute;width:75.625rem;height:75.625rem;bottom:0;right:0;transform:translate(22.375rem,14rem);opacity:0.3}.login-container{height:100vh;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.login-card{width:62.5rem;height:34.6875rem;background-image:url(/static/images/middle-card.svg);background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:0.625rem;display:flex;justify-content:center;align-items:center;gap:10.75rem;position:relative}.login-glass-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.05);backdrop-filter:blur(1.0625rem);border-radius:0.625rem;box-shadow:0 1.25rem 3.75rem 0 var(--login-glass-shadow);z-index:-1}.login-form-control{border-radius:1.875rem}.login-btn-login{border-radius:1.875rem}.login-qweb-image{width:23.4375rem;height:12.5rem}.login-login-container{color:#000;width:20.9375rem;position:relative;z-index:2}.login-logo{margin-bottom:0.9375rem}.login-head{font-size:1.625rem;font-weight:600;color:var(--login-elem-color)}.login-input-group{margin:0.9375rem 0;text-align:left;position:relative}.login-input-group img{position:absolute;left:0.625rem;top:50%;transform:translateY(-50%);color:#808080;transition:color 0.3s ease;width:1.25rem;height:1.25rem}input[type="text"],input[type="password"]{width:100%;padding:0.75rem 0.75rem 0.75rem 2.5rem;border:1px solid rgba(110,110,110,0.2);border-radius:0.5rem;background:var(--login-input-bg);color:#000;font-size:0.75rem;transition:box-shadow 0.3s ease}input[type="text"]::placeholder,input[type="password"]::placeholder{color:#808080}input[type="text"]:focus,input[type="password"]:focus{outline:none;box-shadow:0 0 0.625rem rgba(0,212,255,0.5);background:var(--login-input-bg)!important;color:#000!important}.login-input-group:focus-within img{color:#00d4ff}.login-password-toggle{position:absolute;right:1.125rem;top:50%;transform:translateY(-50%);cursor:pointer;color:#808080}.login-remember-me{display:flex;align-items:center;justify-content:space-between;margin:0.9375rem 0;font-size:0.9em}.login-remember-me label{color:var(--login-elem-color)}.login-remember-me input{margin-right:0.3125rem;accent-color:#00d4ff}.login-forgot-password{color:#0f5ff7;text-decoration:none;font-size:0.9em;transition:color 0.3s ease}.login-btn{width:100%;padding:0.75rem;background:linear-gradient(90deg,#00d4ff,#0088cc);border:none;border-radius:0.5rem;color:#fff;font-size:0.9375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease,background 0.3s ease;outline:none;font-weight:600}.login-btn:hover{background:linear-gradient(90deg,#0088cc,#00d4ff)!important;color:#fff!important}.login-arrow{margin-left:0.5rem;font-size:22px;transition:text-shadow 0.6s linear;font-weight:600}.login-btn:hover .login-arrow{text-shadow:20px 0 0 white,20px 0 0 white,40px 0 0 white}.login-social-icons{display:flex;justify-content:center;align-items:center;gap:0.625rem;margin-top:1.875rem}.social-icon-container{display:flex;flex-direction:column;align-items:center;font-size:0.75rem;color:#333;cursor:pointer}.social-icon-container p{color:var(--login-elem-color)}.social-icon{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#ededed;display:flex;justify-content:center;align-items:center;margin-bottom:0.3125rem;transition:background 0.3s}.social-icon img,.social-icon i{width:1.25rem;height:1.25rem;font-size:1.25rem;color:white}.social-icon.gray{background-color:#ededed}.social-icon.blue{background-color:#2196f3}.social-icon.green{background-color:#4caf50}.social-icon:hover{opacity:0.8}.login-product-by{margin-top:1.875rem}.login-footer-info{position:absolute;bottom:1.625rem;left:50%;transform:translateX(-50%);text-align:center;color:var(--login-elem-color);font-size:0.85rem;z-index:1;width:max-content}.login-footer-info span,.login-footer-info b{color:var(--login-elem-color)}.login-top-bar{display:flex;justify-content:space-between;align-items:center;padding:0.4375rem 0.9375rem;position:absolute;top:0;left:0;right:0;z-index:1000}.login-left-section,.login-right-section{display:flex;align-items:center;gap:0.625rem;flex-wrap:wrap}.login-datetime-wrapper{display:flex;overflow:hidden}.login-date{background-color:#ececec;color:#000;padding:0 0.625rem;font-size:0.875rem;display:flex;align-items:center;gap:0.3125rem;border-radius:3.125rem}.login-time{color:#fff;padding:0 1.6875rem;font-size:0.875rem;display:flex;align-items:center;gap:0.3125rem;border-radius:3.125rem;position:absolute;left:5.9rem;z-index:-1}.login-status{padding:0.125rem 0.625rem;border-radius:1.25rem;color:white;margin-left:0.3125rem}.login-right-section span{white-space:nowrap;font-size:0.875rem}.login-text-center{text-align:center}.login-pr-3{padding-right:0.75rem}.login-title-text{margin-bottom:1rem;color:var(--login-elem-color)}.log-error-message{color:#731b1b;background-color:#f8d6d6;border-color:#f5c6c6;border-radius:0.5rem;font-size:0.875rem;padding:0.25rem}#force_logout_modal{position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(0.1875rem);background-color:rgba(255,255,255,0.18);z-index:9999}#force_logout_modal[hidden]{display:none}#force_logout_modal .modal-dialog{background:rgba(253,253,253,0.48);border-radius:1.25rem;padding:1.25rem;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.12);backdrop-filter:blur(1.25rem);border:1px solid rgba(255,255,255,0.2);max-width:25rem;width:100%;top:30%}#force_logout_modal .login-modal-content{max-width:25rem;width:100%;color:black;border-radius:1rem;pointer-events:auto;background:rgba(253,253,253,0);border:none}#force_logout_modal .modal-body p{margin:0 0 1rem 0;font-size:1.1rem}#force_logout_modal .btn{width:100%;padding:0.75rem 1rem;border:none;border-radius:0.75rem;font-size:1rem;cursor:pointer;margin-top:0.5rem;color:white}.whatsapp-float{position:absolute;width:3.4375rem;height:3.4375rem;bottom:1.25rem;right:1.25rem;z-index:9999;background-color:#25d366;border-radius:50%;text-align:center;box-shadow:0 0.25rem 0.625rem rgba(0,0,0,0.3);display:flex;justify-content:center;align-items:center;transition:transform 0.3s ease}.whatsapp-float img{width:2rem;height:2rem}.whatsapp-float:hover{transform:scale(1.1)}a.login-btn{text-decoration:none}a.login-btn:hover{text-decoration:none}.log-loading-modal-content{border:1px solid var(--log-loading-bdr);border-radius:0.625rem;background-color:var(--log-loading-bg);width:28.125rem}.otp-btn-resend{cursor:pointer;padding:3px 10px;font-size:12px;line-height:1.5;border-radius:2rem!important;background-color:transparent;background-image:none;border-color:#797979}.otp-btn-resend:hover{color:#fff!important;background-color:#797979;border-color:#797979}#resend-otp-btn:hover:not(:disabled){background-color:#797979}#resend-otp-btn:disabled{background-color:transparent;color:#666666!important;cursor:not-allowed}.login-product-link img{transition:transform 0.3s ease}.login-product-link img:hover{transform:scale(1.05)}@media (max-width:81.25rem){.login-container{margin-top:-1.875rem}.login-card{width:44.6875rem;height:26.5625rem;gap:3.125rem}.login-login-container{width:17.5rem}.login-logo{margin-bottom:0.3125rem}.login-head{font-size:1.2rem}.login-title-text{font-size:0.8rem;margin-bottom:0}.login-input-group{margin:0.5rem 0}.login-remember-me{font-size:0.8em;margin:0.5rem 0}.login-social-icons{margin-top:0.625rem}.login-product-by{margin-top:0.5rem}.login-footer-info{font-size:0.75rem}.login-qweb-image{width:20.625rem;height:11.25rem}.log-error-message{font-size:0.7rem;padding:0rem}.login-title-text{margin-bottom:.4rem}}@media (min-width:81.3125rem) and (max-width:100rem){.bg-image-top-left{width:48.5rem;height:56.25rem;transform:translate(-9.0625rem,-14.125rem) rotate(5deg)}.bg-image-bottom-right{width:56.25rem;height:56.25rem;transform:translate(22.375rem,14rem)}.login-card{width:46.875rem;height:30rem;gap:3.5625rem}.login-login-container{width:17.5rem}.login-logo{margin-bottom:0.625rem}.login-head{font-size:1.5rem}.login-title-text{font-size:0.9rem}input[type="text"],input[type="password"]{padding:0.625rem 0.625rem 0.625rem 2.1875rem;font-size:0.6875rem}.login-input-group img{width:1.125rem;height:1.125rem}.login-btn{padding:0.625rem;font-size:0.875rem}.login-qweb-image{width:20rem;height:10.625rem}.login-social-icons{margin-top:1.25rem}.social-icon{width:2.1875rem;height:2.1875rem}.login-product-by{margin-top:0.9375rem}.social-icon img,.social-icon i{width:1.125rem;height:1.125rem}.whatsapp-float{width:3.125rem;height:3.125rem;bottom:0.9375rem;right:0.9375rem}.whatsapp-float img{width:1.75rem;height:1.75rem}.log-error-message{font-size:0.7rem;padding:0rem}.login-title-text{margin-bottom:.4rem}}