.login-container{background-color:var(--surface-page);width:100vw;min-height:100vh;display:flex}.login-left-section{background-color:var(--surface-secondary);border-right:1px solid var(--border-tertiary);flex:1;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.login-left-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.login-right-section{padding:var(--spacing-size-40) var(--spacing-size-24);flex:1;justify-content:center;align-items:center;display:flex}.login-form-wrapper{gap:var(--spacing-size-32);flex-direction:column;width:100%;max-width:420px;display:flex}.login-header-group{gap:var(--spacing-size-8);flex-direction:column;display:flex}.login-title{color:var(--text-primary)}.login-subtitle{color:var(--text-secondary)}.login-form{gap:var(--spacing-size-20);flex-direction:column;display:flex}.login-form .input-box-icon-left,.login-form .input-box-icon-right,.login-form .password-toggle-btn,.login-form .input-box-icon-left svg,.login-form .input-box-icon-right svg,.login-form .password-toggle-btn svg{width:16px;height:16px}.login-password-block{gap:var(--spacing-size-8);flex-direction:column;display:flex}.login-forgot-link{color:var(--text-brand-light);align-self:flex-end;text-decoration:none}.login-forgot-link:hover{color:var(--text-brand-hover-light)}.login-submit-btn{width:100%;margin-top:var(--spacing-size-8)}.login-error{color:var(--text-error-light);margin:0}.login-role-divider{align-items:center;gap:12px;margin-top:12px;display:flex}.login-role-divider-line{background-color:var(--border-secondary,#eaecf0);flex:1;height:1px}.login-role-divider-text{color:var(--text-secondary,#667085)}.login-role-buttons{flex-direction:column;gap:12px;display:flex}@media (max-width:768px){.login-container{flex-direction:column}.login-left-section{flex:initial;border-right:none;border-bottom:1px solid var(--border-primary,#eaecf0);min-height:200px}.login-right-section{flex:1;padding:32px 16px}}