.login-page{grid-template-columns:1fr;min-height:100vh;display:grid}.login-left{display:none;position:relative;overflow:hidden}.login-background-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.login-overlay{background:linear-gradient(#0f172abf,#0f172a1a,#0f172ad9);position:absolute;inset:0}.login-left-content{flex-direction:column;justify-content:space-between;height:100%;padding:40px;display:flex;position:relative}.login-logo{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.login-logo-box{color:#fff;background:#f97316;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.login-logo-text{color:#fff;letter-spacing:-.5px;font-size:18px;font-weight:800;line-height:1}.login-left-bottom h2{color:#fff;margin:0;font-size:30px;font-weight:700}.login-left-bottom p{color:#e2e8f0;max-width:380px;margin:12px 0 0;font-size:15px;line-height:1.6}.login-right{background:#f8fafc;justify-content:center;align-items:center;padding:40px 16px;display:flex}.login-container{width:100%;max-width:384px}.login-container h1{color:#0f172a;margin:0;font-size:26px;font-weight:700;line-height:1.3}.login-subtitle{color:#64748b;margin:6px 0 28px;font-size:14px;line-height:1.5}.mobile-login-logo{justify-content:center;margin-bottom:32px;display:flex}.mobile-logo-text{color:#0f172a}.demo-account{background:#fff7ed;border:1px dashed #fdba74;border-radius:12px;margin-top:24px;margin-bottom:20px;padding:16px}.demo-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-title{color:#ea580c;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex}.demo-icon{width:14px;height:14px}.copy-button{color:#ea580c;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:500;display:flex}.copy-button:hover{text-decoration:underline}.copy-icon{width:14px;height:14px}.demo-details{color:#1e293b;margin-top:8px;font-size:14px;line-height:1.6}.demo-details p{margin:0}.demo-value{font-family:monospace;font-weight:600}.demo-login-button{color:#fff;cursor:pointer;background:#f97316;border:0;border-radius:8px;width:100%;height:36px;margin-top:12px;font-size:14px;font-weight:500;transition:background .15s;box-shadow:0 1px 2px #00000014}.demo-login-button:hover{background:#ea580c}.login-divider{color:#94a3b8;align-items:center;gap:12px;margin-bottom:20px;font-size:12px;display:flex}.login-divider div{background:#e2e8f0;flex:1;height:1px}.login-divider span{white-space:nowrap}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#334155;font-size:14px;font-weight:500}.required{color:#f97316;margin-left:2px}.form-group input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-group input::placeholder{color:#94a3b8}.form-group input:focus{border-color:#fb923c;box-shadow:0 0 0 3px #fb923c1f}.password-wrapper{position:relative}.password-wrapper input{padding-right:42px}.password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#475569}.password-toggle svg{width:16px;height:16px}.login-options{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.remember-me{color:#475569;cursor:pointer;align-items:center;gap:8px;display:flex}.remember-me input{accent-color:#f97316;cursor:pointer;width:16px;height:16px}.forgot-password{color:#ea580c;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:500}.forgot-password:hover{text-decoration:underline}.login-button{color:#fff;cursor:pointer;background:#f97316;border:0;border-radius:8px;width:100%;height:48px;font-size:16px;font-weight:500;transition:background .15s;box-shadow:0 1px 2px #00000014}.login-button:hover{background:#ea580c}.login-button:focus-visible,.demo-login-button:focus-visible,.copy-button:focus-visible,.password-toggle:focus-visible,.forgot-password:focus-visible{outline-offset:2px;outline:2px solid #f97316}.register-text{color:#64748b;text-align:center;margin:24px 0 0;font-size:14px}.register-link{color:#ea580c;font-weight:600;text-decoration:none}.register-link:hover{text-decoration:underline}@media (min-width:768px){.login-page{grid-template-columns:repeat(2,minmax(0,1fr))}.login-left{display:block}.mobile-login-logo{display:none}.login-right{padding:40px 32px}}@media (max-width:480px){.login-right{padding:32px 16px}.login-options{align-items:flex-start}.forgot-password{white-space:nowrap}}