.login-page-container{background-color:var(--background);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow-x:hidden}.login-ambient-glow{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#8acff826 0%,#0000 70%);border-radius:9999px;width:600px;height:600px;position:absolute;top:-10%;right:-5%}.dark-mode .login-ambient-glow,.dark .login-ambient-glow{background:radial-gradient(circle,#00619940 0%,#0000 70%)}.login-top-bar{z-index:20;align-items:center;gap:1rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.login-content-wrapper{background-color:var(--card-bg);border:1px solid var(--border-color);z-index:10;border-radius:1.25rem;grid-template-columns:1fr;width:100%;max-width:1100px;transition:all .2s;display:grid;overflow:hidden;box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a}@media (min-width:1024px){.login-content-wrapper{grid-template-columns:1.1fr 1fr;min-height:640px}}.login-hero-panel{color:#fff;background:linear-gradient(135deg,#006199 0%,#004269 100%);flex-direction:column;justify-content:space-between;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.dark-mode .login-hero-panel,.dark .login-hero-panel{border-right:1px solid var(--border-color);background:linear-gradient(135deg,#07192b 0%,#030d17 100%)}.login-hero-content{z-index:2;flex-direction:column;gap:1.5rem;display:flex;position:relative}.login-hero-brand{align-items:center;gap:.75rem;display:flex}.login-brand-logo-icon{color:#fff;background:linear-gradient(135deg,#8acff8 0%,#006199 100%);border-radius:.75rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.25rem;font-weight:900;display:flex;box-shadow:0 4px 10px #0003}.login-brand-titles{flex-direction:column;display:flex}.login-brand-title{letter-spacing:-.01em;color:#fff;font-size:1.25rem;font-weight:800}.login-brand-subtitle{color:#8acff8;text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem;font-weight:700}.login-hero-headline{letter-spacing:-.02em;color:#fff;font-size:2rem;font-weight:800;line-height:1.25}.login-hero-desc{color:#d1ecfc;max-width:440px;font-size:.9375rem;line-height:1.6}.dark-mode .login-hero-desc,.dark .login-hero-desc{color:#94a3b8}.login-feature-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.login-feature-item{color:#fff;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.login-feature-icon-box{color:#ffd444;background-color:#8acff833;border:1px solid #8acff84d;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.login-hero-footer{z-index:2;color:#d1ecfc;border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.75rem;display:flex;position:relative}.dark-mode .login-hero-footer,.dark .login-hero-footer{color:#64748b;border-top-color:#ffffff14}.login-form-panel{background-color:var(--card-bg);flex-direction:column;justify-content:center;padding:3rem 2.5rem;display:flex}@media (max-width:640px){.login-form-panel{padding:2rem 1.5rem}}.login-form-header{margin-bottom:2rem}.login-form-title{color:var(--text-primary);margin-bottom:.35rem;font-size:1.5rem;font-weight:800}.login-form-subtitle{color:var(--text-muted);font-size:.875rem}.login-alert-error{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.8125rem;animation:.2s ease-out tooltipFadeIn;display:flex}.dark-mode .login-alert-error,.dark .login-alert-error{color:#fca5a5;background-color:#ef44441f;border-color:#ef44444d}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field-group{flex-direction:column;gap:.375rem;display:flex}.login-label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.login-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.login-input-icon{width:1.125rem;height:1.125rem;color:var(--text-muted);pointer-events:none;transition:color .15s;position:absolute;left:.875rem}.login-input{background-color:var(--bg-card-subtle);border:1px solid var(--border-color);width:100%;height:2.75rem;color:var(--text-primary);border-radius:.5rem;outline:none;padding-left:2.5rem;padding-right:2.75rem;font-size:.875rem;transition:all .2s}.login-input:focus{background-color:var(--card-bg);border-color:var(--primary-color);box-shadow:0 0 0 3px #00619926}.dark-mode .login-input:focus,.dark .login-input:focus{box-shadow:0 0 0 3px #8acff833}.login-input-wrapper:focus-within .login-input-icon{color:var(--primary-color)}.login-password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:flex;position:absolute;right:.75rem}.login-password-toggle:hover{color:var(--text-primary)}.login-submit-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;height:2.875rem;margin-top:.5rem;font-size:.9375rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #00619940}.login-submit-btn:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 12px -2px #00619959}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.dark-mode .login-submit-btn,.dark .login-submit-btn{background-color:var(--primary-color);color:#030a12}.login-demo-helper{border-top:1px dashed var(--border-color);flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.login-demo-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.login-demo-chips{flex-wrap:wrap;gap:.5rem;display:flex}.login-demo-chip{background-color:var(--bg-card-subtle);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:.375rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.login-demo-chip:hover{background-color:var(--bg-card-hover);border-color:var(--primary-color);color:var(--primary-color)}