:root{--primary-color:#34424a;--secondary-color:#b3a96c;--dark-color:#333;--light-color:#f4f4f4;--white:#fff;--grey:#777;--light-grey:#eee;--light-grey-2:#b6babd;--success-color:#28a745;--warning-color:#ffc107;--error-color:#9c231b}.login-page{align-items:center;background-color:var(--light-color);display:flex;justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding:0}.login-page .login-container{border-radius:0;box-shadow:none;display:flex;flex-direction:row-reverse;height:100vh;max-height:100vh;max-width:100%;overflow:hidden;width:100%}.login-page .branding-panel{flex:0 0 50%;overflow:hidden;position:relative;width:50%}.login-page .branding-panel .branding-image{height:100%;left:0;overflow:hidden;position:absolute;position:relative;top:0;width:100%}.login-page .branding-panel .branding-image:before{background:rgba(0,0,0,.2);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.login-page .branding-panel .branding-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.login-page .branding-panel .branding-image .full-panel{height:100%;position:relative}.login-page .branding-panel .branding-image .full-panel:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.login-page .login-form-panel{align-items:center;background-color:var(--white);display:flex;flex:0 0 50%;flex-direction:column;justify-content:center;padding:40px 0;width:50%}.login-page .login-form-panel .login-form-container{max-width:400px;padding:0 20px;width:80%}.login-page .login-form-panel .login-form-container .login-header{margin-bottom:40px;text-align:center}.login-page .login-form-panel .login-form-container .login-header .logo{margin-bottom:20px;width:120px}.login-page .login-form-panel .login-form-container .login-header h1{color:var(--primary-color);font-size:24px;font-weight:600;margin-bottom:5px}.login-page .login-form-panel .login-form-container .login-header p{color:var(--grey);font-size:14px}.login-page .login-form{width:100%}.login-page .login-form .form-group{margin-bottom:10px}.login-page .login-form .form-group label{color:var(--dark-color);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.login-page .login-form .form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.login-page .login-form .form-group input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 2px hsla(52,32%,56%,.2);outline:none}.login-page .login-form .form-group .password-container{position:relative}.login-page .login-form .form-group .password-toggle{background:none;border:none;color:var(--grey);cursor:pointer;font-size:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.login-page .login-form .form-group .password-toggle:hover{color:var(--primary-color)}.login-page .checkbox-container{align-items:center;color:var(--grey);cursor:pointer;display:flex;font-size:14px;gap:8px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-page .checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.login-page .checkbox-container .checkmark{background-color:#fff;border:1px solid #ddd;border-radius:3px;display:inline-block;flex-shrink:0;height:18px;position:relative;width:18px}.login-page .checkbox-container .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.login-page .checkbox-container:hover input~.checkmark{border-color:var(--primary-color)}.login-page .checkbox-container input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.login-page .checkbox-container input:checked~.checkmark:after{display:block}.login-page .login-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:var(--white);cursor:pointer;font-size:16px;font-weight:500;margin-top:30px;padding:12px;transition:all .3s ease;width:100%}.login-page .login-btn:hover{background-color:var(--secondary-color)}.login-page .login-btn.disabled{opacity:.8;pointer-events:none!important}.login-page .login-error-container{align-items:center;background-color:rgba(220,53,69,.1);border-radius:4px;color:var(--error-color);display:flex;display:none;font-size:14px;margin-bottom:15px;padding:10px 15px}.login-page .login-error-container i{font-size:14px;margin-right:8px}.login-page .error-message{color:var(--error-color);font-size:12px;margin-top:5px;min-height:15px}@media (max-width:820px){.login-page .login-container{flex-direction:column;gap:20px}.login-page .login-container .branding-panel{display:none}.login-page .login-container .login-form-panel{background:url(../../assets/images/bg-login.jpg) no-repeat 50%;background-attachment:fixed;background-size:cover;flex:0 0 100%;overflow:hidden;padding:20px 0;position:relative;width:100%}.login-page .login-container .login-form-panel:before{background:rgba(0,0,0,.25);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.login-page .login-container .login-form-panel .login-form-container{background-color:var(--white);border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:30px;position:relative;width:80%;z-index:2}}