#__next,body,html{height:100%;margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;color:#333}.login-page{height:100vh;width:100vw}.left-panel,.login-page{display:flex;overflow:hidden}.left-panel{position:relative;flex:1;max-width:50%;min-width:300px;justify-content:center;align-items:center;flex-direction:column;background:linear-gradient(to bottom right,#b5bccd,#394050)}.logo-container{z-index:2;color:white;text-align:center}#atbin_logo{background:url(/images/login-images/login.png) no-repeat 50%;background-size:contain;width:213px;height:265px;margin:0 auto}.logo-text{font-size:2.5rem;font-weight:700;line-height:1.2;color:white}.left-panel:before{display:none}.right-panel{flex:1;max-width:50%;min-width:350px;background-color:#ffffff;display:flex;justify-content:center;align-items:center;padding:2rem 1.5rem;box-sizing:border-box;overflow-y:auto}.common-form{width:100%;max-width:500px}.form-title{font-size:2rem;margin-bottom:1rem;color:#1e2654;text-align:left}.input-group{margin-bottom:.5rem}.common-form .input-group:last-of-type{margin-bottom:.8rem}.input-label{display:block;margin-bottom:.1rem;font-weight:600;color:#333;font-size:1rem}.common-input{width:100%;padding:.4rem .6rem;border-radius:5px;border:1px solid #ccc;background-color:#ecf2ff;box-sizing:border-box;font-size:.9rem}.common-input:disabled{background-color:#e0e0e0;cursor:not-allowed}.common-input.input-error{border-color:#e53e3e}.field-error-message{color:#e53e3e;font-size:.9rem;margin-top:.1rem;line-height:1.2}.relative{position:relative}.form-divider{display:none}.two-column-fields{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.two-column-fields>div{display:flex;flex-direction:column}.two-column-fields .common-input,.two-column-fields .field-error-message{margin-bottom:0}.form-actions,.login-actions{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:1rem}.cus-darkbtn{padding:.5rem 1.2rem;background-color:#1e2654;color:white;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color .3s ease;flex-grow:1;max-width:120px;text-align:center;font-size:.85rem}.cus-darkbtn:hover:not(:disabled){background-color:#0d122b}.cus-darkbtn:disabled{opacity:.6;cursor:not-allowed}.form-link{font-size:1rem;color:#1d4ed8;text-decoration:none;cursor:pointer;transition:color .2s ease}.form-link:hover{color:#14358d}.register-link{flex-shrink:0;white-space:nowrap}.underline{text-decoration:underline}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));color:white}.loading-spinner{border:4px solid rgba(255,255,255,.3);border-top-color:#ffffff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{font-size:1.2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.login-page{flex-direction:column}.left-panel,.right-panel{flex:1 1 100%;max-width:100%;min-width:unset;height:auto;padding:.8rem}.left-panel{padding:1rem .8rem}.right-panel{padding-top:1rem;padding-bottom:1rem;align-items:center}.common-form{width:95%;max-width:none}.form-actions,.login-actions{flex-direction:column;align-items:stretch;gap:.4rem}.cus-darkbtn{max-width:none;padding:.4rem .8rem;font-size:.8rem}.form-link,.register-link{margin-top:.2rem;font-size:.7rem}.two-column-fields{grid-template-columns:1fr;gap:.4rem}.input-group{margin-bottom:.4rem}.common-form .input-group:last-of-type{margin-bottom:.6rem}.common-input,.input-label{font-size:.85rem}.field-error-message{font-size:.9rem}}