.login-loading{background-color:#fff;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-loading-spinner{border:3px solid #e5e7eb;border-top-color:#f5a623;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-container{width:100%;min-height:100vh;display:flex}.login-left-panel{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-background-image{object-fit:cover;z-index:0}.login-welcome-content{z-index:1;text-align:center;max-width:500px;padding:2rem;position:relative}.login-welcome-title{color:#fff;letter-spacing:.02em;margin-bottom:1.5rem;font-size:3rem;font-weight:800}.login-welcome-subtitle{color:#fff;font-size:1.125rem;font-weight:500;line-height:1.7}.login-right-panel{background-color:#fff;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-form-container{flex-direction:column;gap:1.5rem;width:100%;max-width:400px;display:flex}.login-title{color:#f5a623;text-align:center;margin:0;font-size:2.5rem;font-weight:700}.login-description{color:#6b7280;text-align:center;margin:0;font-size:.95rem;line-height:1.5}.login-form{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.login-input-group{flex-direction:column;gap:.5rem;display:flex}.login-label{color:#6b7280;font-size:.875rem;font-weight:500}.login-input{color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:#f5a623;outline:none;box-shadow:0 0 0 3px #f5a62326}.login-input::placeholder{color:#9ca3af}.login-error{color:#ef4444;text-align:center;margin:0;font-size:.875rem}.login-button{color:#fff;cursor:pointer;background-color:#f5a623;border:none;border-radius:6px;width:100%;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s}.login-button:hover:not(:disabled){background-color:#e09000}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;padding-top:2rem;display:flex}.login-footer-text{color:#9ca3af;font-size:.875rem}.login-footer-logo,.login-footer-name{object-fit:contain}@media (max-width:1024px){.login-welcome-title{font-size:2.5rem}.login-welcome-subtitle{font-size:1rem}}@media (max-width:768px){.login-container{flex-direction:column}.login-left-panel{min-height:300px}.login-welcome-title{font-size:2rem}.login-welcome-subtitle{font-size:.9rem}.login-right-panel{padding:2rem 1.5rem}.login-title{font-size:2rem}.login-footer{gap:.4rem;margin-top:2rem;padding-top:1.5rem}.login-footer-text{font-size:.8rem}}@media (max-width:480px){.login-left-panel{min-height:220px}.login-welcome-title{font-size:1.5rem}.login-welcome-subtitle{font-size:.8rem}.login-right-panel{padding:1.5rem 1.25rem}.login-form-container{gap:1rem}.login-title{font-size:1.75rem}.login-description{font-size:.85rem}.login-input{padding:.75rem .875rem;font-size:.95rem}.login-button{padding:.875rem}.login-footer{gap:.35rem;margin-top:1.5rem;padding-top:1rem}.login-footer-text{font-size:.75rem}}