:root{--log-bg:#f8fafc;--log-bg-mesh:radial-gradient(circle at 10% 20%, #0d94880f 0%, transparent 40%), radial-gradient(circle at 90% 80%, #0284c70f 0%, transparent 40%);--log-card-bg:#fff;--log-showcase-bg:linear-gradient(145deg, #f0fdfa 0%, #f0f9ff 100%);--log-border:#e2e8f0;--log-border-hover:#cbd5e1;--log-border-focus:#0d9488;--log-text:#0f172a;--log-text-muted:#64748b;--log-text-dim:#94a3b8;--log-surface-subtle:#f1f5f9;--log-shadow-shell:0 25px 60px -15px #0f172a14, 0 0 1px #0f172a1f;--log-shadow-input:0 1px 2px #0f172a0a;--log-shadow-focus:0 0 0 3.5px #0d948826;--log-btn-primary:linear-gradient(135deg, #0d9488 0%, #0284c7 100%);--log-btn-primary-hover:linear-gradient(135deg, #0f766e 0%, #0369a1 100%);--log-btn-shadow:0 4px 14px #0d948840;--log-cushion-text:#059669;--log-cushion-bg:#10b9811a;--log-cushion-border:#10b98140}html[data-theme=dark]{--log-bg:#070d12;--log-bg-mesh:radial-gradient(circle at 10% 20%, #2dd4bf14 0%, transparent 45%), radial-gradient(circle at 90% 80%, #38bdf814 0%, transparent 45%);--log-card-bg:#0b1319;--log-showcase-bg:linear-gradient(145deg, #0d948814 0%, #0284c70d 100%), #091218;--log-border:#ffffff14;--log-border-hover:#ffffff26;--log-border-focus:#2dd4bf;--log-text:#f8fafc;--log-text-muted:#94a3b8;--log-text-dim:#64748b;--log-surface-subtle:#ffffff08;--log-shadow-shell:0 30px 70px -15px #000000b3, 0 0 1px #ffffff1f;--log-shadow-input:0 1px 2px #0000004d;--log-shadow-focus:0 0 0 3.5px #2dd4bf33;--log-btn-primary:linear-gradient(135deg, #10b981 0%, #0d9488 50%, #0284c7 100%);--log-btn-primary-hover:linear-gradient(135deg, #34d399 0%, #14b8a6 50%, #38bdf8 100%);--log-btn-shadow:0 4px 18px #2dd4bf4d;--log-cushion-text:#34d399;--log-cushion-bg:#10b98124;--log-cushion-border:#10b98159}.login-page-root{background-color:var(--log-bg);background-image:var(--log-bg-mesh);min-height:100vh;color:var(--log-text);flex-direction:column;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .25s,color .25s;display:flex;position:relative;overflow-x:hidden}.login-page-root:before{content:"";background-image:radial-gradient(var(--log-border) 1px, transparent 1px);opacity:.35;pointer-events:none;z-index:0;background-size:32px 32px;position:absolute;inset:0}.login-topbar{z-index:10;justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:20px 32px;display:flex;position:relative}.login-back-link{color:var(--log-text-muted);border:1px solid #0000;border-radius:9999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.login-back-link:hover{color:var(--log-text);background:var(--log-surface-subtle);border-color:var(--log-border)}.login-theme-btn{background:var(--log-surface-subtle);border:1px solid var(--log-border);width:38px;height:38px;color:var(--log-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin:0;font-size:16px;transition:all .2s;display:inline-flex}.login-theme-btn:hover{border-color:var(--log-border-focus);transform:scale(1.05)}.login-main-container{z-index:5;flex:1;justify-content:center;align-items:center;padding:20px 24px 60px;display:flex;position:relative}.login-shell{background:var(--log-card-bg);border:1px solid var(--log-border);width:100%;max-width:1040px;box-shadow:var(--log-shadow-shell);border-radius:24px;grid-template-columns:1.15fr 1fr;animation:.4s cubic-bezier(.16,1,.3,1) forwards loginFadeUp;display:grid;overflow:hidden}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-showcase{background:var(--log-showcase-bg);border-right:1px solid var(--log-border);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.showcase-top{flex-direction:column;gap:20px;display:flex}.showcase-badge{background:var(--log-cushion-bg);border:1px solid var(--log-cushion-border);color:var(--log-cushion-text);letter-spacing:.02em;border-radius:9999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.showcase-title{color:var(--log-text);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800;line-height:1.25}.showcase-title span{background:linear-gradient(135deg,#2dd4bf 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.showcase-desc{color:var(--log-text-muted);margin:0;font-size:14.5px;line-height:1.6}.showcase-preview-card{background:var(--log-card-bg);border:1px solid var(--log-border);border-radius:18px;margin:28px 0;padding:20px;box-shadow:0 10px 25px #0000000f}.showcase-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.showcase-card-user{align-items:center;gap:10px;display:flex}.showcase-card-avatar{background:var(--log-surface-subtle);border:1px solid var(--log-border);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.showcase-card-user strong{color:var(--log-text);font-size:13.5px;display:block}.showcase-card-user span{color:var(--log-text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.showcase-status-pill{background:var(--log-cushion-bg);color:var(--log-cushion-text);border:1px solid var(--log-cushion-border);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.showcase-chart-preview{width:100%;height:90px;margin:8px 0 12px}.showcase-metrics-bar{border-top:1px solid var(--log-border);justify-content:space-between;align-items:center;padding-top:10px;font-size:12px;display:flex}.showcase-metrics-bar span{color:var(--log-text-muted)}.showcase-metrics-bar strong{color:var(--log-cushion-text);font-family:JetBrains Mono,monospace;font-weight:700}.showcase-checks{flex-direction:column;gap:10px;display:flex}.showcase-check-item{color:var(--log-text-muted);align-items:center;gap:10px;font-size:13px;display:flex}.showcase-check-icon{background:var(--log-cushion-bg);width:18px;height:18px;color:var(--log-cushion-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.login-form-pane{flex-direction:column;justify-content:center;padding:48px;display:flex}.login-form-header{margin-bottom:28px}.login-brand-identity{align-items:center;gap:10px;margin-bottom:20px;text-decoration:none;display:inline-flex}.login-brand-logo{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.login-brand-name{letter-spacing:-.03em;color:var(--log-text);font-size:20px;font-weight:800}.login-brand-name span{color:#10b981}.login-heading{color:var(--log-text);letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:700}.login-subheading{color:var(--log-text-muted);margin:0;font-size:14.5px}.login-error-banner{color:#ef4444;background:#ef44441a;border:1px solid #ef444440;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13.5px;font-weight:500;animation:.35s cubic-bezier(.36,.07,.19,.97) both errorShake;display:flex}@keyframes errorShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.login-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-label-row{justify-content:space-between;align-items:center;display:flex}.form-label{color:var(--log-text);font-size:13px;font-weight:600}.form-link-forgot{color:var(--log-border-focus);font-size:12.5px;font-weight:600;text-decoration:none;transition:opacity .2s}.form-link-forgot:hover{opacity:.8;text-decoration:underline}.input-wrap{align-items:center;display:flex;position:relative}.input-icon-left{color:var(--log-text-dim);pointer-events:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;left:14px}.input-field{border:1px solid var(--log-border);background:var(--log-surface-subtle);width:100%;color:var(--log-text);box-shadow:var(--log-shadow-input);border-radius:12px;outline:none;padding:12px 44px 12px 42px;font-family:inherit;font-size:14.5px;transition:all .2s}.input-field:focus{border-color:var(--log-border-focus);box-shadow:var(--log-shadow-focus);background:var(--log-card-bg)}.input-wrap:focus-within .input-icon-left{color:var(--log-border-focus)}.btn-toggle-pwd{width:32px;height:32px;color:var(--log-text-dim);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;transition:color .2s,background-color .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.btn-toggle-pwd:hover{color:var(--log-text);background:var(--log-surface-hover,#94a3b81f)}.btn-toggle-pwd:focus-visible{outline:2px solid var(--log-border-focus);outline-offset:1px}.btn-submit-login{background:var(--log-btn-primary);color:#fff;letter-spacing:-.01em;cursor:pointer;width:100%;box-shadow:var(--log-btn-shadow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:13px 20px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-submit-login:hover:not(:disabled){background:var(--log-btn-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #2dd4bf61}.btn-submit-login:active:not(:disabled){transform:translateY(0)}.btn-submit-login:disabled{opacity:.65;cursor:not-allowed}.demo-account-box{border:1px dashed var(--log-border);background:var(--log-surface-subtle);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.demo-account-label{color:var(--log-text-muted);font-size:12px}.demo-account-label strong{color:var(--log-text);font-family:JetBrains Mono,monospace;font-size:11.5px}.btn-demo-fill{background:var(--log-card-bg);border:1px solid var(--log-border);color:var(--log-border-focus);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:700;transition:all .2s}.btn-demo-fill:hover{background:var(--log-surface-subtle);border-color:var(--log-border-focus)}.login-footer-switch{text-align:center;color:var(--log-text-muted);margin-top:24px;font-size:13.5px}.login-footer-switch a{color:var(--log-border-focus);margin-left:4px;font-weight:700;text-decoration:none;transition:opacity .2s}.login-footer-switch a:hover{opacity:.85;text-decoration:underline}@media (max-width:960px){.login-shell{border-radius:20px;grid-template-columns:1fr;max-width:520px}.login-showcase{border-right:none;border-bottom:1px solid var(--log-border);gap:16px;padding:24px 24px 20px}.showcase-preview-card{margin:14px 0 0;padding:14px 16px}.showcase-chart-preview{height:65px}.showcase-checks{display:none}.showcase-title{font-size:20px}.showcase-desc{font-size:13.5px}.login-form-pane{padding:32px 24px}}@media (max-width:580px){.showcase-preview-card{display:none}.login-showcase{padding:20px 20px 16px}}@media (max-width:480px){.login-topbar{padding:12px 16px}.login-back-link{padding:6px 12px;font-size:13px}.login-main-container{padding:12px 14px 40px}.login-shell{border-radius:16px}.login-form-pane{padding:24px 16px}.login-heading{font-size:21px}.input-field{padding:12px 44px 12px 42px;font-size:16px}.btn-submit-login{min-height:48px;font-size:15.5px}.btn-toggle-pwd{width:36px;min-width:36px;height:36px;min-height:36px;margin:0;top:50%;right:6px;transform:translateY(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}