:root{font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.55;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;color:#64748b}*,*:before,*:after{box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--sidebar: #0b1220;--sidebar-hover: #1e293b;--bg: #f8fafc;--bg-subtle: #f1f5f9;--surface: #ffffff;--surface-elevated: #ffffff;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 4px 6px rgba(15, 23, 42, .04), 0 20px 48px rgba(15, 23, 42, .1);--accent-bg: rgba(37, 99, 235, .08);--gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-surface: linear-gradient(180deg, rgba(255,255,255,.9) 0%, rgba(248,250,252,.95) 100%);--font: "Inter", "Segoe UI", system-ui, sans-serif;--transition: .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #93c5fd;--sidebar: #020617;--bg: #0b1120;--bg-subtle: #0f172a;--surface: #1e293b;--surface-elevated: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .25);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .2), 0 20px 48px rgba(0, 0, 0, .35);--accent-bg: rgba(59, 130, 246, .15);--gradient-surface: linear-gradient(180deg, rgba(30,41,59,.95) 0%, rgba(15,23,42,.98) 100%)}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-content{padding:24px;flex:1}.sidebar{width:272px;background:var(--sidebar);padding:20px 14px;display:flex;flex-direction:column;min-height:100vh;border-right:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:40}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding:4px 8px;position:relative}.sidebar-logo-mark{width:40px;height:40px;border-radius:12px;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px #2563eb66}.sidebar-logo-img{max-width:40px;max-height:40px;border-radius:10px}.sidebar-logo{color:#fff;font-size:1.05rem;font-weight:700;margin:0;line-height:1.2}.sidebar-close{display:none;margin-left:auto;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-sm);text-decoration:none;color:#94a3b8;font-weight:500;font-size:var(--text-sm, 1rem);transition:var(--transition)}.sidebar-link-icon{display:flex;opacity:.85}.sidebar-link:hover{background:#ffffff0f;color:#e2e8f0}.sidebar-link.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #2563eb59}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-section{margin-top:16px;padding-top:16px;border-top:1px solid #334155;font-size:var(--text-xs, .875rem);color:#64748b;text-transform:uppercase;letter-spacing:.06em;padding-left:16px;font-weight:700}.navbar{height:72px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar-left{display:flex;align-items:center;gap:16px}.navbar-menu-btn{display:none;background:transparent;border:1px solid var(--border);border-radius:10px;padding:8px;color:var(--text);cursor:pointer}.navbar-eyebrow{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.navbar-title{margin:2px 0 0;font-size:var(--text-lg, 1.25rem);font-weight:700;letter-spacing:-.02em}.navbar-user{display:flex;align-items:center;gap:10px}.navbar-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.navbar-email{color:var(--text-muted);font-size:.85rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;padding:8px 10px;color:var(--text);cursor:pointer;display:flex;align-items:center;transition:var(--transition)}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.navbar-actions{display:flex;align-items:center;gap:12px}.page-header{margin-bottom:28px}.premium-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.page-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background:var(--accent-bg);padding:4px 10px;border-radius:999px;margin-bottom:10px}.page-header h1{margin:0 0 8px;font-size:var(--text-3xl, 2rem);font-weight:800;letter-spacing:-.03em}.page-header p{margin:0;color:var(--text-muted);font-size:var(--text-md, 1.125rem);line-height:1.65}.page-header-actions{display:flex;gap:12px;flex-wrap:wrap}.card{background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.stat-card h4{margin:0 0 8px;color:var(--text-muted);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.stat-card h2{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.02em}.stat-card-highlight{background:var(--gradient-primary);color:#fff;border:none}.stat-card-highlight:before{display:none}.stat-card-highlight h4,.stat-card-highlight h2{color:#fff}.stat-card-highlight p{color:#ffffffd9}.btn{padding:11px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s;font-size:var(--text-sm, 1rem);letter-spacing:-.01em;line-height:1.35}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-sm{padding:9px 16px;font-size:var(--text-sm, 1rem)}.input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:1rem;margin-bottom:12px}.input:focus{outline:2px solid rgba(37,99,235,.3);border-color:var(--primary)}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f}.form-error{color:#dc2626;font-size:.875rem;margin:-8px 0 12px}.form-field-hint{color:var(--text-muted, #64748b);font-size:.8125rem;line-height:1.45;margin:-6px 0 14px}.verify-email-hint{font-size:.9rem;color:var(--text-muted, #64748b)}.verify-sent-banner{background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:10px;padding:14px 16px;margin-bottom:16px}.verify-sent-banner strong{display:block;color:var(--text, #0f172a);margin-bottom:6px}.verify-sent-banner p{margin:0;font-size:.875rem;color:var(--text-muted, #64748b)}.verify-resend-row{margin-top:16px}.verify-code-error{font-weight:500}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--bg-subtle);font-weight:600;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-muted{background:#f1f5f9;color:#64748b}.badge-danger{background:#fee2e2;color:#991b1b}.sidebar-tagline{color:#64748b;font-size:.72rem;margin:2px 0 0}.progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--success));border-radius:4px}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.quick-link{text-decoration:none;color:var(--text);text-align:center;padding:20px;font-weight:600;transition:.2s}.quick-link:hover{border-color:var(--primary);transform:translateY(-2px)}.chat-window{min-height:400px;max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chat-bubble{padding:12px 16px;border-radius:12px;max-width:85%}.chat-bubble.user{align-self:flex-end;background:var(--primary);color:#fff}.chat-bubble.assistant{align-self:flex-start;background:var(--bg);border:1px solid var(--border)}.chat-bubble p{margin:4px 0 0;white-space:pre-wrap}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b1120,#1e3a8a,#4c1d95);padding:24px;position:relative}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.2),transparent 50%);pointer-events:none}.auth-card{width:100%;max-width:420px;background:var(--surface);border-radius:20px;padding:40px;box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.auth-brand-mark{width:44px;height:44px;border-radius:12px;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem}.auth-card h1{margin:0 0 8px;font-size:1.5rem}.auth-card p{color:var(--text-muted);margin:0 0 24px}.auth-link{margin-top:16px;text-align:center;color:var(--text-muted)}.auth-link a{color:var(--primary);font-weight:600;text-decoration:none}.notif-bell{position:relative}.notif-badge{position:absolute;top:-2px;right:-2px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.empty-state{text-align:center;padding:56px 32px 48px;color:var(--text-muted)}.empty-state-bordered{border-radius:var(--radius-lg, 16px);background:linear-gradient(180deg,var(--bg-subtle, #f8fafc) 0%,var(--surface) 100%);border:1px dashed var(--border-strong, #cbd5e1)}.empty-state-compact{padding:32px 20px 28px}.empty-state-compact .empty-state-copy h3{font-size:1rem}.empty-state-compact .empty-state-copy p{font-size:.875rem;margin-bottom:16px}.empty-state-visual{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;width:fit-content}.empty-state-glow{position:absolute;top:-20px;right:-28px;bottom:-20px;left:-28px;background:radial-gradient(circle at 50% 45%,rgba(99,91,255,.14) 0%,transparent 68%);pointer-events:none}.empty-state-illustration{position:relative;z-index:1;filter:drop-shadow(0 8px 20px rgba(99,91,255,.12))}.empty-state-illustration.is-compact{filter:drop-shadow(0 4px 12px rgba(99,91,255,.1))}.empty-state-svg{display:block}.empty-state-icon{position:relative;z-index:1;width:64px;height:64px;border-radius:16px;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:var(--shadow-xs)}.empty-state-copy h3{margin:0 0 10px;color:var(--text);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}.empty-state-copy p{margin:0 auto 24px;max-width:28rem;font-size:.9375rem;line-height:1.65;color:var(--text-muted)}.empty-state-compact .empty-state-copy p{max-width:22rem}.empty-state-action{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.empty-state-extra{margin-top:20px}.panel-card-flush{overflow:hidden}.panel-card-flush>.empty-state{border:none;border-radius:0;background:transparent}.ai-history-list .empty-state{padding:32px 16px 24px;border:none;background:transparent}.ai-history-list .empty-state-bordered{border:none}.ai-chat-panel>.empty-state{min-height:280px;display:flex;flex-direction:column;justify-content:center;border:none;background:transparent}.dashboard-activity-empty .empty-state,.stripe-chart-empty .empty-state,.chart-empty .empty-state{padding:28px 16px;border:none;background:transparent}.stripe-chart-empty .empty-state-compact,.chart-empty .empty-state-compact{padding:20px 12px}.pay-icon-wrap{display:inline-flex;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px #00000014}.pay-icon-wrap svg{display:block;height:auto}.pay-icon-sm svg{width:36px}.pay-icon-md svg{width:48px}.pay-icon-lg svg{width:64px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.dashboard-panel h3{margin:0 0 16px;font-size:1.1rem;font-weight:700}.rec-item{padding:14px 0;border-bottom:1px solid var(--border)}.rec-item:last-child{border-bottom:none}.rec-item strong{display:block;margin-bottom:4px}.rec-item p{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.legal-page{max-width:720px;margin:0 auto;padding:48px 24px 80px}.legal-page h1{font-size:2rem;font-weight:800;margin-bottom:8px}.legal-page h2{margin-top:32px;font-size:1.2rem}.legal-page p,.legal-page li{line-height:1.7;color:var(--text-muted)}.not-found-page{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.not-found-code{font-size:6rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.contact-form{max-width:520px;margin:0 auto}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;border:none;z-index:39;cursor:pointer}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:confirm-fade-in .2s ease}.confirm-dialog{width:min(100%,400px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);padding:24px;box-shadow:0 20px 50px #0003;animation:confirm-slide-in .22s ease}.confirm-dialog-title{margin:0 0 8px;font-size:1.15rem;font-weight:700}.confirm-dialog-message{margin:0 0 20px;color:var(--text-muted);line-height:1.5}.confirm-dialog-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-dialog-actions .btn{min-width:88px}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-slide-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions .btn{width:100%}}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:24px}.plan-card{border:2px solid var(--border);border-radius:var(--radius);padding:28px;background:var(--surface);transition:.2s}.plan-card.current{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb26}.plan-price{font-size:2.5rem;font-weight:700;margin:12px 0}.plan-features{list-style:none;padding:0;margin:20px 0}.plan-features li{padding:6px 0;color:var(--text-muted)}.plan-features li:before{content:"✓ ";color:var(--success);font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plan-card.highlight{border-color:var(--warning);box-shadow:0 0 0 4px #f59e0b33}.marketing-page{min-height:100vh;background:var(--bg)}.marketing-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:var(--surface);border-bottom:1px solid var(--border)}.marketing-logo{font-size:1.35rem;font-weight:800;color:var(--primary);text-decoration:none}.marketing-nav-links{display:flex;align-items:center;gap:20px}.marketing-section-sub{text-align:center;color:var(--text-muted);max-width:560px;margin:-16px auto 32px}.marketing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;max-width:900px;margin:0 auto 48px;padding:0 24px}.marketing-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}.marketing-stat strong{display:block;font-size:1.5rem;color:var(--primary)}.marketing-stat span{color:var(--text-muted);font-size:.9rem}.marketing-testimonials{background:var(--accent-bg);border-radius:var(--radius);max-width:1100px}.marketing-testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.marketing-testimonial{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:0}.marketing-testimonial p{font-size:1.05rem;line-height:1.6;margin:0 0 16px}.marketing-testimonial footer{color:var(--text-muted);font-size:.9rem}.marketing-nav-links a{color:var(--text);text-decoration:none;font-weight:600}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-lg{padding:14px 28px;font-size:1.05rem}.marketing-hero{max-width:860px;margin:0 auto;padding:96px 24px 72px;text-align:center;position:relative}.marketing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(37,99,235,.12),transparent);pointer-events:none}.marketing-hero h1{font-size:clamp(2.25rem,5vw,3.25rem);line-height:1.1;margin:16px 0;font-weight:800;letter-spacing:-.03em}.marketing-lead{font-size:1.15rem;color:var(--text-muted);line-height:1.6}.marketing-cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:32px 0 16px}.marketing-note{color:var(--text-muted);font-size:.9rem}.marketing-section{max-width:1100px;margin:0 auto;padding:48px 24px 64px}.marketing-section h2{text-align:center;margin-bottom:32px}.marketing-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.marketing-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:var(--transition)}.marketing-feature-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.marketing-feature-card h3{margin:0 0 8px}.marketing-feature-card p{margin:0;color:var(--text-muted);line-height:1.5}.marketing-trust{text-align:center}.payment-brands{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.payment-brand{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-weight:700;font-size:.85rem;color:var(--text-muted)}.marketing-cta-banner{background:var(--sidebar);color:#fff;text-align:center;padding:64px 24px;margin-top:32px}.marketing-cta-banner h2{margin:0 0 8px}.marketing-cta-banner p{color:#cbd5e1;margin-bottom:24px}.marketing-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem;flex-wrap:wrap;gap:16px}.marketing-footer a{color:var(--primary);margin-left:16px;text-decoration:none}.payment-result-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 20px}.payment-result-icon.success{background:#10b98126;color:var(--success)}.payment-result-icon.canceled{background:#ef444426;color:var(--danger)}.payment-result-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.checkout-page{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.checkout-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:start}.checkout-summary h1,.checkout-payment h2{margin:0 0 8px}.checkout-sub{color:var(--text-muted);margin:0 0 24px}.checkout-back{display:inline-block;margin-bottom:16px;color:var(--primary);text-decoration:none;font-size:.9rem}.checkout-plan-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.checkout-price{font-size:2rem;font-weight:700;margin:8px 0}.checkout-price span{font-size:1rem;font-weight:400;color:var(--text-muted)}.checkout-trial{color:var(--success);font-size:.9rem;margin:0 0 12px}.checkout-cycle-label{display:block;font-size:.9rem;font-weight:600}.checkout-cycle-label select{margin-top:8px;width:100%}.checkout-pay-btn{width:100%;margin-top:20px}.checkout-secure{text-align:center;font-size:.8rem;color:var(--text-muted);margin:16px 0 0;line-height:1.5}.pay-method-selector{display:flex;flex-direction:column;gap:24px}.pay-method-group-header h4{margin:0 0 4px}.pay-method-group-header p{margin:0 0 12px;color:var(--text-muted);font-size:.9rem}.pay-method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pay-method-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s}.pay-method-card:hover:not(.disabled){border-color:var(--primary)}.pay-method-card.active{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626}.pay-method-card.disabled{opacity:.5;cursor:not-allowed}.pay-method-name{font-size:.85rem;font-weight:600;text-align:center}.pay-method-status{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.pay-status-live{color:var(--success)}.pay-status-demo{color:var(--warning, #f59e0b)}.pay-status-unavailable{color:var(--text-muted)}.pay-pci-note,.pay-demo-tag,.pay-support-note{font-size:.85rem;color:var(--text-muted);line-height:1.5}.pay-demo-tag{color:var(--warning, #f59e0b)}.payment-icon,.pay-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;letter-spacing:-.02em;background:var(--bg);border:1px solid var(--border);color:var(--text)}.payment-icon-sm,.pay-icon-md,.payment-icon-md{width:52px;height:34px;font-size:.65rem}.payment-icon-lg,.pay-icon-lg{width:64px;height:42px;font-size:.75rem}.pay-icon-sm{width:36px;height:24px;font-size:.55rem}.pay-icon-visa{color:#1a1f71}.pay-icon-mastercard{color:#eb001b}.pay-icon-amex{color:#006fcf}.pay-icon-discover{color:#ff6000}.pay-icon-stripe{color:#635bff}.pay-icon-paypal{color:#003087}.pay-icon-paddle{color:#fcd34d}.pay-icon-lemon{color:#ffc233}.pay-icon-apple_pay{color:var(--text)}.pay-icon-google_pay{color:#4285f4}.payment-brands-icons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.billing-page .billing-trust-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;margin-bottom:24px}.billing-pci{margin-left:auto;font-size:.85rem;color:var(--text-muted)}.billing-header-actions{display:flex;gap:12px;flex-wrap:wrap}.billing-plan-card.current{border-color:var(--success)}.billing-plan-card.highlight{box-shadow:0 0 0 3px #3b82f633}.billing-section{margin-top:32px}.billing-section h3{margin:0 0 16px}.billing-footer-note{margin-top:32px;color:var(--text-muted);text-align:center}.trial-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;margin:0 0 16px;border-radius:var(--radius-md, 8px);flex-wrap:wrap}.trial-banner-active{background:linear-gradient(90deg,#6366f11f,#8b5cf614);border:1px solid rgba(99,102,241,.25)}.trial-banner-expired{background:#ef444414;border:1px solid rgba(239,68,68,.25)}.trial-banner-text{display:flex;flex-direction:column;gap:4px}.trial-banner-text span{color:var(--text-muted);font-size:.9rem}.plan-comparison-wrap{overflow-x:auto}.plan-comparison-table{width:100%;border-collapse:collapse;font-size:.9rem}.plan-comparison-table th,.plan-comparison-table td{padding:10px 14px;border-bottom:1px solid var(--border, #e5e7eb);text-align:center}.plan-comparison-table th:first-child,.plan-comparison-table td:first-child{text-align:left;font-weight:500}.plan-comparison-table .current-col{background:#22c55e0f}.plan-current-badge{display:block;margin-top:6px;font-size:.7rem}.usage-meter{margin-bottom:16px}.usage-meter-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.9rem}.usage-meter-bar{height:8px;background:var(--border, #e5e7eb);border-radius:999px;overflow:hidden}.usage-meter-fill{height:100%;background:var(--primary, #6366f1);border-radius:999px;transition:width .3s ease}.usage-meter-fill.usage-meter-warning{background:#f59e0b}.trust-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.trust-stat-item{display:flex;flex-direction:column;gap:4px}.trust-stat-value{font-size:1.5rem;font-weight:700}.trust-stat-label{color:var(--text-muted);font-size:.85rem}.marketing-pricing-compare{margin-top:48px}.payment-confirm-details{text-align:left;background:var(--bg);border-radius:var(--radius);padding:16px;margin:16px 0}.payment-confirm-details p{margin:8px 0}.btn-sm{padding:4px 12px;font-size:.85rem}.marketing-eyebrow{color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.app-content-premium{background:radial-gradient(ellipse 120% 80% at 100% -20%,rgba(37,99,235,.06),transparent 50%),radial-gradient(ellipse 80% 60% at 0% 100%,rgba(124,58,237,.04),transparent 45%),var(--bg);min-height:calc(100vh - 72px)}.dashboard-premium{max-width:1280px;margin:0 auto}.executive-health-banner{padding:.65rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.executive-health-good{background:#22c55e1f;border:1px solid rgba(34,197,94,.35)}.executive-health-warning{background:#eab3081f;border:1px solid rgba(234,179,8,.35)}.executive-health-critical{background:#ef44441f;border:1px solid rgba(239,68,68,.35)}.session-list{list-style:none;padding:0;margin:0}.session-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.session-item p{margin:.25rem 0 0;font-size:.85rem;opacity:.75}.integration-steps{margin:.5rem 0 1rem 1.25rem;font-size:.9rem;opacity:.85}.webhook-list{margin-top:.75rem;font-size:.85rem;opacity:.8}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px 32px;margin-bottom:28px;border-radius:var(--radius);background:var(--gradient-primary);color:#fff;box-shadow:0 12px 40px #2563eb40}.dashboard-welcome h2{margin:4px 0 8px;font-size:1.75rem;font-weight:800}.dashboard-welcome p{margin:0;opacity:.9;max-width:520px}.dashboard-welcome-eyebrow{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-weight:600}.dashboard-welcome-actions{display:flex;gap:10px}.dashboard-welcome .btn-outline{border-color:#fff6;color:#fff;background:#ffffff1a}.premium-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.premium-stat-grid.compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.premium-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.premium-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.premium-stat-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.premium-stat-icon{width:40px;height:40px;border-radius:12px;background:var(--accent-bg);color:var(--primary);display:flex;align-items:center;justify-content:center}.premium-stat-trend{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:999px;background:var(--bg-subtle);color:var(--text-muted)}.premium-stat-trend.up{background:#d1fae5;color:#065f46}.premium-stat-trend.down{background:#fee2e2;color:#991b1b}.premium-stat-label{margin:0 0 6px;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.premium-stat-value{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.premium-stat-hint{margin:8px 0 0;font-size:.8rem;color:var(--text-muted)}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.panel-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.panel-card-header h3{margin:0;font-size:1.05rem;font-weight:700}.panel-link{color:var(--primary);text-decoration:none;font-size:.85rem;font-weight:600}.panel-link:hover{text-decoration:underline}.panel-badge{font-size:.8rem;color:var(--text-muted);background:var(--bg-subtle);padding:4px 10px;border-radius:999px}.panel-sub{color:var(--text-muted);margin:-8px 0 16px}.panel-empty{padding:32px;text-align:center;color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-sm)}.section-title{margin:32px 0 16px;font-size:1rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.quick-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.quick-action-card{display:flex;gap:14px;align-items:flex-start;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:.2s;box-shadow:var(--shadow)}.quick-action-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.quick-action-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-card strong{display:block;margin-bottom:4px}.quick-action-card p{margin:0;font-size:.85rem;color:var(--text-muted)}.rec-list{display:flex;flex-direction:column;gap:4px}.rec-item-premium{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.rec-item-premium:last-child{border-bottom:none}.rec-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:8px;flex-shrink:0}.chart-wrap{width:100%;overflow-x:auto}.chart-empty{padding:48px 24px;text-align:center;background:var(--bg-subtle);border-radius:var(--radius-sm)}.chart-empty p{margin:0 0 4px;font-weight:600}.chart-empty span{color:var(--text-muted);font-size:.9rem}.premium-chart{display:block}.ai-suggestions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.ai-chip{padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:.2s}.ai-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--accent-bg)}.ai-chat-panel{min-height:420px;display:flex;flex-direction:column}.ai-messages{flex:1;max-height:480px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.ai-empty{text-align:center;padding:48px 24px;color:var(--text-muted)}.ai-empty-icon{display:inline-flex;width:64px;height:64px;border-radius:50%;background:var(--accent-bg);color:var(--primary);align-items:center;justify-content:center;margin-bottom:16px}.ai-message{max-width:85%;padding:14px 18px;border-radius:16px}.ai-message-user{align-self:flex-end;background:var(--gradient-primary);color:#fff;border-bottom-right-radius:4px}.ai-message-assistant{align-self:flex-start;background:var(--bg-subtle);border:1px solid var(--border);border-bottom-left-radius:4px}.ai-message-meta{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.75;margin-bottom:6px}.ai-message-body{line-height:1.55;white-space:pre-wrap}.ai-typing{font-style:italic;opacity:.8}.ai-input-row{display:flex;gap:12px;margin-top:16px}.ai-input{margin-bottom:0!important;flex:1}.reports-panel-wide{grid-column:1 / -1}.reports-panel{display:flex;flex-direction:column;gap:0}.reports-stat-row{margin-bottom:16px}.reports-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.reports-charts-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}.reports-chart-block{min-width:0}.reports-panel-skeleton{padding:20px}@media (max-width: 900px){.reports-charts-split{grid-template-columns:1fr}}.stripe-chart-shell{position:relative;margin-top:4px}.stripe-chart-canvas{position:relative;min-height:120px}.stripe-chart-svg{display:block;width:100%;font-family:var(--font)}.stripe-chart-legend{display:flex;flex-wrap:wrap;gap:14px 20px;margin-bottom:12px;font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.stripe-chart-legend-item{display:inline-flex;align-items:center;gap:7px}.stripe-chart-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stripe-chart-tooltip{position:absolute;z-index:10;transform:translate(-50%,-100%);pointer-events:none;padding:8px 12px;border-radius:8px;background:#1a1f36;color:#fff;box-shadow:0 8px 24px #0000002e;white-space:nowrap;animation:stripeTipIn .15s ease}.stripe-chart-tooltip-label{display:block;font-size:.6875rem;font-weight:500;color:#ffffffa6;margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}.stripe-chart-tooltip strong{display:block;font-size:.9375rem;font-weight:600;letter-spacing:-.02em}.stripe-chart-tooltip small{display:block;margin-top:3px;font-size:.6875rem;color:#ffffff8c}@keyframes stripeTipIn{0%{opacity:0;transform:translate(-50%,calc(-100% + 4px))}to{opacity:1;transform:translate(-50%,-100%)}}.stripe-bar-group{animation:stripeBarIn .55s cubic-bezier(.22,1,.36,1) both;cursor:default;transform-origin:center bottom;transform-box:fill-box}.stripe-hbar-group{animation:stripeHbarIn .55s cubic-bezier(.22,1,.36,1) both;cursor:default;transform-origin:left center;transform-box:fill-box}.stripe-bar-rect,.stripe-hbar-rect{transition:opacity .15s ease,filter .15s ease}.stripe-bar-group:hover .stripe-bar-rect,.stripe-hbar-group:hover .stripe-hbar-rect{opacity:.88;filter:brightness(1.06)}@keyframes stripeBarIn{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes stripeHbarIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.stripe-chart-empty{padding:40px 24px;text-align:center;background:linear-gradient(180deg,var(--bg-subtle) 0%,transparent 100%);border:1px dashed var(--border-strong);border-radius:12px;margin-top:8px}.stripe-chart-empty-compact{padding:28px 16px}.stripe-chart-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#6366f114;color:var(--primary);margin-bottom:12px}.stripe-chart-empty p{margin:0 0 6px;font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.stripe-chart-empty span{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.stripe-chart-skeleton{display:flex;align-items:flex-end;gap:12px;height:160px;padding:16px 8px 0;border-radius:10px;background:var(--bg-subtle)}.stripe-chart-skeleton-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(90deg,var(--border) 0%,rgba(99,102,241,.12) 50%,var(--border) 100%);background-size:200% 100%;animation:stripeSkeletonShimmer 1.2s ease-in-out infinite}@keyframes stripeSkeletonShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.stripe-chart-shell.is-loading .stripe-chart-loading{height:180px;border-radius:10px;background:linear-gradient(90deg,var(--border) 0%,rgba(99,102,241,.08) 50%,var(--border) 100%);background-size:200% 100%;animation:stripeSkeletonShimmer 1.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.stripe-bar-group,.stripe-hbar-group,.stripe-chart-tooltip,.stripe-chart-skeleton-bar{animation:none}}.report-list p{margin:8px 0;color:var(--text-muted)}.report-list-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.settings-section{margin-bottom:20px}.table-wrap table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-wrap tbody tr:hover{background:var(--accent-bg)}@media (max-width: 768px){.sidebar-overlay{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translate(-100%);transition:transform .3s ease;z-index:50}.sidebar.open{transform:translate(0)}.sidebar-close,.navbar-menu-btn{display:flex}.navbar-email{display:none}.app-content{padding:16px}.dashboard-grid,.form-row,.checkout-layout{grid-template-columns:1fr}.billing-pci{margin-left:0;width:100%}.premium-page-header{flex-direction:column}.dashboard-welcome{flex-direction:column;align-items:flex-start}.premium-stat-grid{grid-template-columns:1fr 1fr}}.premium-table-wrap{margin-top:8px}.premium-table{width:100%;border-collapse:separate;border-spacing:0}.premium-table th{background:var(--bg-subtle);padding:14px 16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.premium-table td{padding:14px 16px;border-bottom:1px solid var(--border)}.table-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.input-sm{padding:6px 10px;font-size:.85rem;margin-bottom:0;min-width:100px}.form-panel{margin:20px 0}.premium-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end}.health-cell{display:flex;flex-direction:column;gap:6px;min-width:120px}.progress-bar{height:8px;background:var(--border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .4s ease}.progress-bar-success .progress-fill{background:linear-gradient(90deg,#34d399,#10b981)}.progress-bar-warning .progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.progress-bar-danger .progress-fill{background:linear-gradient(90deg,#f87171,#ef4444)}.churn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.churn-card h3{margin:0 0 4px;font-size:1.05rem}.churn-email{margin:0;color:var(--text-muted);font-size:.85rem}.churn-card-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.churn-probability{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.churn-meta{color:var(--text-muted);font-size:.85rem}.churn-factors{margin:8px 0;padding-left:18px;color:var(--text-muted);font-size:.85rem}.churn-recommendation{background:var(--accent-bg);border-radius:var(--radius-sm);padding:12px;margin-top:12px}.churn-recommendation p{margin:4px 0 0;color:var(--text-muted);font-size:.9rem}.page-skeleton{animation:pulse 1.5s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-subtle) 50%,var(--border) 75%);background-size:200% 100%;border-radius:var(--radius-sm);margin-bottom:12px}.skeleton-title{height:32px;width:40%}.skeleton-subtitle{height:16px;width:60%;margin-bottom:24px}.skeleton-stat{height:100px}.skeleton-row{height:48px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}[data-theme=dark] .badge-success{background:#10b98133;color:#6ee7b7}[data-theme=dark] .badge-warning{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .badge-danger{background:#ef444433;color:#fca5a5}[data-theme=dark] .badge-info{background:#3b82f633;color:#93c5fd}[data-theme=dark] .premium-stat-trend.up{background:#10b98133;color:#6ee7b7}[data-theme=dark] .premium-stat-trend.down{background:#ef444433;color:#fca5a5}.ai-insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ai-insight-card{padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-subtle)}.ai-insight-card p{margin:6px 0 0;font-size:.9rem;color:var(--text-muted)}.ai-insight-warning{border-color:#f59e0b66;background:#f59e0b14}.ai-insight-success{border-color:#10b98166;background:#10b98114}.ai-insight-info{border-color:#3b82f659;background:#3b82f60f}.provider-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}.provider-status-card{padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle)}.provider-status-card p{margin:8px 0 0;font-size:.85rem;color:var(--text-muted)}.config-issues-list{margin:0 0 12px;padding-left:20px;color:var(--warning);font-size:.9rem}.form-label{font-weight:600;display:block;margin-bottom:6px;font-size:.9rem}.input-color{width:100%;height:40px;padding:4px;cursor:pointer}.form-row--2col{grid-template-columns:repeat(2,1fr)}.btn-block{width:100%;display:block;text-align:center}.plan-price-suffix{font-size:1rem;font-weight:400;color:var(--text-muted)}.panel-warning{border-color:#f59e0b73;background:#f59e0b0f}.panel-spaced{margin-bottom:20px}.checkout-region-note{margin:16px 0;padding:12px 16px;font-size:.9rem}.checkout-region-note p{margin:4px 0}.pay-status-blocked{color:var(--warning)}.error-banner-text{margin:0;color:var(--text-muted)}.section-title-sm{margin:16px 0 8px;font-size:.95rem;font-weight:600}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.marketing-pricing-hero{padding-top:48px}.marketing-pricing-intro{text-align:center;max-width:640px;margin:0 auto 40px}.marketing-trust-spaced{margin-top:48px}.plan-grid-pricing,.plan-grid-landing{max-width:1100px;margin:0 auto}.plan-popular-badge{position:absolute;top:16px;right:16px}.plan-card.highlight{position:relative;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--shadow)}.plan-value-badge{font-size:.85rem;color:var(--text-muted);margin:0 0 12px;line-height:1.4}.marketing-note-center{text-align:center;margin-top:24px}.auth-card-premium{animation:fadeInUp .4s ease}.auth-brand-sub{display:block;font-size:.85rem;color:var(--text-muted);font-weight:400}.auth-lead{color:var(--text-muted);margin:0 0 20px}.auth-alert{padding:12px 14px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:.9rem}.auth-alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);color:var(--warning)}.auth-link-right{text-align:right;margin-bottom:8px}.auth-btn-spaced{margin-top:8px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-card,.premium-stat-card,.plan-card{animation:fadeInUp .35s ease backwards}@media (prefers-reduced-motion: reduce){.panel-card,.premium-stat-card,.plan-card,.auth-card-premium{animation:none}}.btn:focus-visible,.input:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:8px 16px;background:var(--primary);color:#fff}.skip-link:focus{left:8px;top:8px}.dashboard-grid-triple{grid-template-columns:repeat(3,1fr)}.subscription-snapshot{display:flex;flex-direction:column;gap:12px;padding:4px 0}.subscription-snapshot-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--surface-elevated, rgba(255,255,255,.03));border-radius:var(--radius-sm);border:1px solid var(--border)}.subscription-snapshot-row span{color:var(--text-muted);font-size:.9rem}.subscription-snapshot-row.highlight{border-color:var(--primary);background:#6366f114}.activity-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);position:relative}.activity-item:last-child{border-bottom:none}.activity-item.unread .activity-content strong{color:var(--primary)}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:6px;flex-shrink:0}.activity-content p{margin:4px 0;color:var(--text-muted);font-size:.9rem;line-height:1.45}.activity-time{font-size:.8rem;color:var(--text-muted)}.text-capitalize{text-transform:capitalize}.badge-success{background:#22c55e26;color:#22c55e;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-danger{background:#ef444426;color:#ef4444;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-muted{background:var(--accent-bg);color:var(--text-muted);padding:4px 10px;border-radius:999px;font-size:.75rem}.ai-typing-dots{display:inline-flex;gap:6px;align-items:center;min-height:24px}.ai-typing-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:aiDotPulse 1.2s ease-in-out infinite}.ai-typing-dots span:nth-child(2){animation-delay:.15s}.ai-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes aiDotPulse{0%,80%,to{opacity:.35;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.ai-message-typing .ai-typing-bubble{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:12px 16px;border-radius:14px;background:var(--accent-bg, rgba(99, 102, 241, .08));border:1px solid rgba(99,102,241,.12)}.ai-typing-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);animation:aiTypingBounce 1.4s ease-in-out infinite}.ai-typing-dot:nth-child(2){animation-delay:.16s}.ai-typing-dot:nth-child(3){animation-delay:.32s}@keyframes aiTypingBounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}.ai-message-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.ai-message-actions{opacity:0;transition:opacity .15s ease}.ai-message:hover .ai-message-actions,.ai-message-actions:focus-within{opacity:1}.ai-message-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.ai-message-action-btn:hover{background:var(--accent-bg);color:var(--primary)}.ai-history-search-wrap{position:relative}.ai-history-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.ai-history-search{width:100%;padding-left:36px!important;margin-bottom:0!important;font-size:.875rem;min-height:38px}.ai-history-filters{display:flex;gap:6px}.ai-history-filter{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.ai-history-filter:hover{border-color:#6366f140;color:var(--text)}.ai-history-filter.active{background:var(--accent-bg);border-color:#6366f159;color:var(--primary)}.ai-history-skeleton-list{padding:4px 0}.ai-history-skeleton{height:40px;border-radius:10px;margin-bottom:6px;background:linear-gradient(90deg,var(--border) 0%,rgba(99,102,241,.08) 50%,var(--border) 100%);background-size:200% 100%;animation:aiSkeletonShimmer 1.2s ease-in-out infinite}@keyframes aiSkeletonShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ai-chat-skeleton{padding:20px 16px;display:flex;flex-direction:column;gap:16px}.ai-chat-skeleton-line{height:52px;border-radius:14px;background:linear-gradient(90deg,var(--border) 0%,rgba(99,102,241,.06) 50%,var(--border) 100%);background-size:200% 100%;animation:aiSkeletonShimmer 1.2s ease-in-out infinite}.ai-chat-skeleton-line.user{width:55%;margin-left:auto}.ai-chat-skeleton-line.assistant{width:72%}.ai-chat-skeleton-line.assistant.short{width:42%}.ai-history-item-pinned .ai-history-item-btn{font-weight:600}.ai-history-pin-indicator{display:inline-flex;margin-right:6px;color:var(--primary);vertical-align:middle}.ai-history-item-actions{position:relative;flex-shrink:0;align-self:center}.ai-history-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease}.ai-history-item:hover .ai-history-menu-btn,.ai-history-item-active .ai-history-menu-btn,.ai-history-menu-btn[aria-expanded=true]{opacity:1}.ai-history-menu-btn:hover{background:#6366f11a;color:var(--primary)}.ai-history-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:168px;padding:6px;border-radius:12px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);animation:aiDropdownIn .15s ease}@keyframes aiDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-history-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease}.ai-history-dropdown button:hover{background:var(--accent-bg)}.ai-history-dropdown button.danger{color:var(--danger, #ef4444)}.ai-history-dropdown button.danger:hover{background:#ef444414}.ai-rename-dialog{max-width:420px}.ai-rename-input{width:100%;margin-bottom:16px}.ai-empty-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.ai-send-btn{min-width:96px}.ai-delete-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%}@media (hover: none){.ai-history-menu-btn,.ai-message-actions{opacity:1}}.ai-snapshot-insights{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ai-insight-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:999px;font-size:.85rem;cursor:pointer;transition:border-color .2s,background .2s}.ai-insight-chip:hover{border-color:var(--primary);background:#6366f114}.ai-insight-chip.ai-insight-warning{border-color:#f59e0b66}.ai-insight-chip.ai-insight-success{border-color:#22c55e66}@media (max-width: 1024px){.dashboard-grid-triple{grid-template-columns:1fr 1fr}.premium-stat-grid.compact{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-grid-triple,.premium-stat-grid.compact{grid-template-columns:1fr}.ai-page .ai-suggestions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.ai-chat-layout{grid-template-columns:1fr}.ai-history-sidebar{max-height:280px;min-height:auto}.ai-history-delete-btn{opacity:1}.ai-chip{flex-shrink:0}.ai-input-row{flex-direction:column;gap:10px}.ai-input-row .btn{width:100%}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.premium-table{min-width:480px}.quick-action-grid,.premium-stat-grid{grid-template-columns:1fr}.marketing-nav{flex-wrap:wrap;gap:12px;padding:16px 20px}.marketing-nav-links{flex-wrap:wrap;gap:12px;width:100%;justify-content:center}.form-row--2col{grid-template-columns:1fr}}@media (max-width: 480px){.dashboard-welcome-actions{flex-direction:column;width:100%}.dashboard-welcome-actions .btn{width:100%;text-align:center}.ai-chat-panel{min-height:320px}.ai-message-body{font-size:.95rem}}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.workflow-card h3{margin:12px 0 8px;font-size:1.05rem}.workflow-card-top{display:flex;justify-content:space-between;align-items:center}.workflow-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#6366f11f;color:var(--primary)}.workflow-desc{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0 0 12px}.workflow-meta{display:grid;gap:8px;margin-bottom:16px;padding:12px;background:var(--accent-bg);border-radius:var(--radius-sm)}.workflow-meta-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.workflow-card.active{border-color:#22c55e59}.notification-list{list-style:none;margin:0;padding:0}.notification-item{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.notification-item:last-child{border-bottom:none}.notification-item.read{opacity:.65}.notification-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.notification-content p{margin:0 0 6px;color:var(--text-muted);font-size:.9rem;line-height:1.45}.notification-time{font-size:.8rem;color:var(--text-muted)}.profile-back-link{margin-bottom:16px;display:inline-flex}.profile-detail-grid{margin-top:20px}.profile-dl{margin:0;display:grid;gap:12px}.profile-dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}.profile-dl dt{color:var(--text-muted);font-size:.9rem}.profile-dl dd{margin:0;font-weight:600;text-align:right}.customer-insights-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.customer-insight-stat{padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.customer-insight-stat span{color:var(--text-muted);font-size:.85rem}.customer-insight-stat strong{font-size:1.5rem}.customer-insight-stat.warning{border-color:#f59e0b59;background:#f59e0b0f}.invite-form .panel-sub{margin:8px 0 16px}.auth-verify-card{text-align:center;max-width:420px}.verify-code-input{font-size:1.5rem;letter-spacing:.35em;text-align:center;font-weight:600}.otp-input-cell{width:2.75rem;height:3.25rem;text-align:center;font-size:1.35rem;font-weight:700;border:2px solid var(--border, #e2e8f0);border-radius:10px;background:var(--surface, #fff);color:var(--text, #0f172a)}.otp-input-cell:focus{outline:none;border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f126}.otp-input-row-error .otp-input-cell{border-color:var(--danger, #ef4444)}.verify-dev-code{margin:1rem 0;padding:1rem;text-align:center;background:var(--surface-muted, #f1f5f9)}.verify-dev-value{display:block;font-size:2rem;letter-spacing:.4em;color:var(--primary, #6366f1);margin:.5rem 0}.verify-dev-label{font-size:.85rem;color:var(--text-muted);margin:0}.verify-dev-note{font-size:.75rem;color:var(--text-muted);margin:.5rem 0 0}.link-button{background:none;border:none;padding:0;color:var(--primary, #6366f1);cursor:pointer;text-decoration:underline;font:inherit}@media (max-width: 768px){.notification-item{flex-direction:column}.profile-dl div{flex-direction:column;align-items:flex-start}.profile-dl dd{text-align:left}.customer-insights-summary,.workflow-grid{grid-template-columns:1fr}}.text-good{color:#22c55e;font-weight:600}.text-bad{color:#ef4444;font-weight:600}.waterfall-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.waterfall-stat{padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px}.waterfall-stat span{color:var(--text-muted);font-size:.85rem}.waterfall-stat strong{font-size:1.25rem}.waterfall-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:.85rem;color:var(--text-muted)}.waterfall-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.cohort-table-wrap{overflow-x:auto}.cohort-table td.cohort-cell{text-align:center;font-weight:600;font-size:.85rem}.cohort-cell.excellent{background:#22c55e33;color:#16a34a}.cohort-cell.good{background:#6366f126;color:#6366f1}.cohort-cell.fair{background:#f59e0b26;color:#d97706}.cohort-cell.poor{background:#ef44441f;color:#dc2626}.benchmark-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.benchmark-card{padding:16px;border:1px solid var(--border);border-radius:var(--radius-sm)}.benchmark-card.good{border-color:#22c55e59}.benchmark-card.watch{border-color:#f59e0b59}.benchmark-label{font-size:.85rem;color:var(--text-muted)}.benchmark-values{margin:8px 0}.benchmark-values strong{display:block;font-size:1.4rem}.benchmark-values span{font-size:.8rem;color:var(--text-muted)}.benchmark-badge{font-size:.75rem;padding:4px 8px;border-radius:999px}.benchmark-badge.good{background:#22c55e26;color:#16a34a}.benchmark-badge.watch{background:#f59e0b26;color:#d97706}.benchmark-stage-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.forecast-legend{display:flex;gap:16px;margin-bottom:8px;font-size:.85rem;color:var(--text-muted)}.legend-line{display:inline-block;width:16px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.legend-line.baseline{background:#6366f1}.legend-line.optimistic{background:#22c55e}.legend-line.pessimistic{background:#94a3b8}.analytics-quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.analytics-quick-links .quick-action-card{text-align:center;padding:14px}.dunning-stats{display:grid;gap:10px;margin-bottom:12px}.dunning-stat{display:flex;justify-content:space-between;padding:10px 12px;background:var(--accent-bg);border-radius:var(--radius-sm)}.dunning-failed-list{margin:0;padding-left:18px;color:var(--text-muted);font-size:.9rem}.page-header-actions-row{display:flex;flex-wrap:wrap;gap:8px}.input-sm{max-width:140px;padding:8px 10px;font-size:.9rem}@media (max-width: 768px){.waterfall-summary,.analytics-quick-links{grid-template-columns:1fr}}.language-switcher{display:flex;flex-direction:column;gap:6px}.language-switcher-label{font-size:.85rem;color:var(--text-muted)}.language-select{min-width:140px;max-width:220px;padding:8px 10px;font-size:.9rem}.navbar-lang .language-select{min-width:120px;max-width:160px}.marketing-lang{display:flex;align-items:center}.auth-lang-float{position:absolute;top:16px;right:16px;z-index:10}.auth-page{position:relative}[dir=rtl] .auth-lang-float{right:auto;left:16px}[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .sidebar.open{transform:translate(0)}[dir=rtl] .navbar-left,[dir=rtl] .navbar-actions,[dir=rtl] .notification-item,[dir=rtl] .dashboard-welcome,[dir=rtl] .sidebar-link{flex-direction:row-reverse}[dir=rtl] .profile-dl dd{text-align:left}.pipeline-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:16px;margin-top:16px}.pipeline-column{min-width:220px;flex:1;background:var(--surface-2, #f8fafc);border-radius:12px;padding:12px;border:1px solid var(--border, #e2e8f0)}.pipeline-column-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;text-transform:capitalize}.pipeline-col-value{font-size:.75rem;color:var(--text-muted, #64748b)}.pipeline-card{background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:8px;padding:10px;margin-bottom:8px;cursor:grab}.pipeline-card strong{display:block;font-size:.9rem}.pipeline-card p{margin:4px 0;font-size:.8rem;color:var(--text-muted, #64748b)}.pipeline-form{flex-wrap:wrap;gap:8px}@media (max-width: 768px){.pipeline-board{flex-direction:column;overflow-x:visible}.pipeline-column{min-width:100%}.pipeline-form input,.pipeline-form select{flex:1 1 100%;min-width:0}}.today-actions-list{list-style:none;padding:0;margin:0}.today-action{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border, #e2e8f0)}.today-action-high strong{color:#dc2626}.today-action-medium strong{color:#d97706}.onboarding-page{animation:onboardingFadeIn .45s ease}.onboarding-card{max-width:520px;margin:0 auto;padding:32px;animation:onboardingSlideUp .5s ease}.onboarding-progress{display:flex;gap:8px;margin-bottom:24px}.onboarding-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;transition:background .25s ease,transform .25s ease}.onboarding-dot.active{background:var(--primary, #6366f1);transform:scale(1.2)}.onboarding-actions{display:flex;gap:12px;margin-top:16px}@keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes onboardingSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gdpr-delete-form{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.settings-actions{display:flex;gap:12px}.marketing-page-world{position:relative;overflow-x:hidden}.marketing-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 20% 10%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 50% 40% at 80% 20%,rgba(124,58,237,.12),transparent),radial-gradient(ellipse 40% 30% at 50% 80%,rgba(37,99,235,.08),transparent)}.marketing-page-world>*:not(.marketing-mesh){position:relative;z-index:1}.marketing-nav-glass{background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:100}[data-theme=dark] .marketing-nav-glass{background:#0f172ad9;border-bottom-color:#334155cc}.marketing-hero-world{padding-top:72px}.marketing-eyebrow-glow{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.hero-gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-glow{box-shadow:0 0 24px #2563eb59}.btn-glow:hover{box-shadow:0 0 32px #2563eb80;transform:translateY(-1px)}.hero-badge{font-size:.8rem;padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.marketing-stats-live{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:32px 24px}.marketing-stat-glow strong{font-size:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.marketing-problem{max-width:960px;margin:0 auto;padding:48px 24px}.marketing-problem-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}@media (max-width: 768px){.marketing-problem-inner{grid-template-columns:1fr}.problem-arrow{display:none}}.problem-card{padding:28px;border-radius:var(--radius);border:1px solid var(--border)}.problem-before{background:#ef44440f;border-color:#ef444433}.problem-after{background:#10b9810f;border-color:#10b98133}.problem-card ul{margin:12px 0 0;padding-left:20px;color:var(--text-muted);line-height:1.7}.problem-arrow{font-size:2rem;color:var(--primary);font-weight:700}.marketing-feature-grid-premium .marketing-feature-card-premium{position:relative;overflow:hidden}.marketing-feature-card-premium .feature-icon{font-size:1.75rem;display:block;margin-bottom:12px}.language-flag-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.language-flag-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.9rem;transition:var(--transition)}.language-flag-chip:hover{border-color:var(--primary);transform:scale(1.03)}.language-flag-chip .flag{font-size:1.25rem}.marketing-cta-banner-glow{background:var(--gradient-primary);color:#fff;border-radius:var(--radius);max-width:1100px;margin:48px auto;padding:56px 32px;text-align:center}.marketing-cta-banner-glow h2,.marketing-cta-banner-glow p{color:#fffffff2}.marketing-cta-banner-glow .btn-outline{border-color:#fff9;color:#fff}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.google-signin-wrap{display:flex;justify-content:center;margin-bottom:8px}.app-layout{padding-bottom:env(safe-area-inset-bottom,0)}.pwa-install-banner{position:sticky;top:0;z-index:90;padding:10px 16px;background:linear-gradient(90deg,#6366f11f,#7c3aed14);border-bottom:1px solid var(--border)}.pwa-install-banner-inner{max-width:960px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.9rem}.pwa-install-banner-inner strong{color:var(--text)}.pwa-install-actions{display:flex;gap:8px;margin-left:auto}@media (max-width: 640px){.pwa-install-banner-inner{flex-direction:column;align-items:stretch}.pwa-install-actions{margin-left:0}}.ai-tab-row{display:flex;gap:8px;margin-bottom:16px}.ai-chat-layout{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:16px;align-items:start}.ai-history-sidebar{display:flex;flex-direction:column;min-height:520px;max-height:calc(100vh - 220px);padding:0;overflow:hidden}.ai-history-sidebar-head{display:flex;flex-direction:column;gap:10px;padding:14px 14px 10px;border-bottom:1px solid var(--border)}.ai-history-sidebar-title{margin:0;font-size:.92rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ai-new-chat-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%}.ai-history-list{flex:1;overflow-y:auto;padding:8px;min-height:120px}.ai-history-list .empty-state{padding:24px 12px}.ai-history-list .empty-state h3{font-size:.95rem}.ai-history-status{padding:16px 10px;text-align:center;color:var(--text-muted);font-size:.88rem}.ai-history-status-error{color:var(--danger, #ef4444)}.ai-history-item{display:flex;align-items:stretch;gap:4px;border-radius:10px;margin-bottom:4px;transition:background .15s ease}.ai-history-item:hover,.ai-history-item-active{background:var(--accent-bg, rgba(99, 102, 241, .08))}.ai-history-item-btn{flex:1;min-width:0;border:none;background:transparent;text-align:left;padding:10px 8px 10px 12px;border-radius:10px;cursor:pointer;color:var(--text);font-size:.88rem;line-height:1.35}.ai-history-item-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-history-delete-btn{display:none}.ai-history-footer{padding:10px 12px 12px;border-top:1px solid var(--border)}.ai-delete-all-btn{width:100%;color:#ef4444;border-color:#ef444459}.ai-delete-all-btn:hover:not(:disabled){background:#ef444414;border-color:#ef444480;color:#dc2626}.ai-chat-main{min-width:0;display:flex;flex-direction:column;gap:0}.ai-chat-panel-status{padding:20px}.ai-premium-dashboard{display:flex;flex-direction:column;gap:16px}.ai-premium-header{display:flex;align-items:center;gap:10px}.ai-premium-header h3{margin:0}.ai-premium-widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.ai-premium-widget h4{margin:0 0 12px;font-size:.95rem}.ai-premium-mini-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border, #e2e8f0);font-size:.85rem}.ai-premium-mini-row:last-child{border-bottom:none}.ai-premium-card{padding:10px;border-radius:8px;background:var(--surface-2, #f8fafc);margin-bottom:8px;border-left:3px solid var(--border, #cbd5e1)}.ai-premium-card.ai-premium-high{border-left-color:#ef4444}.ai-premium-card.ai-premium-medium{border-left-color:#f59e0b}.ai-premium-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.ai-premium-confidence{font-size:.7rem;color:var(--text-muted, #64748b);white-space:nowrap}.ai-premium-impact{display:block;color:var(--text-muted, #64748b);margin-top:4px}.ai-premium-rec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.ai-premium-narrative{white-space:pre-wrap;line-height:1.5}.ai-premium-executive h4{margin:0 0 8px}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--primary-glow: rgba(99, 102, 241, .35);--accent: #8b5cf6;--accent-soft: rgba(99, 102, 241, .08);--sidebar: #0c0f1a;--sidebar-border: rgba(255, 255, 255, .06);--sidebar-text: #94a3b8;--sidebar-text-active: #f8fafc;--bg: #f7f8fc;--bg-subtle: #eef1f8;--surface: #ffffff;--surface-elevated: #ffffff;--surface-glass: rgba(255, 255, 255, .72);--text: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .12);--success: #10b981;--success-soft: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--info: #3b82f6;--radius: 16px;--radius-sm: 10px;--radius-lg: 20px;--radius-xl: 24px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 1px 3px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 16px 40px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .08), 0 32px 64px rgba(15, 23, 42, .1);--shadow-glow: 0 8px 32px var(--primary-glow);--accent-bg: var(--accent-soft);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-hero: linear-gradient(135deg, #6366f1 0%, #7c3aed 100%);--gradient-mesh: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(99, 102, 241, .18), transparent 60%), radial-gradient(ellipse 60% 50% at 100% 0%, rgba(139, 92, 246, .12), transparent 50%), radial-gradient(ellipse 50% 40% at 0% 100%, rgba(59, 130, 246, .08), transparent 50%);--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Inter", var(--font);--transition: .22s cubic-bezier(.4, 0, .2, 1);--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1);--navbar-height: 64px;--sidebar-width: 260px;--glass-blur: blur(16px) saturate(180%);--glass-border: 1px solid rgba(255, 255, 255, .6)}[data-theme=dark]{--primary: #818cf8;--primary-dark: #6366f1;--primary-light: #a5b4fc;--primary-glow: rgba(129, 140, 248, .25);--sidebar: #060912;--bg: #0a0e17;--bg-subtle: #111827;--surface: #141b2d;--surface-elevated: #1a2235;--surface-glass: rgba(20, 27, 45, .82);--text: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25), 0 16px 40px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3), 0 32px 64px rgba(0, 0, 0, .4);--accent-bg: rgba(129, 140, 248, .12);--gradient-surface: linear-gradient(180deg, rgba(20, 27, 45, .95) 0%, rgba(10, 14, 23, .98) 100%);--glass-border: 1px solid rgba(255, 255, 255, .08)}body{font-family:var(--font)}@keyframes ds-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ds-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ds-pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.ds-animate-in{animation:ds-fade-up .6s cubic-bezier(.22,1,.36,1) both}.ds-delay-1{animation-delay:.08s}.ds-delay-2{animation-delay:.16s}.ds-delay-3{animation-delay:.24s}.btn{border-radius:var(--radius-sm);font-weight:600;letter-spacing:-.01em;transition:transform var(--transition),box-shadow var(--transition),filter var(--transition),background var(--transition)}.btn-primary{background:var(--gradient-primary);box-shadow:0 2px 8px var(--primary-glow);border:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow);filter:brightness(1.06)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{border:1px solid var(--border-strong);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--accent-bg);transform:translateY(-1px)}.btn-ghost{background:transparent;border:none;color:var(--text-muted)}.btn-ghost:hover{background:var(--accent-bg);color:var(--primary)}.btn-lg{padding:14px 28px;font-size:1rem;border-radius:12px}.btn-glow{position:relative;overflow:hidden}.btn-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s ease}.btn-glow:hover:after{transform:translate(100%)}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.input,select.input,textarea.input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);padding:12px 14px;font-size:var(--text-base, 1.0625rem);line-height:1.55;transition:border-color var(--transition),box-shadow var(--transition)}.form-label{font-size:var(--text-sm, 1rem);font-weight:600;color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:8px}.sidebar{width:var(--sidebar-width);background:var(--sidebar);padding:16px 12px;border-right:1px solid var(--sidebar-border);box-shadow:4px 0 24px #00000026}.sidebar-brand{margin-bottom:20px;padding:8px 10px}.sidebar-logo-mark{width:36px;height:36px;border-radius:10px;font-size:1rem;box-shadow:0 4px 16px #6366f173}.sidebar-logo{font-size:var(--text-base, 1.0625rem);font-weight:700;letter-spacing:-.02em}.sidebar-tagline{font-size:var(--text-xs, .875rem);color:#64748b;margin:2px 0 0;font-weight:500}.sidebar-section-label{font-size:var(--text-xs, .875rem);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#475569;padding:16px 14px 6px;margin:0}.sidebar-link{padding:10px 14px;border-radius:10px;font-size:var(--text-sm, 1rem);font-weight:500;color:var(--sidebar-text);transition:all var(--transition)}.sidebar-link.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px #6366f159}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--sidebar-border)}.sidebar-trial-card{margin:12px 8px;padding:14px;border-radius:12px;background:#6366f11f;border:1px solid rgba(99,102,241,.2)}.sidebar-trial-card p{margin:0 0 10px;font-size:var(--text-sm, 1rem);color:#cbd5e1;line-height:1.55}.sidebar-trial-card .btn{width:100%;font-size:var(--text-sm, 1rem);padding:10px 12px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:8px;border-radius:10px;background:#ffffff0a}.sidebar-user-avatar{width:32px;height:32px;border-radius:8px;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.sidebar-user-info{min-width:0}.sidebar-user-name{font-size:var(--text-sm, 1rem);font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:var(--text-xs, .875rem);color:#64748b;text-transform:capitalize}.navbar{height:var(--navbar-height);padding:0 24px;background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);z-index:50}.navbar-eyebrow{font-size:var(--text-xs, .875rem);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0}.navbar-title{font-size:var(--text-lg, 1.25rem);font-weight:700;letter-spacing:-.02em;margin:0;color:var(--text)}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);transition:all var(--transition)}.navbar-avatar{width:34px;height:34px;border-radius:9px;font-size:.75rem}.app-content{padding:28px 32px}.app-content-premium{background:var(--gradient-mesh),var(--bg);min-height:calc(100vh - var(--navbar-height))}.page-header{margin-bottom:32px}.premium-page-header{align-items:center}.page-eyebrow{font-size:var(--text-xs, .875rem);font-weight:700;padding:5px 12px;border-radius:999px;background:var(--accent-bg);color:var(--primary);border:1px solid rgba(99,102,241,.15);letter-spacing:.06em}.page-header h1{font-size:clamp(1.75rem,2.8vw,var(--text-3xl, 2rem));font-weight:800;letter-spacing:-.03em;margin-bottom:8px;line-height:1.2}.page-header p{font-size:var(--text-md, 1.125rem);color:var(--text-muted);max-width:640px;line-height:1.65}.page-header-actions{gap:10px}.premium-stat-grid{gap:16px}.premium-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-xs);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden}.premium-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition)}.premium-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#6366f126}.premium-stat-card:hover:before{opacity:1}.premium-stat-icon{width:40px;height:40px;border-radius:11px;background:var(--accent-bg);color:var(--primary);display:flex;align-items:center;justify-content:center}.premium-stat-label{font-size:var(--text-xs, .875rem);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.premium-stat-value{font-size:var(--text-kpi, 2.25rem);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text);line-height:1.15}.premium-stat-trend{font-size:var(--text-xs, .875rem);font-weight:700;padding:4px 8px;border-radius:6px}.premium-stat-trend.up{background:var(--success-soft);color:#059669}.premium-stat-trend.down{background:var(--danger-soft);color:#dc2626}.panel-card,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition)}.panel-card-header{margin-bottom:20px}.panel-card-header h3{font-size:var(--text-lg, 1.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.35}.panel-spaced{margin-top:20px}.premium-table-wrap{border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden}.premium-table th{background:var(--bg-subtle);font-size:var(--text-xs, .875rem);font-weight:700;letter-spacing:.06em;color:var(--text-muted);padding:12px 16px;border-bottom:1px solid var(--border);text-transform:uppercase}.premium-table td{padding:14px 16px;font-size:var(--text-sm, 1rem);line-height:1.55;border-bottom:1px solid var(--border);transition:background var(--transition)}.premium-table tbody tr:hover td{background:var(--accent-bg)}.premium-table tbody tr:last-child td{border-bottom:none}.table-link{color:var(--primary);font-weight:600;text-decoration:none}.table-link:hover{text-decoration:underline}.badge{font-size:var(--text-xs, .875rem);font-weight:600;padding:5px 10px;border-radius:8px;letter-spacing:.02em;line-height:1.2}.badge-success{background:var(--success-soft);color:#059669}.badge-warning{background:var(--warning-soft);color:#d97706}.badge-danger{background:var(--danger-soft);color:#dc2626}.badge-info{background:var(--accent-bg);color:var(--primary)}.badge-muted{background:var(--bg-subtle);color:var(--text-muted)}.empty-state{text-align:center;padding:48px 32px;border-radius:var(--radius);background:var(--bg-subtle);border:1px dashed var(--border-strong)}.empty-state-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:14px;background:var(--accent-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.empty-state h3{font-size:var(--text-xl, 1.375rem);font-weight:700;margin:0 0 10px;color:var(--text)}.empty-state p{color:var(--text-muted);font-size:var(--text-base, 1.0625rem);line-height:1.65;max-width:32rem;margin:0 auto 20px}.empty-state-action{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.page-skeleton .skeleton{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--surface) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:ds-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.chart-wrap{border-radius:var(--radius-sm);padding:8px 0}.chart-empty{padding:40px 24px;text-align:center;background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px dashed var(--border-strong)}.premium-chart rect{transition:opacity var(--transition)}.premium-chart rect:hover{opacity:1!important}.pwa-install-banner{top:var(--navbar-height);z-index:45;background:var(--surface-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border)}.trial-banner{margin:0 32px 16px;padding:14px 20px;border-radius:var(--radius-sm);background:var(--surface-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(99,102,241,.2)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--gradient-mesh),var(--bg);position:relative}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:var(--shadow-lg);animation:ds-fade-up .5s ease both}.auth-brand-mark{width:48px;height:48px;border-radius:14px;background:var(--gradient-primary);box-shadow:var(--shadow-glow)}.auth-card h1{font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66}.confirm-dialog{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.dashboard-welcome{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:24px;box-shadow:var(--shadow-xs)}.dashboard-welcome h2{font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.dashboard-grid{gap:20px}.quick-action-card{border-radius:var(--radius);border:1px solid var(--border);transition:all var(--transition)}.quick-action-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.checkout-page{background:var(--gradient-mesh),var(--bg);min-height:100vh;padding:32px 24px}.checkout-card,.checkout-summary,.checkout-payment{border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.checkout-pay-btn{border-radius:12px;font-size:1.05rem;padding:16px}.payment-result-card{text-align:center;max-width:440px}.payment-result-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700}.payment-result-icon.success{background:var(--success-soft);color:var(--success)}.plan-card{border-radius:var(--radius-lg);border:1px solid var(--border);transition:all var(--transition)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.plan-card.highlight,.plan-card.current{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--shadow-md)}.workflow-card,.churn-card{transition:transform var(--transition),box-shadow var(--transition)}.workflow-card:hover,.churn-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.workflow-card.active{border-color:#6366f14d;background:linear-gradient(135deg,rgba(99,102,241,.04),transparent)}.Toastify__toast{border-radius:12px!important;font-family:var(--font)!important;box-shadow:var(--shadow-md)!important}.marketing-page-world{background:#fafbff;color:var(--text);overflow-x:hidden}.marketing-mesh{background:radial-gradient(ellipse 100% 80% at 50% -20%,rgba(99,102,241,.15),transparent 55%),radial-gradient(ellipse 60% 50% at 90% 10%,rgba(139,92,246,.1),transparent 50%),radial-gradient(ellipse 50% 40% at 10% 80%,rgba(59,130,246,.08),transparent 50%)}.marketing-nav-glass{position:sticky;top:0;z-index:100;background:#fafbffcc;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);padding:14px 32px}.marketing-logo{display:inline-flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;letter-spacing:-.03em;color:var(--text);text-decoration:none}.marketing-logo-mark{width:32px;height:32px;border-radius:9px;background:var(--gradient-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;box-shadow:0 4px 12px var(--primary-glow)}.marketing-logo:not(:has(.marketing-logo-mark)){background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.marketing-nav-links a{font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition)}.marketing-nav-links a:hover{color:var(--primary)}.marketing-hero-world{text-align:center;padding:80px 32px 48px;max-width:920px;margin:0 auto}.marketing-eyebrow-glow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:var(--accent-bg);border:1px solid rgba(99,102,241,.2);font-size:var(--text-sm, 1rem);font-weight:600;color:var(--primary);margin-bottom:24px}.marketing-hero-world h1{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:0 0 20px}.hero-gradient-text{background:linear-gradient(135deg,#0f172a,#4338ca,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.marketing-lead{font-size:var(--text-lg, 1.25rem);color:var(--text-muted);line-height:1.65;max-width:640px;margin:0 auto 32px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}.hero-badge{font-size:var(--text-sm, 1rem);font-weight:500;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.landing-preview-wrap{max-width:1100px;margin:48px auto 0;padding:0 24px;perspective:1200px}.landing-preview{border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff80 inset;overflow:hidden;animation:ds-float 6s ease-in-out infinite;transform:rotateX(2deg)}.landing-preview-chrome{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.landing-preview-dot{width:10px;height:10px;border-radius:50%}.landing-preview-dot.red{background:#ef4444}.landing-preview-dot.yellow{background:#f59e0b}.landing-preview-dot.green{background:#10b981}.landing-preview-body{display:grid;grid-template-columns:200px 1fr;min-height:380px}.landing-preview-sidebar{background:var(--sidebar);padding:16px 12px}.landing-preview-nav-item{height:32px;border-radius:8px;margin-bottom:6px;background:#ffffff0f}.landing-preview-nav-item.active{background:var(--gradient-primary)}.landing-preview-main{padding:20px;background:var(--bg)}.landing-preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.landing-preview-stat{height:72px;border-radius:12px;background:var(--surface);border:1px solid var(--border);padding:12px}.landing-preview-stat-bar{height:8px;width:60%;border-radius:4px;background:var(--bg-subtle);margin-bottom:8px}.landing-preview-stat-val{height:14px;width:40%;border-radius:4px;background:var(--gradient-primary);opacity:.6}.landing-preview-chart{height:180px;border-radius:14px;background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}.landing-preview-chart-line{position:absolute;bottom:20px;left:16px;right:16px;height:100px;background:linear-gradient(180deg,rgba(99,102,241,.15) 0%,transparent 100%);clip-path:polygon(0% 80%,15% 60%,30% 65%,45% 40%,60% 50%,75% 25%,90% 30%,100% 15%,100% 100%,0% 100%)}.landing-trusted{text-align:center;padding:48px 32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.landing-trusted-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:24px}.landing-trusted-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:32px 48px;opacity:.55}.landing-trusted-logo{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--text-secondary)}.landing-showcase{padding:80px 32px;max-width:1100px;margin:0 auto}.landing-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.landing-showcase-grid.reverse{direction:rtl}.landing-showcase-grid.reverse>*{direction:ltr}.landing-showcase-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:12px}.landing-showcase h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;letter-spacing:-.03em;margin:0 0 16px;line-height:1.2}.landing-showcase p{color:var(--text-muted);font-size:1rem;line-height:1.65;margin-bottom:24px}.landing-showcase-visual{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);padding:24px;min-height:280px;position:relative;overflow:hidden}.landing-showcase-visual:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.landing-feature-list{list-style:none;padding:0;margin:0}.landing-feature-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:.9rem;color:var(--text-secondary)}.landing-feature-list li:before{content:"✓";color:var(--success);font-weight:700;flex-shrink:0}.landing-faq{padding:80px 32px;max-width:720px;margin:0 auto}.landing-faq h2{text-align:center;font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:40px}.landing-faq-item{border-bottom:1px solid var(--border)}.landing-faq-item summary{padding:20px 0;font-weight:600;font-size:1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--text);transition:color var(--transition)}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary:after{content:"+";font-size:1.25rem;color:var(--primary);font-weight:400;transition:transform var(--transition)}.landing-faq-item[open] summary:after{transform:rotate(45deg)}.landing-faq-item summary:hover{color:var(--primary)}.landing-faq-answer{padding:0 0 20px;color:var(--text-muted);font-size:.9375rem;line-height:1.65}.marketing-footer-premium{background:var(--sidebar);color:#94a3b8;padding:64px 32px 32px}.marketing-footer-grid{max-width:1100px;margin:0 auto 48px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.marketing-footer-brand{font-size:1.25rem;font-weight:800;color:#f1f5f9;margin-bottom:12px;letter-spacing:-.02em}.marketing-footer-desc{font-size:.875rem;line-height:1.6;max-width:280px}.marketing-footer-col h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:0 0 16px}.marketing-footer-col a{display:block;color:#94a3b8;text-decoration:none;font-size:.875rem;padding:5px 0;transition:color var(--transition)}.marketing-footer-col a:hover{color:#f1f5f9}.marketing-footer-bottom{max-width:1100px;margin:0 auto;padding-top:24px;border-top:1px solid var(--sidebar-border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.8125rem}.marketing-section{padding:80px 32px;max-width:1100px;margin:0 auto}.marketing-section h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;letter-spacing:-.03em;text-align:center;margin-bottom:12px}.marketing-feature-grid-premium{gap:20px}.marketing-feature-card-premium{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:28px;transition:all var(--transition)}.marketing-feature-card-premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#6366f133}.marketing-feature-card-premium .feature-icon{font-size:1.75rem;margin-bottom:12px;display:block}.marketing-testimonial{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:28px;box-shadow:var(--shadow-xs);transition:transform var(--transition)}.marketing-testimonial:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.marketing-cta-banner-glow{margin:0 32px 64px;border-radius:var(--radius-xl);background:var(--gradient-primary);padding:64px 48px;text-align:center;box-shadow:var(--shadow-glow)}@media (max-width: 1024px){.landing-showcase-grid{grid-template-columns:1fr;gap:32px}.landing-showcase-grid.reverse{direction:ltr}.landing-preview-stats{grid-template-columns:repeat(2,1fr)}.marketing-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.app-content{padding:20px 16px}.navbar{padding:0 16px}.navbar-email{display:none}.premium-page-header{flex-direction:column;align-items:flex-start}.premium-stat-grid{grid-template-columns:1fr 1fr}.landing-preview-body{grid-template-columns:1fr}.landing-preview-sidebar{display:none}.marketing-nav-glass{padding:12px 16px}.marketing-nav-links{gap:8px}.marketing-hero-world{padding:48px 20px 32px}.marketing-footer-grid{grid-template-columns:1fr}.trial-banner{margin:0 16px 12px}}@media (max-width: 480px){.premium-stat-grid,.landing-preview-stats{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.landing-preview{animation:none}}.dashboard-ref{max-width:1320px;margin:0 auto}.dashboard-ref-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}.dashboard-ref-header h1{font-size:clamp(1.625rem,3.2vw,var(--text-4xl));font-weight:800;letter-spacing:-.03em;margin:0 0 10px;line-height:1.15}.dashboard-ref-header p{font-size:var(--text-md);color:var(--text-muted);margin:0;max-width:520px;line-height:1.6}.dashboard-date-range{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.dashboard-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.dashboard-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 20px 12px;box-shadow:var(--shadow-xs);transition:transform var(--transition),box-shadow var(--transition);position:relative;overflow:hidden}.dashboard-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-kpi-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.dashboard-kpi-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center}.dashboard-kpi-trend{font-size:var(--text-xs);font-weight:var(--weight-bold);padding:4px 8px;border-radius:6px}.dashboard-kpi-trend.up{background:var(--success-soft);color:#059669}.dashboard-kpi-trend.down{background:var(--danger-soft);color:#dc2626}.dashboard-kpi-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);margin:0 0 6px}.dashboard-kpi-value{font-size:clamp(1.75rem,2.8vw,var(--text-kpi));font-weight:var(--weight-extrabold, 800);letter-spacing:var(--tracking-tight, -.03em);font-variant-numeric:tabular-nums;margin:0 0 4px;color:var(--text);line-height:1.15}.dashboard-panel-header h3{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.dashboard-kpi-trend-label{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 8px}.dashboard-kpi-spark-wrap{margin-top:4px;opacity:.85}.dashboard-kpi-sparkline{display:block;width:100%;max-width:88px}.dashboard-ref-grid-2{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin-bottom:20px}.dashboard-ref-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.dashboard-ref-grid-2-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-xs);height:100%;display:flex;flex-direction:column}.dashboard-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.dashboard-panel-header h3{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug);margin:0}.dashboard-panel-select{font-size:var(--text-sm);font-weight:var(--weight-medium);padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-secondary)}.dashboard-chart-legend{display:flex;gap:16px;margin-bottom:8px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted)}.dashboard-ai-badge{font-size:var(--text-xs);font-weight:var(--weight-bold);padding:4px 10px;border-radius:999px;background:var(--accent-bg);color:var(--primary)}.dashboard-ai-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.dashboard-ai-item{display:flex;gap:12px;padding:14px;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border)}.dashboard-ai-item-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.dashboard-ai-item.danger .dashboard-ai-item-icon{background:var(--danger-soft)}.dashboard-ai-item.success .dashboard-ai-item-icon{background:var(--success-soft)}.dashboard-ai-item.warning .dashboard-ai-item-icon{background:var(--warning-soft)}.dashboard-ai-item.info .dashboard-ai-item-icon{background:var(--accent-bg)}.dashboard-ai-item strong{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:4px}.dashboard-ai-item p{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.5}.dashboard-ai-footer{margin-top:auto;padding-top:16px}.dashboard-funnel-row{display:grid;grid-template-columns:88px 1fr 36px;align-items:center;gap:10px;margin-bottom:10px}.dashboard-funnel-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:capitalize}.dashboard-funnel-bar-wrap{height:28px;background:var(--bg-subtle);border-radius:8px;overflow:hidden}.dashboard-funnel-bar{height:100%;border-radius:8px;min-width:4px;transition:width .4s ease}.dashboard-funnel-count{font-size:var(--text-sm);font-weight:var(--weight-bold);text-align:right;font-variant-numeric:tabular-nums}.dashboard-funnel-footer{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.dashboard-funnel-metric-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:2px}.dashboard-funnel-metric{font-size:var(--text-xl);font-weight:var(--weight-extrabold);font-variant-numeric:tabular-nums}.dashboard-funnel-empty{font-size:var(--text-sm);color:var(--text-muted);margin:12px 0 0}.dashboard-churn-donut{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.dashboard-donut-total-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.dashboard-donut-total{font-size:var(--text-xl);font-weight:var(--weight-extrabold);font-variant-numeric:tabular-nums}.dashboard-churn-legend{list-style:none;padding:0;margin:0;flex:1;min-width:140px}.dashboard-churn-legend li{display:grid;grid-template-columns:12px 1fr auto auto;gap:8px;align-items:center;padding:6px 0;font-size:var(--text-sm)}.dashboard-churn-dot{width:10px;height:10px;border-radius:50%}.dashboard-churn-dot.low{background:#10b981}.dashboard-churn-dot.medium{background:#f59e0b}.dashboard-churn-dot.high{background:#f97316}.dashboard-churn-dot.critical{background:#ef4444}.dashboard-churn-legend-label{color:var(--text-secondary)}.dashboard-churn-legend-val{font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.dashboard-churn-legend-pct{color:var(--text-muted);font-size:var(--text-xs)}.dashboard-activity-feed{list-style:none;padding:0;margin:0}.dashboard-activity-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.dashboard-activity-item:last-child{border-bottom:none}.dashboard-activity-icon{width:36px;height:36px;border-radius:50%;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.dashboard-activity-body{flex:1;min-width:0}.dashboard-activity-body strong{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:2px}.dashboard-activity-body p{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 4px;line-height:1.45}.dashboard-activity-body time{font-size:var(--text-xs);color:var(--text-muted)}.dashboard-activity-amount{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#059669;font-variant-numeric:tabular-nums;white-space:nowrap}.dashboard-activity-amount.negative{color:#dc2626}.dashboard-activity-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:var(--text-sm)}.dashboard-activity-empty p{font-weight:var(--weight-semibold);margin:0 0 6px;color:var(--text-secondary)}.chart-empty-compact{padding:24px 16px}.dashboard-top-customers .premium-table td,.dashboard-top-customers .premium-table th{padding:10px 14px}@media (max-width: 768px){.dashboard-kpi-row{grid-template-columns:repeat(2,1fr)}.dashboard-ref-grid-2-bottom{grid-template-columns:1fr}.dashboard-churn-donut{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.dashboard-kpi-row{grid-template-columns:1fr}}:root{--text-xs: .875rem;--text-sm: 1rem;--text-base: 1.0625rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.375rem;--text-2xl: 1.625rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-kpi: 2.25rem;--text-kpi-lg: 2.75rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.55;--leading-relaxed: 1.65;--tracking-tight: -.03em;--tracking-snug: -.02em;--tracking-normal: -.011em;--tracking-wide: .02em;--tracking-wider: .06em;--tracking-widest: .08em;--space-text-xs: .375rem;--space-text-sm: .5rem;--space-text-md: .75rem;--space-text-lg: 1rem;--space-text-xl: 1.25rem;--space-block: 1.5rem;--space-section: 2rem}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--text);font-feature-settings:"kern" 1,"liga" 1,"tnum" 0}h1,.type-h1{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text)}h2,.type-h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--text)}h3,.type-h3{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--text)}h4,.type-h4{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--text)}p{line-height:var(--leading-relaxed);color:var(--text-secondary)}.type-body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.type-body-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-muted)}.type-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.type-caption{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-muted)}.type-kpi{font-size:var(--text-kpi);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;color:var(--text)}.type-kpi-lg{font-size:var(--text-kpi-lg);font-weight:var(--weight-extrabold);line-height:1.1;letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.page-header{margin-bottom:var(--space-section)}.page-header h1{font-size:clamp(1.625rem,2.5vw,var(--text-3xl));font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-text-sm)}.page-header p{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-muted);max-width:42rem;margin:0}.page-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);margin-bottom:var(--space-text-md)}.navbar-title{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug);line-height:var(--leading-tight)}.navbar-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider)}.navbar-email{font-size:var(--text-sm);font-weight:var(--weight-medium)}.sidebar-logo{font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug)}.sidebar-tagline{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide)}.sidebar-section-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);padding:18px 14px 8px}.sidebar-link{font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);line-height:var(--leading-snug);padding:10px 14px}.sidebar-link.active{font-weight:var(--weight-semibold)}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.sidebar-user-role{font-size:var(--text-xs);font-weight:var(--weight-medium)}.sidebar-trial-card p{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.btn{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);line-height:var(--leading-snug);padding:11px 20px}.btn-lg{font-size:var(--text-md);font-weight:var(--weight-semibold);padding:15px 30px;letter-spacing:var(--tracking-snug)}.btn-sm{font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:9px 16px}.input,select.input,textarea.input{font-size:var(--text-base);line-height:var(--leading-normal)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);margin-bottom:var(--space-text-sm)}.premium-stat-card{padding:22px 24px}.premium-stat-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-text-sm);line-height:var(--leading-snug)}.premium-stat-value{font-size:var(--text-kpi);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;margin:0;color:var(--text)}.premium-stat-hint{font-size:var(--text-sm);line-height:var(--leading-normal);margin-top:var(--space-text-sm)}.premium-stat-trend{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-normal)}.premium-stat-grid{gap:18px}.stat-card h4{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider)}.stat-card h2{font-size:var(--text-kpi);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.panel-card{padding:26px 28px}.panel-card-header{margin-bottom:var(--space-text-xl)}.panel-card-header h3{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug);line-height:var(--leading-snug)}.panel-sub,.panel-link{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.panel-link{font-weight:var(--weight-semibold)}.section-title-sm{font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);margin:var(--space-text-xl) 0 var(--space-text-md)}.premium-table th{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);padding:14px 18px}.premium-table td{font-size:var(--text-sm);line-height:var(--leading-normal);padding:15px 18px}.table-link{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);padding:5px 11px}.dashboard-welcome{padding:32px 36px;margin-bottom:var(--space-block)}.dashboard-welcome-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);margin-bottom:var(--space-text-sm)}.dashboard-welcome h2{font-size:clamp(1.5rem,3vw,var(--text-4xl));font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 var(--space-text-md)}.dashboard-welcome p{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-muted);max-width:36rem;margin:0}.empty-state{padding:52px 36px}.empty-state h3{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug);margin:0 0 var(--space-text-md)}.empty-state p{font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:28rem}.auth-card h1{font-size:var(--text-2xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-text-sm)}.auth-card p,.auth-lead{font-size:var(--text-md);line-height:var(--leading-relaxed)}.auth-link{font-size:var(--text-sm)}.marketing-hero-world h1{font-size:clamp(2.125rem,5.5vw,3.25rem);font-weight:var(--weight-extrabold);line-height:1.08;letter-spacing:var(--tracking-tight)}.marketing-lead{font-size:clamp(1.0625rem,2vw,1.25rem);line-height:var(--leading-relaxed)}.marketing-section h2,.landing-showcase h2{font-size:clamp(1.625rem,3vw,2.125rem);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.marketing-section-sub{font-size:var(--text-md);line-height:var(--leading-relaxed)}.marketing-feature-card-premium h3{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug);margin:var(--space-text-md) 0 var(--space-text-sm)}.marketing-feature-card-premium p{font-size:var(--text-base);line-height:var(--leading-relaxed)}.marketing-nav-links a{font-size:var(--text-sm);font-weight:var(--weight-medium)}.marketing-logo{font-size:var(--text-lg);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-snug)}.hero-badge{font-size:var(--text-sm);font-weight:var(--weight-medium)}.landing-showcase p{font-size:var(--text-md)}.landing-faq-item summary{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.landing-faq-answer{font-size:var(--text-base);line-height:var(--leading-relaxed)}.chart-empty p{font-size:var(--text-base);font-weight:var(--weight-semibold)}.chart-empty span{font-size:var(--text-sm)}.workflow-card h3,.churn-card h3{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug)}.workflow-desc,.churn-email{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.plan-card h3{font-size:var(--text-xl);font-weight:var(--weight-bold)}.plan-price{font-size:var(--text-kpi-lg);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.plan-features li{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.confirm-dialog-title{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug)}.confirm-dialog-message{font-size:var(--text-base);line-height:var(--leading-relaxed)}.Toastify__toast{font-size:var(--text-sm)!important;font-weight:var(--weight-medium)!important;line-height:var(--leading-snug)!important}.app-content{padding:22px 24px}.page-header{margin-bottom:var(--space-block, 1.25rem)}@media (max-width: 768px){:root{--text-kpi: 1.875rem;--text-kpi-lg: 2.125rem;--text-3xl: 1.75rem;--text-4xl: 2rem}.app-content{padding:18px 16px}.page-header h1{font-size:clamp(1.5rem,4vw,var(--text-2xl))}.dashboard-ref-header h1{font-size:clamp(1.625rem,5vw,var(--text-3xl))}.app-layout .premium-stat-value,.app-layout .dashboard-kpi-value,.app-layout .type-kpi{font-size:var(--text-kpi)}.dashboard-welcome{padding:24px 22px}.dashboard-welcome h2{font-size:var(--text-2xl)}.panel-card{padding:20px 22px}.premium-table th,.premium-table td{font-size:var(--text-sm);padding:12px 14px}}@media (max-width: 480px){:root{--text-kpi: 1.75rem;--text-base: 1rem}.btn-lg{font-size:var(--text-sm)}}.sidebar-section,.notif-badge{font-size:max(var(--text-xs),.8125rem)}.subscription-snapshot-row span{font-size:var(--text-sm);color:var(--text-muted)}.subscription-snapshot-row strong{font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.dunning-stat span{font-size:var(--text-sm);color:var(--text-muted)}.dunning-stat strong{font-size:var(--text-xl);font-weight:var(--weight-extrabold);font-variant-numeric:tabular-nums}.executive-health-banner{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.rec-item-premium strong{font-size:var(--text-base);font-weight:var(--weight-semibold)}.rec-item-premium p{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.ai-insight-card strong{font-size:var(--text-base);font-weight:var(--weight-semibold)}.ai-insight-card p{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.checkout-page h1,.checkout-page h2{letter-spacing:var(--tracking-snug)}.checkout-price{font-size:var(--text-kpi-lg);font-weight:var(--weight-extrabold);font-variant-numeric:tabular-nums}.payment-result-card h1{font-size:var(--text-2xl);font-weight:var(--weight-extrabold)}.settings-section .panel-card-header h3{font-size:var(--text-lg)}.app-layout .page-header h1{font-size:clamp(1.75rem,2.8vw,var(--text-3xl));font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.dashboard-ref-header h1{font-size:clamp(1.75rem,3.2vw,var(--text-4xl));font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.app-layout .page-header p{font-size:var(--text-md);line-height:var(--leading-relaxed)}.app-layout .navbar-title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.app-layout .premium-stat-value,.app-layout .dashboard-kpi-value,.app-layout .type-kpi{font-size:var(--text-kpi);font-weight:var(--weight-extrabold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.app-layout .dashboard-kpi-label,.app-layout .premium-stat-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.app-layout .premium-table th{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider)}.app-layout .premium-table td{font-size:var(--text-sm);line-height:var(--leading-normal)}.app-layout .panel-card-header h3,.app-layout .dashboard-panel-header h3{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug)}.app-layout .section-title{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug);margin-bottom:var(--space-text-lg)}.app-layout .input,.app-layout select.input,.app-layout textarea.input{font-size:var(--text-base);line-height:var(--leading-normal)}.app-layout .input-sm{font-size:var(--text-sm)}.app-layout .language-select,.app-layout .navbar-lang select{font-size:var(--text-sm);font-weight:var(--weight-medium)}.auth-page .auth-card h1{font-size:var(--text-2xl);font-weight:var(--weight-extrabold)}.auth-page .input,.auth-page .btn{font-size:var(--text-base)}.marketing-page .marketing-nav-links a,.marketing-page .marketing-nav-links .btn{font-size:var(--text-sm);font-weight:var(--weight-medium)}.marketing-page .btn-lg{font-size:var(--text-md)}.ai-chat-message,.ai-assistant-page .panel-card p{font-size:var(--text-base);line-height:var(--leading-relaxed)}.ai-tab-row .btn{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.activity-item strong,.notification-item strong,.today-action strong{font-size:var(--text-base);font-weight:var(--weight-semibold)}.activity-item p,.notification-item p,.today-action p{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.workflow-meta-label,.settings-section .form-label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.workflow-meta strong{font-size:var(--text-base);font-weight:var(--weight-semibold)}.plan-grid .plan-price{font-size:var(--text-kpi-lg);font-weight:var(--weight-extrabold);font-variant-numeric:tabular-nums}.app-layout .sidebar-link,.app-layout .btn,.app-layout .badge,.app-layout .premium-table td,.app-layout .premium-table th{font-size:max(var(--text-sm),.875rem)}.app-layout .badge,.app-layout .premium-stat-label,.app-layout .page-eyebrow{font-size:max(var(--text-xs),.875rem)}html{overflow-x:clip;scroll-behavior:smooth}body{overflow-x:clip}.app-main,.app-content,.marketing-page{max-width:100%;min-width:0}.panel-card,.card,.premium-stat-card,.dashboard-kpi-card,.dashboard-panel,.plan-card,.auth-card,.checkout-card,.checkout-summary,.checkout-payment,.confirm-dialog,.quick-action-card{border-radius:var(--radius);box-shadow:var(--shadow-xs)}.panel-card,.dashboard-panel{border:1px solid var(--border);background:var(--surface)}.plan-card,.auth-card,.checkout-card,.checkout-summary,.checkout-payment{border:1px solid var(--border)}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter .32s cubic-bezier(.22,1,.36,1) both}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sidebar-link:focus-visible,.icon-btn:focus-visible,.pay-method-card:focus-visible,.plan-card .btn:focus-visible,.marketing-nav-links a:focus-visible,.dashboard-date-range:focus-visible,.link-button:focus-visible,.otp-input-cell:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-bg)}.input:focus,select.input:focus,textarea.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-bg)}.input:focus-visible,select.input:focus-visible,textarea.input:focus-visible{outline:2px solid var(--primary);outline-offset:0;box-shadow:0 0 0 4px var(--accent-bg)}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-sm{min-height:36px}.btn-lg{min-height:48px}.icon-btn{min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center}.sidebar-link-icon svg,.premium-stat-icon svg,.dashboard-kpi-icon svg,.empty-state-icon svg,.navbar-menu-btn svg,.icon-btn svg,.feature-icon svg{flex-shrink:0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar-link-icon svg{width:18px;height:18px}.premium-stat-icon svg,.dashboard-kpi-icon svg{width:20px;height:20px}.empty-state-icon{display:flex;align-items:center;justify-content:center;color:var(--primary);opacity:.85}.empty-state-icon svg{width:28px;height:28px}.feature-icon{display:inline-flex;align-items:center;justify-content:center}.landing-feature-lucide{vertical-align:-2px;margin-right:4px}.badge{font-size:var(--text-xs, .875rem);font-weight:var(--weight-semibold, 600);padding:5px 10px;border-radius:8px;letter-spacing:.02em;line-height:1.2}.panel-spaced{margin-bottom:var(--space-block, 1.5rem)}.panel-warning{border-color:#f59e0b59;background:var(--warning-soft)}.panel-success{border-color:#10b98159;background:var(--success-soft)}.panel-error,.panel-danger{border-color:#ef444459;background:var(--danger-soft)}.panel-info{border-color:#6366f159;background:var(--accent-bg)}.error-banner-text{margin:0;color:var(--text-secondary);font-size:var(--text-sm, 1rem);line-height:var(--leading-relaxed, 1.65);font-weight:var(--weight-medium, 500)}.panel-warning .error-banner-text{color:#92400e}[data-theme=dark] .panel-warning .error-banner-text{color:#fcd34d}.auth-alert{padding:12px 14px;border-radius:var(--radius-sm);font-size:var(--text-sm, 1rem);line-height:var(--leading-relaxed, 1.65);margin-bottom:var(--space-text-lg, 1rem);border:1px solid transparent}.auth-alert-warning{background:var(--warning-soft);border-color:#f59e0b4d;color:#92400e}[data-theme=dark] .auth-alert-warning{color:#fcd34d}.Toastify__toast-container{z-index:9999}.Toastify__toast{border-radius:var(--radius-sm)!important;font-family:var(--font)!important;font-size:var(--text-sm, 1rem)!important;font-weight:var(--weight-medium, 500)!important;line-height:var(--leading-snug, 1.35)!important;box-shadow:var(--shadow-md)!important;border:1px solid var(--border);padding:14px 16px!important;min-height:unset!important}.Toastify__toast--success{background:var(--surface)!important;color:var(--text)!important;border-left:4px solid var(--success)!important}.Toastify__toast--error{background:var(--surface)!important;color:var(--text)!important;border-left:4px solid var(--danger)!important}.Toastify__toast--warning{background:var(--surface)!important;color:var(--text)!important;border-left:4px solid var(--warning)!important}.Toastify__toast--info{background:var(--surface)!important;color:var(--text)!important;border-left:4px solid var(--primary)!important}.Toastify__progress-bar{background:var(--gradient-primary)!important}.Toastify__close-button{color:var(--text-muted)!important;opacity:.7!important}.page-skeleton{animation:none}.page-skeleton .skeleton,.skeleton{background:linear-gradient(90deg,var(--bg-subtle) 0%,var(--surface) 45%,var(--bg-subtle) 90%)!important;background-size:200% 100%!important;animation:ds-shimmer 1.4s ease-in-out infinite!important;border-radius:var(--radius-sm)}.skeleton-title{height:34px;width:min(280px,52%);max-width:100%;margin-bottom:12px}.skeleton-subtitle{height:18px;width:min(420px,72%);max-width:100%;margin-bottom:28px}.skeleton-stat{height:118px;border-radius:var(--radius)}.skeleton-row{height:52px;margin-top:12px;width:100%}.empty-state{padding:56px 32px;border-radius:var(--radius);background:linear-gradient(180deg,var(--bg-subtle) 0%,var(--surface) 100%);border:1px dashed var(--border-strong)}.empty-state-icon{width:60px;height:60px;border-radius:var(--radius-sm);font-size:1.375rem;box-shadow:var(--shadow-xs)}.empty-state h3{font-size:var(--text-xl, 1.375rem);font-weight:var(--weight-bold, 700);color:var(--text);margin:0 0 var(--space-text-sm, .5rem)}.empty-state p{font-size:var(--text-base, 1.0625rem);line-height:var(--leading-relaxed, 1.65);color:var(--text-muted);max-width:32rem;margin:0 auto var(--space-block, 1.5rem)}.chart-wrap{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);padding:4px 0 8px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.chart-wrap::-webkit-scrollbar{height:6px}.chart-wrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.dashboard-revenue-chart{width:100%;min-width:0}.dashboard-revenue-chart .chart-wrap,.dashboard-revenue-chart>svg,.dashboard-revenue-chart .premium-chart{display:block;width:100%}.chart-empty{padding:48px 28px;text-align:center;background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px dashed var(--border-strong)}.chart-empty p{margin:0 0 8px;font-size:var(--text-base, 1.0625rem);font-weight:var(--weight-semibold, 600);color:var(--text-secondary)}.chart-empty span{font-size:var(--text-sm, 1rem);color:var(--text-muted);line-height:var(--leading-relaxed, 1.65)}.chart-empty-compact{padding:32px 20px}.premium-chart text{font-family:var(--font)}.premium-chart line[stroke-dasharray]{stroke:var(--border-strong)}.dashboard-chart-legend{display:flex;gap:20px;margin-bottom:12px;font-size:var(--text-sm, 1rem);font-weight:var(--weight-medium, 500);color:var(--text-secondary)}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.legend-dot.mrr{background:#6366f1}.legend-dot.arr{background:#8b5cf6}.table-wrap,.premium-table-wrap,.cohort-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm)}.premium-table{width:100%;table-layout:auto}.premium-table td,.premium-table th{word-break:break-word;overflow-wrap:anywhere}.auth-page{min-height:100dvh;padding:clamp(16px,4vw,32px)}.auth-card,.auth-card-premium{max-width:440px;padding:clamp(28px,5vw,44px) clamp(24px,4vw,40px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-brand-mark{width:52px;height:52px;border-radius:var(--radius-sm)}.auth-lead{font-size:var(--text-md, 1.125rem);line-height:var(--leading-relaxed, 1.65);color:var(--text-muted)}.auth-divider{font-size:var(--text-xs, .875rem);color:var(--text-muted)}.verify-code-input{font-size:var(--text-2xl, 1.625rem)!important;letter-spacing:.35em;font-weight:var(--weight-semibold, 600)}.checkout-page{min-height:100dvh;padding:clamp(20px,4vw,40px) clamp(16px,3vw,24px)}.checkout-layout{gap:clamp(20px,3vw,32px)}.checkout-card,.checkout-summary,.checkout-payment{padding:clamp(24px,4vw,32px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.checkout-price{font-size:var(--text-kpi-lg, 2.75rem);font-weight:var(--weight-extrabold, 800);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight, -.03em);line-height:1.1}.checkout-pay-btn{min-height:52px;font-size:var(--text-md, 1.125rem);font-weight:var(--weight-semibold, 600);border-radius:var(--radius-sm);box-shadow:var(--shadow-glow);transition:transform var(--transition),box-shadow var(--transition)}.checkout-pay-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow)}.pay-method-card{border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.pay-method-card:hover:not(.disabled){border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-xs)}.pay-method-card.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--shadow-xs);background:var(--accent-bg)}.payment-result-card{padding:clamp(32px,5vw,48px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.plan-grid{gap:20px}.plan-card{padding:clamp(24px,3vw,32px);border-radius:var(--radius-lg);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.plan-card.highlight{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--shadow-md);background:linear-gradient(180deg,var(--surface) 0%,rgba(99,102,241,.04) 100%)}.plan-card.highlight:hover{box-shadow:0 0 0 1px var(--primary),var(--shadow-lg),var(--shadow-glow)}.plan-price{font-size:var(--text-kpi-lg, 2.75rem);font-weight:var(--weight-extrabold, 800);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight, -.03em);margin:8px 0 16px}.plan-features li{font-size:var(--text-sm, 1rem);line-height:var(--leading-relaxed, 1.65);padding:6px 0}.dashboard-ref{min-width:0}.dashboard-ref-header{margin-bottom:var(--space-section, 2rem)}.dashboard-kpi-row{gap:18px;margin-bottom:var(--space-section, 2rem)}.dashboard-panel{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);padding:clamp(20px,3vw,24px);min-width:0;overflow:hidden}.dashboard-panel-header{margin-bottom:var(--space-text-lg, 1rem);padding-bottom:var(--space-text-md, .75rem);border-bottom:1px solid var(--border)}.dashboard-ref-grid-2,.dashboard-ref-grid-3{gap:20px;min-width:0}.marketing-page-world{overflow-x:clip}.marketing-hero-world h1{line-height:1.08}.landing-showcase h2{letter-spacing:var(--tracking-tight, -.03em)}.landing-feature-list li{font-size:var(--text-sm, 1rem)}.premium-stat-card,.dashboard-kpi-card{transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.premium-stat-card:hover,.dashboard-kpi-card:hover{border-color:var(--border-strong)}.premium-table tbody tr{transition:background var(--transition)}.panel-card:hover{box-shadow:var(--shadow)}.pipeline-board{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;padding-bottom:8px}.confirm-dialog h3{font-size:var(--text-xl, 1.375rem);font-weight:var(--weight-bold, 700);margin:0 0 var(--space-text-sm, .5rem)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.page-enter,.ds-animate-in,.auth-card,.landing-preview,.page-skeleton-enter,.auth-boot-card{animation:none!important}.premium-stat-card:hover,.dashboard-kpi-card:hover,.plan-card:hover,.quick-action-card:hover,.checkout-pay-btn:hover:not(:disabled),.pay-method-card:hover:not(.disabled){transform:none}.page-skeleton .skeleton,.skeleton{animation:none!important}}@media (max-width: 768px){.trial-banner{margin:0 16px 12px}.empty-state{padding:40px 20px}.checkout-layout{grid-template-columns:1fr!important}.plan-card:hover{transform:none}.dashboard-panel{padding:18px 16px}}@media (max-width: 480px){.btn{min-height:44px}.auth-card,.auth-card-premium{padding:24px 20px}}.table-sync-hint{margin:8px 0 0;font-size:var(--text-sm);color:var(--text-muted)}.reports-grid{gap:16px}.form-panel{margin-bottom:16px}.premium-stat-grid.compact{gap:14px;margin-bottom:16px}.app-content-premium{padding:clamp(20px,3vw,32px) clamp(16px,3vw,32px) clamp(28px,4vw,48px)}.app-content-premium>.page-enter>*:last-child{margin-bottom:0}.premium-page-header{margin-bottom:clamp(20px,3vw,32px)}.panel-card-header h3,.section-title-sm{font-size:var(--text-md, 1.125rem);font-weight:var(--weight-semibold, 600);letter-spacing:-.02em;color:var(--text);line-height:var(--leading-snug, 1.35)}.page-header p,.panel-sub{max-width:42rem}@keyframes skeleton-enter{0%{opacity:0}to{opacity:1}}.page-skeleton-enter{animation:skeleton-enter .24s ease both}@keyframes boot-card-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-boot-card{animation:boot-card-enter .36s cubic-bezier(.22,1,.36,1) both}@media (hover: hover) and (pointer: fine){.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-outline:hover:not(:disabled){border-color:var(--primary);background:var(--accent-bg)}.premium-table tbody tr:hover td{background:var(--accent-bg)}.notification-item:hover{background:var(--bg-subtle)}.pipeline-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.ai-chip:hover:not(:disabled){border-color:var(--primary);background:var(--accent-bg);transform:translateY(-1px)}.panel-link:hover{color:var(--primary-dark)}.quick-action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}}.pipeline-card,.notification-item,.ai-chip,.quick-action-card{transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition),color var(--transition)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:focus-visible,.ai-chip:focus-visible,.notification-item .btn:focus-visible,.pagination-bar .btn:focus-visible,.ai-history-filter:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-bg)}.skip-link:focus-visible{left:8px;top:8px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.panel-link{text-underline-offset:3px;transition:color var(--transition)}.stat-card-value,.dashboard-kpi-value,.premium-stat-card strong{font-variant-numeric:tabular-nums}.premium-stat-grid,.dashboard-kpi-row,.reports-grid,.dashboard-ref-grid-2,.dashboard-ref-grid-3{contain:layout style}@media (max-width: 768px){.app-content-premium{padding:16px 16px 32px}.icon-btn,.navbar-menu-btn{min-width:44px;min-height:44px}.notification-item{padding:14px 12px;gap:12px}}@media (hover: none),(pointer: coarse){.premium-stat-card:hover,.dashboard-kpi-card:hover,.plan-card:hover,.pipeline-card:hover,.ai-chip:hover:not(:disabled),.checkout-pay-btn:hover:not(:disabled),.pay-method-card:hover:not(.disabled){transform:none}}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,#0f1424,#0a0e1a 48%,#060912);padding:16px 12px 14px;border-right:1px solid rgba(255,255,255,.06);box-shadow:4px 0 32px #0000002e;display:flex;flex-direction:column;transition:transform .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1)}.sidebar-brand{display:flex;align-items:center;gap:11px;margin-bottom:20px;padding:6px 8px 6px 6px;flex-shrink:0}.sidebar-brand-text{flex:1;min-width:0}.sidebar-close{display:none;margin-left:auto;flex-shrink:0;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;border:none;background:#ffffff0f;color:#94a3b8;cursor:pointer;transition:background .2s ease,color .2s ease}.sidebar-close:hover{background:#ffffff1a;color:#e2e8f0}.sidebar-logo-mark{width:36px;height:36px;border-radius:10px;font-size:.9375rem;font-weight:800;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;box-shadow:0 6px 20px #6366f173;flex-shrink:0}.sidebar-logo{font-size:.9375rem;font-weight:700;letter-spacing:-.02em;color:#f8fafc;margin:0;line-height:1.25}.sidebar-tagline{font-size:.6875rem;color:#64748b;margin:1px 0 0;font-weight:500;line-height:1.3}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 2px 8px 0;margin:0 -2px 0 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.sidebar-section-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:#475569;padding:18px 10px 6px;margin:0}.sidebar-section-label:first-child{padding-top:4px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:7px 8px;margin-bottom:1px;border-radius:10px;font-size:.8125rem;font-weight:500;color:#94a3b8;text-decoration:none;transition:background .18s ease,color .18s ease,box-shadow .18s ease;border:1px solid transparent;position:relative}.sidebar-link-label{flex:1;min-width:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-link-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:8px;color:inherit;opacity:.92;transition:background .18s ease,opacity .18s ease,color .18s ease,transform .18s ease}.sidebar-link-icon svg{width:18px;height:18px;stroke-width:2}.sidebar-link:hover{background:#ffffff0d;color:#e2e8f0}.sidebar-link:hover .sidebar-link-icon{background:#ffffff12;opacity:1}.sidebar-link.active{background:#6366f129;color:#f8fafc;font-weight:600;border-color:#6366f138;box-shadow:inset 3px 0 #818cf8}.sidebar-link.active .sidebar-link-icon{background:#6366f147;color:#c7d2fe;opacity:1}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.sidebar-trial-card{margin:0 4px 12px;padding:16px;border-radius:14px;background:linear-gradient(145deg,#6366f12e,#8b5cf61a);border:1px solid rgba(99,102,241,.25);transition:transform .22s ease,box-shadow .22s ease}.sidebar-trial-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #6366f126}.sidebar-trial-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#c7d2fe}.sidebar-trial-header svg{flex-shrink:0}.sidebar-trial-card p{margin:0 0 12px;font-size:var(--text-sm);color:#cbd5e1;line-height:1.55}.sidebar-trial-card .btn{width:100%;min-height:38px;font-size:var(--text-sm);font-weight:600;border-radius:10px;box-shadow:0 4px 14px #6366f159}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 4px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);cursor:default;transition:background .2s ease}.sidebar-user:hover{background:#ffffff12}.sidebar-user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #6366f159}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--text-sm);font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.sidebar-user-role{font-size:var(--text-xs);color:#64748b;text-transform:capitalize}.sidebar-user-chevron{color:#64748b;flex-shrink:0;opacity:.7}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.navbar.premium-navbar,.navbar-ref{height:var(--navbar-height);padding:0 28px;background:#ffffffd1;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:0 1px #0f172a0a;display:flex;align-items:center;justify-content:space-between;gap:20px}[data-theme=dark] .navbar.premium-navbar,[data-theme=dark] .navbar-ref{background:#141b2de0}.navbar-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.navbar-menu-btn{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.navbar-menu-btn:hover{border-color:var(--primary);background:var(--accent-bg)}.navbar-search-wrap{display:flex;align-items:center;gap:10px;flex:1;max-width:420px;min-width:0;padding:0 14px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color .2s ease,box-shadow .2s ease}.navbar-search-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-bg)}.navbar-search-wrap>svg{color:var(--text-muted);flex-shrink:0}.navbar-search-input{flex:1;min-width:0;border:none;background:transparent;font-size:var(--text-sm);color:var(--text);outline:none;cursor:pointer}.navbar-search-input::placeholder{color:var(--text-muted)}.navbar-search-kbd{font-size:.6875rem;font-weight:600;color:var(--text-muted);padding:3px 7px;border-radius:6px;border:1px solid var(--border);background:var(--bg-subtle);flex-shrink:0;font-family:inherit}.navbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.navbar-create-wrap{position:relative}.navbar-create-wrap:hover .navbar-create-menu,.navbar-create-wrap:focus-within .navbar-create-menu{opacity:1;visibility:visible;transform:translateY(0)}.navbar-create{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:10px;font-size:var(--text-sm);font-weight:600;box-shadow:0 4px 14px #6366f14d}.navbar-create-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;padding:6px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:60}.navbar-create-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background .15s ease,color .15s ease}.navbar-create-menu a:hover{background:var(--accent-bg);color:var(--primary)}.navbar-ai-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:10px;font-size:var(--text-sm);font-weight:600;border:1px solid rgba(99,102,241,.25);background:var(--surface);color:var(--primary);text-decoration:none;transition:all .2s ease}.navbar-ai-btn:hover{background:var(--accent-bg);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-xs)}.navbar-ai-btn svg{color:var(--primary)}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;color:var(--text-secondary)}.icon-btn:hover{border-color:var(--primary);background:var(--accent-bg);color:var(--primary);transform:translateY(-1px)}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.navbar-user-compact{display:flex;align-items:center;gap:10px;padding:4px 4px 4px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);transition:border-color .2s ease}.navbar-user-compact:hover{border-color:var(--border-strong)}.navbar-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.navbar-email{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-lang{font-size:var(--text-sm)}.navbar-ref .navbar-page-title{display:none}@media (max-width: 1024px){.navbar-search-wrap{max-width:280px}.navbar-email{display:none}}@media (max-width: 768px){.navbar-menu-btn{display:inline-flex}.navbar-search-wrap,.navbar-create-wrap,.navbar-ai-btn span{display:none}.navbar-ai-btn{width:40px;padding:0;justify-content:center}.navbar.premium-navbar,.navbar-ref{padding:0 16px}}@media (prefers-reduced-motion: reduce){.sidebar-link:hover{transform:none}}@media (max-width: 768px){.sidebar-close{display:inline-flex}}.dashboard-ref{max-width:1320px;margin:0 auto;width:100%;padding-bottom:4px}.dashboard-ref-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.dashboard-ref-header h1{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.035em;margin:0 0 8px;line-height:1.12;color:var(--text)}.dashboard-ref-header p{font-size:var(--text-md);color:var(--text-muted);margin:0;max-width:560px;line-height:1.65}.dashboard-ref-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-date-range{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);box-shadow:var(--shadow-xs);transition:border-color .2s ease,box-shadow .2s ease}.dashboard-date-range svg{color:var(--text-muted);flex-shrink:0}.dashboard-filter-btn{display:inline-flex;align-items:center;gap:6px}.dashboard-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px}.dashboard-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 22px 16px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0a;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease,border-color .22s ease;position:relative;overflow:hidden;min-width:0}.dashboard-kpi-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #fff9}[data-theme=dark] .dashboard-kpi-card:after{box-shadow:inset 0 1px #ffffff0a}.dashboard-kpi-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0f172a0f,0 16px 40px #0f172a14;border-color:var(--border-strong)}.dashboard-kpi-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:14px}.dashboard-kpi-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;line-height:1.3}.dashboard-kpi-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-kpi-icon svg{width:20px;height:20px;stroke-width:2}.dashboard-kpi-value{font-size:clamp(1.625rem,2.5vw,2rem);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0 0 8px;color:var(--text);line-height:1.1}.dashboard-kpi-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:36px}.dashboard-kpi-trend-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.dashboard-kpi-trend{font-size:var(--text-xs);font-weight:700;display:inline-flex;align-items:center;gap:2px}.dashboard-kpi-trend.up{color:#059669}.dashboard-kpi-trend.down{color:#dc2626}.dashboard-kpi-trend-label{font-size:.6875rem;color:var(--text-muted);margin:0;line-height:1.3}.dashboard-kpi-spark-wrap{flex-shrink:0;margin-left:auto;opacity:.9}.dashboard-kpi-sparkline{display:block;width:88px;height:36px}.dashboard-ref-grid-2{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px}.dashboard-ref-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.dashboard-ref-grid-2-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0a;height:100%;display:flex;flex-direction:column;min-width:0;transition:box-shadow .22s ease}.dashboard-panel:hover{box-shadow:0 4px 12px #0f172a0d,0 12px 32px #0f172a0f}.dashboard-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap;padding-bottom:0;border-bottom:none}.dashboard-panel-header h3{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;margin:0;color:var(--text)}.dashboard-panel-select{font-size:var(--text-sm);font-weight:500;padding:8px 32px 8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.panel-link{font-size:var(--text-sm);font-weight:600;color:var(--primary);text-decoration:none;transition:color .15s ease}.panel-link:hover{color:var(--primary-dark);text-decoration:underline}.dashboard-revenue-chart{flex:1;min-width:0}.dashboard-chart-legend{display:flex;gap:20px;margin-bottom:16px;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.dashboard-revenue-chart .premium-chart{overflow:visible}.dashboard-revenue-chart .chart-grid-line{stroke:var(--border);stroke-dasharray:4 6;opacity:.65}.dashboard-revenue-chart .chart-area-mrr{opacity:.15}.dashboard-revenue-chart .chart-area-arr{opacity:.1}.dashboard-revenue-chart .chart-line-mrr{stroke:#6366f1;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.dashboard-revenue-chart .chart-line-arr{stroke:#8b5cf6;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.92}.dashboard-ai-advisor{flex:1}.dashboard-ai-badge{font-size:var(--text-xs);font-weight:700;padding:5px 12px;border-radius:999px;background:var(--accent-bg);color:var(--primary);border:1px solid rgba(99,102,241,.15)}.dashboard-ai-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;flex:1}.dashboard-ai-item{display:flex;gap:14px;padding:16px;border-radius:12px;background:var(--bg-subtle);border:1px solid var(--border);transition:border-color .2s ease,transform .2s ease}.dashboard-ai-item:hover{border-color:var(--border-strong);transform:translate(2px)}.dashboard-ai-item-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-ai-item-icon svg{width:20px;height:20px;stroke-width:2}.dashboard-ai-item.danger .dashboard-ai-item-icon{background:var(--danger-soft);color:#dc2626}.dashboard-ai-item.success .dashboard-ai-item-icon{background:var(--success-soft);color:#059669}.dashboard-ai-item.warning .dashboard-ai-item-icon{background:var(--warning-soft);color:#d97706}.dashboard-ai-item.info .dashboard-ai-item-icon{background:var(--accent-bg);color:var(--primary)}.dashboard-ai-item strong{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:4px;color:var(--text);line-height:1.35}.dashboard-ai-item p{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.55}.dashboard-ai-footer{margin-top:auto;padding-top:18px}.dashboard-funnel-row{display:grid;grid-template-columns:92px 1fr 40px;align-items:center;gap:12px;margin-bottom:12px}.dashboard-funnel-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-transform:capitalize}.dashboard-funnel-bar-wrap{height:32px;background:var(--bg-subtle);border-radius:10px;overflow:hidden}.dashboard-funnel-bar{height:100%;border-radius:10px;min-width:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.dashboard-funnel-count{font-size:var(--text-sm);font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.dashboard-funnel-footer{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px 28px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.dashboard-funnel-metric-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:4px;font-weight:500}.dashboard-funnel-metric{font-size:var(--text-xl);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.dashboard-churn-donut{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.dashboard-donut-wrap{position:relative;flex-shrink:0}.dashboard-donut-wrap svg circle{transition:stroke-dasharray .6s ease}.dashboard-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-donut-total-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.dashboard-donut-total{font-size:var(--text-2xl);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.dashboard-churn-legend li{padding:8px 0}.dashboard-activity-item{transition:background .15s ease;border-radius:8px;margin:0 -8px;padding:16px 8px}.dashboard-activity-item:hover{background:var(--bg-subtle)}.dashboard-activity-icon{width:40px;height:40px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.dashboard-activity-icon svg{width:18px;height:18px;stroke-width:2}.dashboard-activity-icon.payment{background:var(--success-soft);color:#059669;border-color:transparent}.dashboard-activity-icon.customer{background:var(--accent-bg);color:var(--primary);border-color:transparent}.dashboard-activity-icon.alert{background:var(--warning-soft);color:#d97706;border-color:transparent}.dashboard-top-customers .premium-table-wrap,.dashboard-panel .premium-table-wrap{border-radius:12px;border:1px solid var(--border);overflow:hidden}.dashboard-top-customers .premium-table th,.dashboard-top-customers .premium-table td{padding:12px 16px}.dashboard-top-customers .premium-table tbody tr:hover td{background:var(--accent-bg)}.app-content-premium{background:var(--gradient-mesh),#f8fafc}[data-theme=dark] .app-content-premium{background:var(--gradient-mesh),var(--bg)}@media (max-width: 1200px){.dashboard-kpi-row{grid-template-columns:repeat(3,1fr)}.dashboard-ref-grid-2,.dashboard-ref-grid-3{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-kpi-row{grid-template-columns:repeat(2,1fr)}.dashboard-ref-grid-2-bottom{grid-template-columns:1fr}.dashboard-ref-header{margin-bottom:24px}.dashboard-panel{padding:20px}}@media (max-width: 480px){.dashboard-kpi-row{grid-template-columns:1fr}.dashboard-ref-filters{width:100%}.dashboard-date-range{flex:1}}@media (prefers-reduced-motion: reduce){.dashboard-kpi-card:hover,.dashboard-ai-item:hover{transform:none}}.auth-page-v2{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,32px);background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(99,102,241,.35),transparent),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(16,185,129,.12),transparent),linear-gradient(160deg,#0f172a,#1e1b4b 45%,#312e81)}.auth-shell{width:100%;max-width:440px;position:relative;z-index:1}.auth-shell-centered{text-align:center}.auth-card-v2{animation:auth-card-in .45s cubic-bezier(.22,1,.36,1) both}@keyframes auth-card-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-field{margin-bottom:4px}.auth-input-wrap{position:relative}.auth-input-wrap .auth-input{width:100%;padding-right:4.5rem}.auth-input-wrap:not(:has(.auth-password-toggle)) .auth-input{padding-right:14px}.auth-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--primary, #6366f1);font-size:.8125rem;font-weight:600;cursor:pointer;padding:6px 8px;border-radius:6px}.auth-password-toggle:hover{background:#6366f114}.auth-input-wrap-error .auth-input{border-color:#ef4444!important}.auth-remember-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 16px;flex-wrap:wrap}.auth-remember-label{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-muted, #64748b);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-remember-label input{width:16px;height:16px;accent-color:var(--primary, #6366f1)}.auth-form-error{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:10px;padding:12px 14px;margin-bottom:16px;color:#dc2626;font-size:.875rem;line-height:1.45}.auth-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:8px}.auth-btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite;flex-shrink:0}@keyframes auth-spin{to{transform:rotate(360deg)}}.password-strength{display:flex;align-items:center;gap:10px;margin:-4px 0 12px}.password-strength-bars{display:flex;gap:4px;flex:1}.password-strength-bar{height:4px;flex:1;border-radius:999px;background:var(--border, #e2e8f0);transition:background .2s ease}.password-strength-bar.is-weak{background:#ef4444}.password-strength-bar.is-fair{background:#f59e0b}.password-strength-bar.is-good{background:#3b82f6}.password-strength-bar.is-strong{background:#10b981}.password-strength-label{font-size:.75rem;font-weight:600;color:var(--text-muted, #64748b);min-width:52px;text-align:right}.password-requirements{list-style:none;margin:-4px 0 14px;padding:0;display:grid;gap:6px}.password-requirements li{display:flex;align-items:flex-start;gap:8px;font-size:.8125rem;line-height:1.4}.password-req-met{color:#059669}.password-req-unmet{color:#dc2626}.password-req-icon{flex-shrink:0;width:1rem;font-weight:700}.auth-success-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#10b9811f;color:#10b981;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700}.auth-boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.auth-boot-card{text-align:center;max-width:360px;padding:32px 24px}.auth-boot-logo,.auth-boot-spinner{margin:0 auto 20px}.auth-autofill-trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}.auth-verify-card .otp-input-row{justify-content:center;margin-bottom:8px}.verify-code-hint,.verify-code-error,.auth-status-card{text-align:center}.auth-status-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;animation:auth-status-pop .4s cubic-bezier(.22,1,.36,1) both}@keyframes auth-status-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.auth-status-icon-success{background:#10b9811f;color:#10b981}.auth-status-icon-error{background:#ef44441a;color:#ef4444}.auth-status-icon-info{background:#6366f11f;color:#6366f1}.auth-status-icon-warning{background:#f59e0b1f;color:#f59e0b}.auth-status-hint{font-size:.875rem;color:var(--text-muted, #64748b);line-height:1.5;margin:0 0 20px}.auth-sent-to{font-size:.9375rem;font-weight:600;color:var(--text, #0f172a);margin:0 0 12px;word-break:break-word}.auth-dev-link{font-size:.8125rem;margin-bottom:16px}.auth-alert-error{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#dc2626}.auth-btn-spaced{margin-top:16px}.otp-input-row{display:flex;gap:.5rem;justify-content:center;margin:.75rem 0 1rem}.otp-input-cell{width:2.75rem;height:3.25rem;text-align:center;font-size:1.35rem;font-weight:700;border:2px solid var(--border, #e2e8f0);border-radius:10px;background:var(--surface, #fff);color:var(--text, #0f172a);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease;caret-color:var(--primary, #6366f1)}.otp-input-cell:focus{outline:none;border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f126;transform:translateY(-1px)}.otp-input-filled{border-color:#6366f173;background:#6366f10a}.otp-input-row-error .otp-input-cell,.otp-input-cell-error{border-color:var(--danger, #ef4444)}.otp-input-row-error .otp-input-cell:focus{box-shadow:0 0 0 3px #ef444426}@keyframes otp-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.otp-shake{animation:otp-shake .45s ease}.verify-sent-banner{background:#6366f10f;border:1px solid rgba(99,102,241,.18);border-radius:12px;padding:14px 16px;margin-bottom:20px;text-align:center;animation:auth-card-in .35s ease both}.verify-sent-banner strong{display:block;font-size:.9375rem;color:var(--text, #0f172a);margin-bottom:4px;word-break:break-word}.verify-sent-banner p{margin:0;font-size:.8125rem;color:var(--text-muted, #64748b);line-height:1.45}.verify-expiry-timer{margin-top:8px!important;font-weight:600;color:var(--primary, #6366f1)!important;font-variant-numeric:tabular-nums}.verify-expiry-expired{margin-top:8px!important;font-weight:600;color:#dc2626!important}.verify-resend-row{margin-top:8px}.verify-dev-value{letter-spacing:.25em;color:var(--primary, #6366f1)}@media (max-width: 480px){.auth-card-v2{padding:clamp(24px,5vw,32px) clamp(20px,4vw,28px)}.otp-input-cell{width:42px;height:48px;font-size:1.25rem}}@media (prefers-reduced-motion: reduce){.auth-card-v2,.auth-status-icon,.verify-sent-banner{animation:none}.auth-btn-spinner{animation:none;border-top-color:#fffc}.otp-shake{animation:none}.otp-input-cell:focus{transform:none}}