.login-wrapper{background-color:var(--surface-color);width:100%;min-height:100vh;font-family:inherit;display:flex}.login-visual{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#090d16 100%);border-right:1px solid #ffffff14;flex-direction:column;flex:1.1;justify-content:center;padding:60px 70px;display:none;position:relative;overflow:hidden}@media (min-width:1024px){.login-visual{display:flex}}.visual-mesh-grid{opacity:.4;pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.visual-orb-1{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#6366f147 0%,#0000 70%);border-radius:50%;width:650px;height:650px;position:absolute;top:-15%;right:-10%}.visual-orb-2{filter:blur(90px);pointer-events:none;background:radial-gradient(circle,#a855f738 0%,#0000 70%);border-radius:50%;width:650px;height:650px;position:absolute;bottom:-15%;left:-10%}.visual-content{z-index:10;flex-direction:column;gap:32px;max-width:500px;display:flex;position:relative}.brand-header-badge{align-items:center;gap:12px;display:flex}.brand-logo-pill{color:#fff;background:linear-gradient(135deg,#3b82f6,#4f46e5);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:800;display:flex;box-shadow:0 4px 16px #2563eb59}.brand-title-text{color:#fff;font-size:16px;font-weight:700;line-height:1.2}.brand-sub-text{color:#94a3b8;font-size:12.5px;font-weight:500}.visual-headline-group{flex-direction:column;gap:12px;display:flex}.system-live-pill{color:#c7d2fe;background:#6366f126;border:1px solid #818cf84d;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.pulse-dot-green{background-color:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.visual-main-title{color:#fff;letter-spacing:-.8px;margin:0;font-size:38px;font-weight:800;line-height:1.2}.title-gradient-accent{background:linear-gradient(135deg,#60a5fa 0%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.visual-description{color:#cbd5e1;margin:0;font-size:14.5px;line-height:1.6}.feature-cards-grid{flex-direction:column;gap:12px;display:flex}.feature-pill-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.feature-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.feature-pill-title{color:#f8fafc;font-size:13.5px;font-weight:600}.feature-pill-desc{color:#94a3b8;font-size:12px}.visual-footer-info{color:#94a3b8;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;font-weight:500;display:flex}.login-form-section{background-color:var(--surface-color);flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-form-container{flex-direction:column;width:100%;max-width:400px;display:flex}.mobile-brand-header{align-items:center;gap:10px;margin-bottom:24px;display:none}@media (max-width:1023px){.mobile-brand-header{display:flex}}.mobile-brand-title{color:var(--text-primary);font-size:15px;font-weight:700}.mobile-brand-sub{color:var(--text-secondary);font-size:12px}.login-form-header{margin-bottom:32px}.admin-badge{color:var(--accent-blue);background:#2563eb1a;border:1px solid #2563eb33;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.login-form-header h1{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:800}.login-form-header p{color:var(--text-secondary);margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-primary);font-size:12.5px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon-left{pointer-events:none;position:absolute;left:14px}.login-input{background:var(--surface-color-hover);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;padding:13px 16px;font-size:14.5px;transition:all .2s}.login-input.input-with-icon-left{padding-left:42px}.login-input.input-with-icon-both{padding-left:42px;padding-right:44px}.login-input:focus{background:var(--surface-color);border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.password-toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;right:10px}.password-toggle-btn:hover{background:var(--surface-color-hover)}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #2563eb4d}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2563eb73}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-alert-box{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;line-height:1.4;display:flex}.login-footer{text-align:center;margin-top:48px}.security-badge{color:var(--text-secondary);font-size:12px;font-weight:500}.login-footer p{color:var(--text-secondary);margin:0;font-size:12px}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.animate-shake{animation:.4s ease-in-out shake}.apk-download-section{flex-direction:column;gap:14px;margin-top:24px;display:flex}.apk-download-divider{text-align:center;color:var(--text-secondary);text-transform:lowercase;letter-spacing:.3px;align-items:center;font-size:11.5px;font-weight:500;display:flex}.apk-download-divider:before,.apk-download-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.apk-download-divider span{padding:0 10px}.playstore-download-btn{background:var(--surface-color-hover);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0000000a}.playstore-download-btn:hover{background:var(--surface-color);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f62e}.playstore-icon-wrapper{background:#0f172a0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.playstore-text-group{flex-direction:column;flex:1;gap:2px;display:flex}.playstore-label{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:700}.playstore-title{color:var(--text-primary);font-size:13.5px;font-weight:700}.playstore-download-icon{color:var(--text-secondary);transition:transform .2s,color .2s}.playstore-download-btn:hover .playstore-download-icon{color:#3b82f6;transform:translateY(2px)}