.header[data-v-574b21c5]{background:var(--bg-surface);z-index:100;border-bottom:1px solid var(--border);padding:0 2rem;position:sticky;top:0}.nav[data-v-574b21c5]{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;display:flex}.logo[data-v-574b21c5]{color:var(--text-primary);font-size:1.25rem;font-weight:700;text-decoration:none}.nav-links[data-v-574b21c5]{align-items:center;gap:1.5rem;display:flex}.nav-links a[data-v-574b21c5]{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.nav-links a[data-v-574b21c5]:hover,.nav-links a.router-link-exact-active[data-v-574b21c5]{color:var(--accent)}.nav-divider[data-v-574b21c5]{background:var(--border);align-self:center;width:1px;height:20px}.admin-link[data-v-574b21c5]{color:var(--text-muted)!important;font-size:.85rem!important}.admin-link[data-v-574b21c5]:hover,.admin-link.router-link-exact-active[data-v-574b21c5]{color:var(--admin-accent)!important}.nav-user[data-v-574b21c5]{color:var(--text-secondary);font-size:.85rem;text-decoration:none}.nav-user[data-v-574b21c5]:hover{color:var(--accent)}.nav-logout[data-v-574b21c5]{border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;transition:all .2s}.nav-logout[data-v-574b21c5]:hover{border-color:var(--danger);color:var(--danger)}.theme-switcher[data-v-574b21c5]{align-items:center;gap:6px;display:flex}.theme-btn[data-v-574b21c5]{border:2px solid var(--border);cursor:pointer;border-radius:50%;width:18px;height:18px;padding:0;transition:all .2s}.theme-btn.active[data-v-574b21c5]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);transform:scale(1.15)}.theme-btn.dark-purple[data-v-574b21c5]{background:#7c3aed}.theme-btn.dark-blue[data-v-574b21c5]{background:#3b82f6}.theme-btn.light-green[data-v-574b21c5]{background:#16a34a}.main[data-v-574b21c5]{min-height:calc(100vh - 124px)}.footer[data-v-574b21c5]{background:var(--bg-surface);color:var(--text-muted);text-align:center;border-top:1px solid var(--border);padding:1rem;font-size:.85rem}.hero[data-v-bd1278c7]{text-align:center;background:linear-gradient(180deg, var(--gradient-hero-from) 0%, var(--gradient-hero-to) 100%);padding:6rem 0 4rem}.hero-title[data-v-bd1278c7]{color:var(--text-primary);margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.2}.highlight[data-v-bd1278c7]{background:linear-gradient(135deg, var(--gradient-title-from), var(--gradient-title-to));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle[data-v-bd1278c7]{color:var(--text-secondary);max-width:640px;margin:0 auto 2.5rem;font-size:1.2rem}.hero-actions[data-v-bd1278c7]{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-lg[data-v-bd1278c7]{padding:1rem 2rem;font-size:1.1rem}.features[data-v-bd1278c7]{padding:5rem 0}.section-title[data-v-bd1278c7]{text-align:center;color:var(--text-primary);margin-bottom:3rem;font-size:2rem}.features-grid[data-v-bd1278c7]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.feature-card[data-v-bd1278c7]{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:border-color .2s}.feature-card[data-v-bd1278c7]:hover{border-color:var(--accent)}.feature-icon[data-v-bd1278c7]{margin-bottom:1rem;font-size:2rem;display:block}.feature-card h3[data-v-bd1278c7]{color:var(--text-primary);margin-bottom:.5rem;font-size:1.15rem}.feature-card p[data-v-bd1278c7]{color:var(--text-secondary);font-size:.9rem}.pricing[data-v-bd1278c7]{background:var(--bg-surface-alt);padding:5rem 0}.pricing-grid[data-v-bd1278c7]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.pricing-card[data-v-bd1278c7]{background:var(--bg-surface);border:1px solid var(--border);text-align:center;border-radius:16px;padding:2.5rem 2rem;transition:border-color .2s,transform .2s}.pricing-card[data-v-bd1278c7]:hover{border-color:var(--accent)}.pricing-card.featured[data-v-bd1278c7]{border-color:var(--accent);transform:scale(1.03)}.pricing-name[data-v-bd1278c7]{color:var(--text-primary);margin-bottom:.75rem;font-size:1.3rem;font-weight:700}.pricing-price[data-v-bd1278c7]{color:var(--accent);margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.pricing-credits[data-v-bd1278c7]{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.pricing-desc[data-v-bd1278c7]{color:var(--text-secondary);text-align:left;margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}.pricing-desc[data-v-bd1278c7] ul{margin:.5rem 0 0;padding:0;list-style:none}.pricing-desc[data-v-bd1278c7] li{padding:.2rem 0 .2rem 1.2rem;position:relative}.pricing-desc[data-v-bd1278c7] li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.pricing-desc[data-v-bd1278c7] p{margin:0}.pricing-btn[data-v-bd1278c7]{width:100%}.cta[data-v-bd1278c7]{text-align:center;background:var(--bg-surface);padding:5rem 0}.cta h2[data-v-bd1278c7]{color:var(--text-primary);margin-bottom:1rem;font-size:2rem}.cta p[data-v-bd1278c7]{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}[data-theme=dark-purple]{--bg-body:#0f0f1a;--bg-surface:#1a1a2e;--bg-input:#0f0f1a;--bg-surface-alt:#12121f;--bg-hover:#ffffff05;--text-primary:#fff;--text-body:#e0e0e0;--text-secondary:#fff9;--text-muted:#ffffff59;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-soft:#7c3aed30;--accent-text:#a78bfa;--admin-accent:#f59e0b;--admin-accent-soft:#f59e0b30;--danger:#ef4444;--danger-soft:#ef444421;--danger-border:#ef444445;--success:#22c55e;--success-soft:#22c55e21;--success-border:#22c55e45;--border:#ffffff10;--border-input:#336;--btn-secondary-bg:#1e1e3a;--btn-secondary-hover:#2a2a4a;--btn-secondary-border:#336;--gradient-hero-from:#1a1a2e;--gradient-hero-to:#0f0f1a;--gradient-title-from:#7c3aed;--gradient-title-to:#a855f7;--superadmin-soft:#ef444430;--superadmin-text:#f87171;--shadow:0 1px 3px #0006}[data-theme=dark-blue]{--bg-body:#0a1628;--bg-surface:#0f2038;--bg-input:#0a1628;--bg-surface-alt:#0c1b30;--bg-hover:#ffffff05;--text-primary:#fff;--text-body:#cbd5e1;--text-secondary:#ffffff8c;--text-muted:#ffffff4d;--accent:#3b82f6;--accent-hover:#2563eb;--accent-soft:#3b82f630;--accent-text:#93c5fd;--admin-accent:#f59e0b;--admin-accent-soft:#f59e0b30;--danger:#ef4444;--danger-soft:#ef444421;--danger-border:#ef444445;--success:#22c55e;--success-soft:#22c55e21;--success-border:#22c55e45;--border:#ffffff10;--border-input:#1e3a5f;--btn-secondary-bg:#0f2038;--btn-secondary-hover:#142d4a;--btn-secondary-border:#1e3a5f;--gradient-hero-from:#0f2038;--gradient-hero-to:#0a1628;--gradient-title-from:#3b82f6;--gradient-title-to:#60a5fa;--superadmin-soft:#ef444430;--superadmin-text:#f87171;--shadow:0 1px 3px #00000080}[data-theme=light-green]{--bg-body:#f0fdf4;--bg-surface:#fff;--bg-input:#f0fdf4;--bg-surface-alt:#f7fef9;--bg-hover:#00000005;--text-primary:#111827;--text-body:#374151;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#16a34a;--accent-hover:#15803d;--accent-soft:#16a34a1f;--accent-text:#16a34a;--admin-accent:#d97706;--admin-accent-soft:#d977061f;--danger:#dc2626;--danger-soft:#dc262614;--danger-border:#dc262633;--success:#16a34a;--success-soft:#16a34a14;--success-border:#16a34a33;--border:#e5e7eb;--border-input:#d1d5db;--btn-secondary-bg:#f9fafb;--btn-secondary-hover:#f3f4f6;--btn-secondary-border:#d1d5db;--gradient-hero-from:#dcfce7;--gradient-hero-to:#f0fdf4;--gradient-title-from:#16a34a;--gradient-title-to:#22c55e;--superadmin-soft:#dc26261a;--superadmin-text:#dc2626;--shadow:0 1px 3px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-body);color:var(--text-body);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-body);border:1px solid var(--btn-secondary-border)}.btn-secondary:hover{background:var(--btn-secondary-hover)}