:root{--login-primary-color:var(--primary-color);--login-secondary-color:var(--secondary-color);--login-gray-900:var(--text-primary);--login-gray-700:var(--text-dark);--login-gray-500:var(--text-secondary);--login-light-bg:var(--bg-lighter);--login-white:var(--bg-light)}.login-page{display:flex;min-height:100vh;width:100%;font-family:Roboto,sans-serif;overflow:hidden;background-color:var(--login-white)}@media(max-width:991.98px){.login-page{flex-direction:column}}.login-page .login-left{flex:.67;background:linear-gradient(180deg,#df6d38,#5b351d 55.29%);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;flex-direction:column}.login-page .login-left .login-left-content{max-width:570px;color:var(--login-white);z-index:1;padding:40px;border-radius:15px}.login-page .login-left .login-left-content h1{font-family:Satisfy,cursive!important;font-weight:400;font-size:50px;line-height:100%;letter-spacing:0;color:var(--login-white);align-items:flex-start!important;margin-bottom:30px}.login-page .login-left .login-left-content p{font-family:Roboto!important;font-size:30px;font-weight:500;margin-bottom:2rem;opacity:.9;color:var(--login-white);margin-top:30px;text-align:end}.login-page .login-left .login-left-content .login-image{max-width:450px;align-items:center}.login-page .login-left .login-left-content .login-image .login-image-img{width:100%;height:550}@media(max-width:991.98px){.login-page .login-left{display:none}}@media(min-width:1200px)and (max-width:1600px){.login-page .login-left{flex:.67;background:linear-gradient(180deg,#df6d38,#5b351d 55.29%);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;flex-direction:column}.login-page .login-left .login-left-content{max-width:570px;color:var(--login-white);z-index:1;padding:40px;border-radius:15px}.login-page .login-left .login-left-content h1{font-family:Satisfy,cursive!important;font-weight:400;font-size:40px;line-height:100%;letter-spacing:0;color:var(--login-white);align-items:flex-start!important;margin-bottom:20px}.login-page .login-left .login-left-content p{font-family:Roboto!important;font-size:23px;font-weight:500;opacity:.9;color:var(--login-white);margin-top:20px;text-align:end}.login-page .login-left .login-left-content .login-image{max-width:450px;align-items:center}.login-page .login-left .login-left-content .login-image .login-image-img{width:100%;height:400px!important}}@media(min-width:1200px)and (max-width:1600px)and (max-width:991.98px){.login-page .login-left{display:none}}.login-page .login-right{flex:1;background-color:var(--login-white);display:flex;align-items:center;justify-content:center;padding:2rem}.login-form-container{width:100%;max-width:490px}.login-form-container .logo-container{display:flex;justify-content:center;margin-bottom:2rem}.login-form-container .logo-container .logo{display:flex;align-items:center;gap:.5rem}.login-form-container .logo-container .logo .logo-text{font-weight:700;font-size:1.5rem;color:var(--login-gray-900);margin-top:0;margin-bottom:100px}.login-form-container .form-wrapper{width:100%}.login-form-container .form-wrapper .form-title{font-size:24px;font-weight:700;margin-bottom:.5rem;color:var(--login-gray-900);text-align:center}.login-form-container .form-wrapper .form-subtitle{margin-bottom:2rem;color:var(--login-gray-500);text-align:center;font-size:.875rem}.login-form-container .form-wrapper .error-message{margin-bottom:1rem;padding:.5rem;background-color:rgba(231,13,13,.1);border-radius:4px;color:#e70d0d;text-align:center}.login-form-container .form-wrapper .login-form{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.login-form-container .form-wrapper .login-form .form-field .field-label{margin-bottom:var(--spacing-sm);display:block;font-weight:500;color:var(--text-dark);font-size:14px}.login-form-container .form-wrapper .login-form .form-field .input-field .MuiOutlinedInput-root{border-radius:var(--border-radius-sm);background-color:#fff;font-size:14px}.login-form-container .form-wrapper .login-form .form-field .input-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color)}.login-form-container .form-wrapper .login-form .form-field .input-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color);border-width:2px}.login-form-container .form-wrapper .login-form .form-field .input-field .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:8px 12px;color:var(--text-dark);min-height:38px}.login-form-container .form-wrapper .login-form .form-field .input-field .field-icon,.login-form-container .form-wrapper .login-form .form-field .input-field .visibility-toggle{color:var(--text-secondary)}.login-form-container .form-wrapper .login-form .form-field .input-field .visibility-toggle:hover{color:var(--primary-color)}.login-form-container .form-wrapper .login-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.login-form-container .form-wrapper .login-form .form-options .remember-me .MuiFormControlLabel-label{font-size:.875rem;color:var(--login-gray-700)}.login-form-container .form-wrapper .login-form .form-options .remember-me .remember-checkbox.Mui-checked{color:var(--login-primary-color)}.login-form-container .form-wrapper .login-form .form-options .forgot-password{font-size:.95rem;color:#e70d0d;text-transform:none;padding:0;min-width:auto}.login-form-container .form-wrapper .login-form .form-options .forgot-password:hover{background-color:transparent}.login-form-container .form-wrapper .login-form .submit-button{background-color:#df6d38!important;color:#fff;padding:8px 16px;border-radius:var(--border-radius-sm);font-weight:500;font-size:14px;text-transform:none;transition:all .3s ease;box-shadow:var(--shadow-sm)}.login-form-container .form-wrapper .login-form .submit-button:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md)}.login-form-container .form-wrapper .login-form .submit-button.Mui-disabled{opacity:.7}.login-form-container .form-wrapper .account-options{text-align:center;margin:1.5rem 0}.login-form-container .form-wrapper .account-options .no-account{color:var(--login-gray-500);font-size:.875rem}.login-form-container .form-wrapper .account-options .create-account{color:var(--login-primary-color);font-weight:600;text-transform:none;padding:0 4px;min-width:auto}.login-form-container .form-wrapper .account-options .create-account:hover{background-color:transparent}.login-form-container .form-wrapper .copyright{text-align:center;color:var(--login-gray-500);margin-top:2rem;font-size:.75rem}.login-page .MuiButton-root.MuiButton-contained.MuiButton-containedPrimary{background-color:var(--primary-color)}.login-page .MuiButton-root.MuiButton-contained.MuiButton-containedPrimary:hover{background-color:var(--primary-dark)}.login-page .MuiButton-root.MuiButton-text{font-size:14px}.login-page .MuiCheckbox-root.MuiCheckbox-colorPrimary.Mui-checked{color:var(--primary-color)}