*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family-base);background:var(--color-bg);min-height:100dvh;color:var(--color-text);overflow-x:hidden}input,button,select,textarea{font-family:var(--font-family-base)}::placeholder{color:var(--color-placeholder);font-family:inherit}.container{width:100%;min-height:100dvh;display:flex}.left-section{background:#f6f6f6;flex:1;position:relative;overflow:hidden}.image-container{width:100%;height:100%;position:relative}.image-container img{object-fit:cover;object-position:center;width:100%;height:100%}.right-section{background:var(--color-bg);flex:1;justify-content:center;align-items:center;padding:2.5rem;display:flex}.login-container{width:100%;max-width:clamp(20rem,38vw,30rem)}.header{text-align:center;margin-bottom:2.5rem}.header h1{color:var(--color-text-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:1.875rem;font-size:1.5rem;font-weight:400}.logo img{max-width:100%}.welcome-title{text-align:center;color:var(--color-text);text-transform:uppercase;margin-bottom:2.1875rem;font-size:1.5rem;font-weight:500}.login-form{width:calc(100% * var(--login-btn-scale-w,var(--login-btn-scale,1)));margin-left:calc((1 - var(--login-btn-scale-w,var(--login-btn-scale,1))) * 50%)}.form-group{margin-bottom:1.5625rem}.form-group label{color:var(--color-text);margin-bottom:.5rem;font-size:1rem;font-weight:500;display:block}.form-group input:not(.MuiInputBase-input){border:1px solid var(--color-border);width:100%;font-size:1rem;font-family:var(--font-family-base);border-radius:4px;padding:.75rem .9375rem;transition:border-color .3s}.form-group input:not(.MuiInputBase-input):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .2);outline:none}.form-group input:not(.MuiInputBase-input)::placeholder{color:var(--color-placeholder)}.password-wrapper{position:relative}.password-wrapper input{padding-right:2.8125rem}.toggle-password{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:.3125rem;transition:color .2s,transform .12s ease-out;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.toggle-password:hover{color:var(--color-text)}.toggle-password:active{transform:translateY(-50%)scale(.96)}.login-form .btn{width:100%;padding:calc(.875rem * var(--login-btn-scale,1));font-size:calc(1.125rem * var(--login-btn-scale,1));cursor:pointer;justify-content:center;align-items:center;gap:calc(.625rem * var(--login-btn-scale,1));margin-bottom:calc(.9375rem * var(--login-btn-scale,1));font-weight:500;font-family:var(--font-family-base);will-change:transform, box-shadow, background-position;border:none;border-radius:4px;transition:background .3s,background-position .3s,color .3s,box-shadow .3s,opacity .3s,transform .12s ease-out;display:flex}.login-form .btn:active{filter:brightness(.98);transform:translateY(0)}.login-form .login-btn{background:var(--btn-bg,#004cab);color:var(--btn-fg,#fff);border:1.5px solid var(--btn-border,transparent)}.login-form .login-btn:hover{background:var(--btn-bg-hover,#0e54ab);box-shadow:var(--shadow-elev-1);transform:translateY(-1px)}@keyframes btn-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.login-btn-skeleton{width:100%;height:calc(3.25rem * var(--login-btn-scale,1));background:var(--color-border);margin-bottom:calc(.9375rem * var(--login-btn-scale,1));border-radius:4px;animation:1.4s ease-in-out infinite btn-skeleton-pulse}.login-btn-icon{width:calc(20px * var(--login-btn-scale,1));height:calc(20px * var(--login-btn-scale,1));object-fit:contain;flex-shrink:0}.reset-password{text-align:center;color:var(--color-primary);text-underline-offset:3px;margin-top:1.5625rem;font-size:1rem;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s,text-underline-offset .2s;display:block}.reset-password:hover{color:var(--color-primary-hover);text-underline-offset:5px}.login-footer{text-align:center;border-top:1px solid var(--color-divider);margin-top:2.5rem;padding-top:1.5625rem}.login-footer p{color:var(--color-footer);font-size:.8125rem;line-height:1.6}.login-footer-version{opacity:.5;margin-top:.25rem;font-size:.7rem}@media (max-width:1024px){.left-section{flex:0 0 40%}.right-section{flex:0 0 60%}}@media (max-width:768px){.login-form{--login-btn-scale-w:min(var(--login-btn-scale,1), 1)}.left-section{display:none}.right-section{flex:1;padding:1.25rem}.login-container{max-width:28rem;margin:0 auto}}@media (max-width:480px){.right-section{padding:1.25rem}.login-container{max-width:100%}.header h1{font-size:1rem}.logo img{max-width:13.75rem;height:auto!important}.welcome-title{font-size:1.25rem}.btn{padding:calc(.75rem * var(--login-btn-scale,1));font-size:calc(1.125rem * var(--login-btn-scale,1))}}.alert{color:red;padding-bottom:10px}