.login-container{background-color:var(--surface-page,#fff);width:100vw;min-height:100vh;display:flex}.login-left-section{background-color:var(--surface-secondary,#f8f9fa);border-right:1px solid var(--border-primary,#eaecf0);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-logo-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.login-logo-box{background-color:var(--surface-brand-light,#f0f6fe);border:2px dashed var(--border-brand,#0052cc);width:120px;height:120px;color:var(--text-brand-light,#0052cc);border-radius:16px;justify-content:center;align-items:center;display:flex}.login-right-section{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-form-wrapper{flex-direction:column;gap:32px;width:100%;max-width:420px;display:flex}.login-header-group{flex-direction:column;gap:8px;display:flex}.login-title{color:var(--text-primary,#101828)}.login-subtitle{color:var(--text-secondary,#475467)}.login-form{flex-direction:column;gap:20px;display:flex}.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:8px}.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}}