*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}:root{--primary-50:#f0f4ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--accent-50:#fdf4ff;--accent-100:#fae8ff;--accent-200:#f5d0fe;--accent-300:#f0abfc;--accent-400:#e879f9;--accent-500:#d946ef;--accent-600:#c026d3;--accent-700:#a21caf;--accent-800:#86198f;--accent-900:#701a75;--success-light:#d1fae5;--success-dark:#059669;--warning-light:#fef3c7;--warning-dark:#d97706;--error-light:#fee2e2;--error-dark:#dc2626;--info-light:#dbeafe;--info-dark:#2563eb;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--neutral-950:#0a0a0a;--bg-base:#0a0a0a;--bg-elevated:#141414;--bg-card:#1a1a1a;--bg-card-hover:#202020;--bg-overlay:#000000b3;--text-secondary:#ffffffbf;--text-tertiary:#ffffff8c;--text-disabled:#ffffff59;--text-inverse:#000000e6;--border-subtle:#ffffff14;--border-default:#ffffff1f;--border-strong:#ffffff2e;--border-focus:var(--primary-500);--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 2px 4px 0 #0006;--shadow-md:0 4px 12px 0 #00000080;--shadow-lg:0 8px 24px 0 #0009;--shadow-xl:0 16px 48px 0 #000000b3;--shadow-glow:0 0 24px #6366f166;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600}[data-theme=light]{--bg-base:#fff;--bg-elevated:#f9fafb;--bg-card:#fff;--bg-card-hover:#f9fafb;--bg-overlay:#00000080;--text-tertiary:#00000080;--text-disabled:#0000004d;--text-inverse:#fffffff2;--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#00000026;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 2px 4px 0 #00000014;--shadow-md:0 4px 12px 0 #0000001f;--shadow-lg:0 8px 24px 0 #00000026;--shadow-xl:0 16px 48px 0 #0000002e;--shadow-glow:0 0 24px #6366f14d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-base);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal);transition:background-color .25s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-base)}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--text-4xl)}.text-5xl{font-size:3rem;font-size:var(--text-5xl)}.font-normal{font-weight:400;font-weight:var(--font-normal)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.text-primary{color:#fffffff2}.text-secondary{color:#ffffffbf}.text-tertiary{color:#ffffff8c}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.m-4{margin:1rem;margin:var(--space-4)}.m-6{margin:1.5rem;margin:var(--space-6)}.m-8{margin:2rem;margin:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.rounded-sm{border-radius:.375rem}.rounded-md{border-radius:.5rem}.rounded-lg{border-radius:.75rem}.rounded-xl{border-radius:1rem}.rounded-2xl{border-radius:1.5rem;border-radius:var(--radius-2xl)}.shadow-sm{box-shadow:0 2px 4px 0 #0006}.shadow-md{box-shadow:0 4px 12px 0 #00000080}.shadow-lg{box-shadow:0 8px 24px 0 #0009}.shadow-xl{box-shadow:0 16px 48px 0 #000000b3;box-shadow:var(--shadow-xl)}.transition{transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.transition-slow{transition:all .35s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow)}.card{background:#1a1a1a;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 2px 4px 0 #0006;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1)}.card:hover{background:#202020;border-color:#ffffff1f;border-color:var(--border-default);box-shadow:0 4px 12px 0 #00000080}.card-elevated{box-shadow:0 8px 24px 0 #0009;box-shadow:var(--shadow-lg)}.btn{border-radius:.75rem;border-radius:var(--radius-lg);font-size:.875rem;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#4f46e5,#4338ca);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 2px 4px 0 #0006}.btn-primary:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:0 4px 12px 0 #00000080;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#1a1a1a;border:1px solid #ffffff1f;border:1px solid var(--border-default);color:#fffffff2}.btn-secondary:hover{background:#202020;background:var(--bg-card-hover);border-color:#ffffff2e;border-color:var(--border-strong)}.btn-ghost{background:#0000;color:#ffffffbf;color:var(--text-secondary)}.btn-ghost:hover{background:#1a1a1a;background:var(--bg-card);color:#fffffff2;color:var(--text-primary)}.btn-sm{font-size:.75rem;font-size:var(--text-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-lg{font-size:1rem;font-size:var(--text-base);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.input{background:#1a1a1a;background:var(--bg-card);border:1px solid #ffffff1f;border:1px solid var(--border-default);border-radius:.75rem;border-radius:var(--radius-lg);color:#fffffff2;color:var(--text-primary);font-size:.875rem;font-size:var(--text-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.input:focus{border-color:#6366f1;border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a;outline:none}.input::placeholder{color:#ffffff8c;color:var(--text-tertiary)}.badge{font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);white-space:nowrap}.badge-primary{background:#e0e7ff;background:var(--primary-100);color:#4338ca;color:var(--primary-700)}.badge-success{background:#d1fae5;background:var(--success-light);color:#059669;color:var(--success-dark)}.badge-warning{background:#fef3c7;background:var(--warning-light);color:#d97706;color:var(--warning-dark)}.badge-error{background:#fee2e2;background:var(--error-light);color:#dc2626;color:var(--error-dark)}[data-theme=dark] .badge-primary{background:#6366f126;color:#a5b4fc;color:var(--primary-300)}[data-theme=dark] .badge-success{background:#10b98126;color:#10b981;color:var(--success)}.divider{background:#ffffff14;background:var(--border-subtle);height:1px;margin:1.5rem 0;margin:var(--space-6) 0}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a}[data-theme=light] .glass{background:#ffffffb3;border:1px solid #0000001a}.gradient-text{background:linear-gradient(135deg,#818cf8,#e879f9);background:linear-gradient(135deg,var(--primary-400) 0,var(--accent-400) 100%)}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a1a1a,#202020 50%,#1a1a1a);border-radius:.5rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}html{scroll-behavior:smooth}::selection{background:#6366f1;background:var(--primary-500);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0a0a0a;background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#ffffff2e;background:var(--border-strong);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--primary-500)}:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a2e;--bg-input:#ffffff0d;--text-primary:#fffffff2;--text-tertiary:#fff9;--color-primary:#667eea;--color-primary-dark:#5568d3;--color-secondary:#764ba2;--color-success:#10b981;--color-error:#ef4444;--color-warning:#fbbf24;--color-info:#3b82f6;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 24px #0006}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-card:#00000008;--bg-card-hover:#0000000d;--bg-input:#fff;--bg-modal:#fffffffa;--text-primary:#000000e6;--text-secondary:#000000b3;--text-tertiary:#0009;--text-muted:#0006;--border-color:#0000001a;--border-color-hover:#0003;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 8px 24px #0003}body{background:#0a0a0a;background:var(--bg-primary);color:#fffffff2;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}[data-theme=light] body{background:linear-gradient(135deg,#fff,#f8f9fa)}[data-theme=light] body:before{background:radial-gradient(circle at 20% 20%,#667eea0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba20d 0,#0000 50%)}[data-theme=light] .App{background:linear-gradient(135deg,#fff,#f8f9fa)}[data-theme=light] .App:before{background:radial-gradient(circle at 20% 20%,#667eea0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba20d 0,#0000 50%)}*{transition-duration:.3s;transition-property:background-color,color,border-color,box-shadow;transition-timing-function:ease}.preload *{transition:none!important}.App{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);min-height:100vh;overflow:hidden;position:relative}.App:before{background:radial-gradient(circle at 20% 20%,#5865f21a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff73b31a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.container{margin:0 auto;max-width:1200px;padding:0 24px;position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-color:#667eea;--primary-dark:#5568d3;--primary-light:#7c8ff5;--bg-dark:#0f0f23;--bg-darker:#0a0a15;--bg-card:#ffffff0d;--bg-card-hover:#ffffff14;--bg-input:#ffffff08;--bg-modal:#1a1a2efa;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--text-muted:#fff6;--border-color:#ffffff1a;--border-color-hover:#fff3;--border-accent:#667eea80;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--error:#ef4444;--error-bg:#ef44441a;--info:#3b82f6;--info-bg:#3b82f61a;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #0003;--shadow-lg:0 8px 32px #0000004d;--shadow-xl:0 20px 60px #0006;--shadow-glow:0 0 20px #667eea4d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);padding:24px;padding:var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-base)}.card:hover{background:#ffffff14;background:var(--bg-card-hover);border-color:#fff3;border-color:var(--border-color-hover);box-shadow:0 4px 16px #0003;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-gradient{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d}.input,.select,.textarea{background:#ffffff08;background:var(--bg-input);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-size:15px;padding:12px 16px;transition:all .2s ease;transition:all var(--transition-base);width:100%}.input:focus,.select:focus,.textarea:focus{background:#ffffff0d;background:var(--bg-card);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.input::placeholder,.textarea::placeholder{color:#fff6;color:var(--text-muted)}.btn{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:inline-flex;font-size:15px;gap:8px;padding:12px 24px;transition:all .2s ease;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--primary-gradient);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:0 0 20px #667eea4d;box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#ffffff14;background:var(--bg-card-hover);border-color:#fff3;border-color:var(--border-color-hover)}.btn:disabled{cursor:not-allowed;opacity:.5}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-success{background:#10b9811a;background:var(--success-bg);border:1px solid #10b981;border:1px solid var(--success);color:#10b981;color:var(--success)}.badge-warning{background:#f59e0b1a;background:var(--warning-bg);border:1px solid #f59e0b;border:1px solid var(--warning);color:#f59e0b;color:var(--warning)}.badge-error{background:#ef44441a;background:var(--error-bg);border:1px solid #ef4444;border:1px solid var(--error);color:#ef4444;color:var(--error)}.badge-info{background:#3b82f61a;background:var(--info-bg);border:1px solid #3b82f6;border:1px solid var(--info);color:#3b82f6;color:var(--info)}.section-header{margin-bottom:var(--spacing-lg)}.section-title{color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.section-subtitle{color:#ffffffb3;color:var(--text-secondary);font-size:16px;line-height:1.6}.info-box{background:#3b82f61a;background:var(--info-bg);border-left:4px solid #3b82f6;border-left:4px solid var(--info);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:12px;padding:16px}.info-box-icon{flex-shrink:0;font-size:24px}.info-box-content{color:#fff;color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.6}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff14 50%,#ffffff0d);background:linear-gradient(90deg,var(--bg-card) 0,var(--bg-card-hover) 50%,var(--bg-card) 100%);background-size:200% 100%;border-radius:12px;border-radius:var(--radius-md)}.empty-state{color:#ffffffb3;color:var(--text-secondary);padding:48px;padding:var(--spacing-2xl)}.empty-state-icon{font-size:64px;margin-bottom:16px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.empty-state-text{color:#ffffffb3;color:var(--text-secondary);font-size:15px;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#ffffffb3;color:var(--text-secondary)}.text-tertiary{color:#ffffff80;color:var(--text-tertiary)}.text-muted{color:#fff6;color:var(--text-muted)}.bg-card{background:#ffffff0d;background:var(--bg-card)}.bg-gradient{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.shadow-sm{box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 16px #0003;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:8px;border-radius:var(--radius-sm)}.rounded-md{border-radius:12px;border-radius:var(--radius-md)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:24px;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}*,a,body,body *,button,input,select,textarea{cursor:none!important}.custom-cursor{border:2px solid #4f46e566;height:32px;transition:width .2s ease,height .2s ease,border-color .2s ease;width:32px;z-index:9999}.custom-cursor,.custom-cursor-dot{border-radius:50%;pointer-events:none;position:fixed;transform:translate(-50%,-50%);will-change:transform}.custom-cursor-dot{background:#4f46e5;height:6px;transition:width .2s ease,height .2s ease;width:6px;z-index:10000}.custom-cursor.hovering{background:#4f46e50d;border-color:#4f46e599;border-width:2.5px;height:48px;width:48px}.custom-cursor-dot.hovering{background:#4f46e5;height:8px;width:8px}@media (max-width:768px){.custom-cursor,.custom-cursor-dot{display:none}body *{cursor:auto!important}}.theme-toggle-btn{background:none;border:none;cursor:pointer;height:32px;padding:0;width:60px}.theme-toggle-btn,.theme-toggle-track{position:relative;transition:all .3s ease}.theme-toggle-track{background:#ffffff1a;border:2px solid #fff3;border-radius:20px;height:100%;width:100%}.theme-toggle-btn:hover .theme-toggle-track{background:#ffffff26;border-color:#ffffff4d}.theme-toggle-thumb{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;font-size:14px;height:24px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}[data-theme=light] .theme-toggle-thumb{transform:translateX(28px)}[data-theme=light] .theme-toggle-track{background:#667eea26;border-color:#667eea4d}.theme-toggle-btn:active .theme-toggle-thumb{transform:scale(.95)}[data-theme=light] .theme-toggle-btn:active .theme-toggle-thumb{transform:translateX(28px) scale(.95)}.header{background:#0000;left:0;padding:20px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0acc;box-shadow:0 4px 30px #0000004d;padding:15px 0}.header-content{justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo{cursor:pointer;gap:12px}.nav{display:flex;gap:32px}.nav a{color:#fff;font-size:15px;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav a:after{background:linear-gradient(135deg,#5865f2,#ff73b3);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav a:hover:after{width:100%}.nav a:hover{color:#5865f2}.header-actions{gap:16px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:10px 24px;transition:all .3s ease}.btn-secondary{background:#0000;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.btn-primary{background:linear-gradient(135deg,#5865f2,#ff73b3);box-shadow:0 4px 15px #5865f24d}.btn-primary:hover{box-shadow:0 6px 20px #5865f266;transform:translateY(-2px)}@media (max-width:768px){.nav{display:none}.header-actions{gap:8px}.btn{font-size:13px;padding:8px 16px}}.hero{align-items:center;display:flex;min-height:100vh;padding:120px 0 80px;position:relative}.hero-background{overflow:hidden}.grid-pattern,.hero-background{bottom:0;left:0;position:absolute;right:0;top:0}.grid-pattern{background-image:linear-gradient(#5865f20d 1px,#0000 0),linear-gradient(90deg,#5865f20d 1px,#0000 0);background-size:50px 50px;-webkit-mask-image:radial-gradient(ellipse at center,#000 0,#0000 70%);mask-image:radial-gradient(ellipse at center,#000 0,#0000 70%)}.gradient-orb{animation:float 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);position:absolute}.orb-1{background:radial-gradient(circle,#5865f24d 0,#0000 70%);height:500px;left:-200px;top:-200px;width:500px}.orb-2{animation-delay:-4s;background:radial-gradient(circle,#ff73b34d 0,#0000 70%);bottom:-150px;height:400px;right:-150px;width:400px}.hero-content{animation:fadeInUp 1s ease-out;margin:0 auto;max-width:800px;text-align:center}.hero-badge{align-items:center;animation:pulse 2s ease-in-out infinite;background:#5865f21a;border:1px solid #5865f24d;border-radius:50px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 20px}.badge-icon{font-size:16px}.hero-title{font-size:64px;font-weight:800;letter-spacing:-2px;line-height:1.2;margin-bottom:24px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#ff73b3);-webkit-background-clip:text;background-clip:text}.hero-description{color:#ffffffb3;font-size:20px;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:60px}.btn-hero-primary{align-items:center;background:linear-gradient(135deg,#5865f2,#ff73b3);border:none;border-radius:12px;box-shadow:0 8px 24px #5865f24d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease}.btn-hero-primary:hover{box-shadow:0 12px 32px #5865f266;transform:translateY(-2px)}.btn-hero-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease}.btn-hero-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.hero-stats{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:48px;justify-content:center;margin:0 auto;max-width:600px;padding:32px}.stat-divider{background:#ffffff1a;height:40px;width:1px}.hero-visual{display:flex;justify-content:center;margin-top:80px}.visual-card{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:24px;width:100%}.card-header{border-bottom:1px solid #ffffff1a;gap:12px;margin-bottom:24px;padding-bottom:16px}.card-dots{display:flex;gap:6px}.card-dots span{background:#fff3;border-radius:50%;height:12px;width:12px}.card-dots span:first-child{background:#ff5f56}.card-dots span:nth-child(2){background:#ffbd2e}.card-dots span:nth-child(3){background:#27c93f}.card-title{color:#fffc;font-weight:600}.message-bubble{align-items:flex-start;gap:16px}.avatar{background:linear-gradient(135deg,#5865f2,#ff73b3);border-radius:50%;flex-shrink:0;height:40px;width:40px}.message{flex:1 1}.message-text{background:#ffffff1a;color:#ffffffe6;margin-bottom:12px}.message-text,.typing-indicator{border-radius:12px;padding:12px 16px}.typing-indicator{background:#5865f233;display:flex;gap:6px;width:-webkit-fit-content;width:fit-content}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#fff9;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}@media (max-width:768px){.hero{padding:100px 0 60px}.hero-title{font-size:40px}.hero-description{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-stats{flex-wrap:wrap;gap:24px}.stat-divider{display:none}}.trusted-by{padding:80px 0 40px;position:relative}.trusted-by-label{color:#fff6;font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:40px;text-align:center;text-transform:uppercase}.companies-grid{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:1000px}.company-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;display:flex;flex-direction:column;gap:12px;opacity:.7;padding:24px;transition:all .3s ease}.company-item:hover{background:#ffffff0d;border-color:#ffffff1a;opacity:1;transform:translateY(-4px)}.company-logo{font-size:40px}.company-name{color:#fffc;font-size:16px;font-weight:600}@media (max-width:768px){.trusted-by{padding:60px 0 30px}.companies-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.company-item{padding:20px 16px}.company-logo{font-size:32px}.company-name{font-size:14px}}.features{padding:120px 0;position:relative}.features-header{margin:0 auto 80px;max-width:700px;text-align:center}.section-title{font-size:48px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:16px}.section-description{color:#fff9;font-size:18px;line-height:1.6}.features-grid{grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{animation:fadeInUp .8s ease-out backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:16px;padding:32px;transition:all .3s ease}.feature-card:hover{background:#ffffff14;border-color:#5865f24d;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.feature-icon{display:inline-block;font-size:48px;margin-bottom:20px}.feature-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:12px}.feature-description{color:#fff9;font-size:16px;line-height:1.6}@media (max-width:768px){.features{padding:80px 0}.section-title{font-size:36px}.features-grid{gap:24px;grid-template-columns:1fr}}.demo{padding:120px 0;position:relative}.demo-header{margin:0 auto 60px;max-width:700px;text-align:center}.demo-tabs{display:flex;gap:16px;justify-content:center;margin-bottom:48px}.tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff9;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.tab:hover{background:#ffffff14;color:#fffc}.tab.active{background:linear-gradient(135deg,#5865f2,#ff73b3);border-color:#0000;color:#fff}.demo-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;min-height:400px;padding:48px}.demo-panel{animation:fadeInUp .5s ease-out}.chat-interface{margin:0 auto;max-width:600px}.chat-messages{display:flex;flex-direction:column;gap:24px}.chat-message{display:flex;gap:12px}.chat-message.user{justify-content:flex-end}.chat-message.user .message-content{background:linear-gradient(135deg,#5865f2,#ff73b3);color:#fff}.chat-message.ai .message-content{background:#ffffff1a;color:#ffffffe6}.message-content{border-radius:16px;line-height:1.6;max-width:80%;padding:16px 20px}.message-content ul{margin:12px 0 0 20px;padding:0}.message-content li{margin:8px 0}.automation-flow{flex-wrap:wrap;gap:24px;justify-content:center}.automation-flow,.flow-step{align-items:center;display:flex}.flow-step{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:16px;min-width:200px;padding:24px}.step-number{background:linear-gradient(135deg,#5865f2,#ff73b3);border-radius:50%;font-size:24px;font-weight:700}.step-content h4{font-size:18px;font-weight:600;margin-bottom:8px;text-align:center}.step-content p{color:#fff9;font-size:14px;text-align:center}.flow-arrow{color:#ffffff4d;font-size:32px}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.metric-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#ff73b3);-webkit-background-clip:text;background-clip:text;font-size:48px;margin-bottom:8px}.metric-label{color:#fff9;font-size:16px;margin-bottom:12px}.metric-change{border-radius:20px;font-size:14px;font-weight:600;padding:4px 12px}.metric-change.positive{background:#27c93f33;color:#27c93f}@media (max-width:768px){.demo{padding:80px 0}.demo-content{padding:24px}.demo-tabs{flex-wrap:wrap}.tab{font-size:14px;padding:10px 20px}.flow-arrow{transform:rotate(90deg)}}.pricing{padding:120px 0;position:relative}.pricing-header{margin:0 auto 60px;max-width:700px;text-align:center}.billing-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:inline-flex;gap:8px;margin-top:32px;padding:4px}.billing-toggle button{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.billing-toggle button.active{background:linear-gradient(135deg,#5865f2,#ff73b3);color:#fff}.save-badge{background:#27c93f33;border-radius:20px;color:#27c93f;font-size:12px;font-weight:600;padding:2px 8px}.pricing-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:48px}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:40px 32px;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:#5865f24d;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.pricing-card.highlighted{background:#5865f20d;border-color:#5865f280;box-shadow:0 20px 60px #5865f233;transform:scale(1.05)}.pricing-card.highlighted:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{background:linear-gradient(135deg,#5865f2,#ff73b3);border-radius:20px;box-shadow:0 4px 12px #5865f266;color:#fff;font-size:13px;font-weight:600;left:50%;padding:6px 20px;position:absolute;top:-12px;transform:translateX(-50%)}.plan-name{font-size:28px;font-weight:700;margin-bottom:8px}.plan-description{color:#fff9;font-size:15px;margin-bottom:24px}.plan-price{align-items:baseline;display:flex;margin-bottom:32px}.currency{color:#fffc;font-size:24px;font-weight:600;margin-right:4px}.amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#ff73b3);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:800}.period{color:#fff9;font-size:16px;margin-left:4px}.plan-features{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.plan-features li{align-items:center;color:#fffc;display:flex;gap:12px}.plan-features svg{color:#27c93f;flex-shrink:0}.btn-plan-primary{background:linear-gradient(135deg,#5865f2,#ff73b3);border:none;border-radius:12px;box-shadow:0 8px 24px #5865f24d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.btn-plan-primary:hover{box-shadow:0 12px 32px #5865f266;transform:translateY(-2px)}.btn-plan-secondary{background:#ffffff0d;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.btn-plan-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.pricing-footer{color:#fff9;font-size:14px;text-align:center}@media (max-width:768px){.pricing{padding:80px 0}.pricing-grid{grid-template-columns:1fr}.pricing-card.highlighted{transform:scale(1)}.pricing-card.highlighted:hover{transform:translateY(-8px)}.billing-toggle{flex-direction:column;width:100%}.billing-toggle button{width:100%}}.testimonials{padding:120px 0;position:relative}.testimonials-header{margin:0 auto 80px;max-width:700px;text-align:center}.testimonials-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:80px}.testimonial-card{animation:fadeInUp .8s ease-out backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:32px;transition:all .3s ease}.testimonial-card:hover{background:#ffffff14;border-color:#5865f24d;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.testimonial-rating{display:flex;font-size:18px;gap:4px;margin-bottom:20px}.testimonial-content{color:#fffc;font-size:16px;font-style:italic;line-height:1.6;margin-bottom:24px}.testimonial-author{align-items:center;display:flex;gap:16px}.author-avatar{align-items:center;background:linear-gradient(135deg,#5865f2,#ff73b3);border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.author-info{flex:1 1}.author-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.author-role{color:#fff9;font-size:14px}.testimonials-stats{grid-gap:48px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:48px;text-align:center}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#ff73b3);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800}.stat-label{font-size:16px}@media (max-width:768px){.testimonials{padding:80px 0}.testimonials-grid{gap:24px;grid-template-columns:1fr}.testimonials-stats{gap:32px;grid-template-columns:1fr;padding:32px 24px}}.faq{padding:120px 0;position:relative}.faq-header{margin:0 auto 60px;max-width:700px;text-align:center}.faq-list{display:flex;flex-direction:column;gap:16px;margin:0 auto 60px;max-width:800px}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;padding:24px;transition:all .3s ease}.faq-item:hover{background:#ffffff14;border-color:#5865f24d}.faq-item.open{background:#5865f20d;border-color:#5865f280}.faq-question{align-items:center;display:flex;gap:16px;justify-content:space-between}.faq-question h3{color:#fff;font-size:18px;font-weight:600;margin:0}.faq-icon{color:#fff9;flex-shrink:0;transition:transform .3s ease}.faq-item.open .faq-icon{color:#5865f2;transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,margin-top .3s ease}.faq-item.open .faq-answer{margin-top:16px;max-height:500px}.faq-answer p{color:#ffffffb3;font-size:16px;line-height:1.6;margin:0}.faq-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;margin:0 auto;max-width:600px;padding:48px;text-align:center}.faq-cta p{font-size:20px;margin-bottom:24px}.btn-faq,.faq-cta p{color:#fff;font-weight:600}.btn-faq{background:linear-gradient(135deg,#5865f2,#ff73b3);border:none;border-radius:12px;box-shadow:0 8px 24px #5865f24d;cursor:pointer;font-size:16px;padding:14px 32px;transition:all .3s ease}.btn-faq:hover{box-shadow:0 12px 32px #5865f266;transform:translateY(-2px)}@media (max-width:768px){.faq{padding:80px 0}.faq-question h3{font-size:16px}.faq-answer p{font-size:14px}.faq-cta{padding:32px 24px}.faq-cta p{font-size:18px}}.newsletter{padding:80px 0;position:relative}.newsletter-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:32px;margin:0 auto;max-width:700px;overflow:hidden;padding:64px 48px;position:relative;text-align:center}.newsletter-content:before{background:radial-gradient(circle,#5865f233 0,#0000 70%);content:"";filter:blur(60px);height:400px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.newsletter-icon{font-size:56px;margin-bottom:24px}.newsletter-title{font-size:36px;font-weight:800;margin-bottom:16px;position:relative;z-index:1}.newsletter-description{color:#ffffffb3;font-size:18px;margin-bottom:32px;position:relative;z-index:1}.newsletter-form{margin-bottom:16px;position:relative;z-index:1}.form-group{gap:12px;margin:0 auto;max-width:500px}.newsletter-input{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;flex:1 1;font-size:16px;outline:none;padding:16px 24px;transition:all .3s ease}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{background:#ffffff26;border-color:#5865f280;box-shadow:0 0 0 3px #5865f21a}.newsletter-input:disabled{cursor:not-allowed;opacity:.6}.btn-newsletter{background:linear-gradient(135deg,#5865f2,#ff73b3);border:none;border-radius:12px;box-shadow:0 8px 24px #5865f24d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease;white-space:nowrap}.btn-newsletter:hover:not(:disabled){box-shadow:0 12px 32px #5865f266;transform:translateY(-2px)}.btn-newsletter:disabled{background:linear-gradient(135deg,#27c93f,#27c93f);cursor:not-allowed;opacity:.8}.newsletter-privacy{color:#ffffff80;font-size:14px;position:relative;z-index:1}@media (max-width:768px){.newsletter{padding:60px 0}.newsletter-content{padding:48px 24px}.newsletter-title{font-size:28px}.newsletter-description{font-size:16px}.form-group{flex-direction:column}.btn-newsletter{width:100%}}.cta{padding:120px 0;position:relative}.cta-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:32px;overflow:hidden;padding:80px 48px;position:relative;text-align:center}.cta-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.cta-gradient{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#5865f24d 0,#0000 70%);filter:blur(80px);height:600px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.cta-title{font-size:48px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:16px;position:relative;z-index:1}.cta-description{color:#ffffffb3;font-size:20px;line-height:1.6;margin-left:auto;margin-right:auto;max-width:600px}.cta-actions,.cta-description{margin-bottom:40px;position:relative;z-index:1}.cta-actions{display:flex;gap:16px;justify-content:center}.btn-cta-primary{background:linear-gradient(135deg,#5865f2,#ff73b3);border:none;border-radius:12px;box-shadow:0 8px 24px #5865f24d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 40px;transition:all .3s ease}.btn-cta-primary:hover{box-shadow:0 12px 32px #5865f266;transform:translateY(-2px)}.btn-cta-secondary{background:#0000;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 40px;transition:all .3s ease}.btn-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.cta-features{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;position:relative;z-index:1}.cta-feature{align-items:center;color:#fffc;display:flex;font-size:15px;gap:8px}@media (max-width:768px){.cta{padding:80px 0}.cta-content{padding:48px 24px}.cta-title{font-size:32px}.cta-description{font-size:16px}.cta-actions{align-items:stretch;flex-direction:column}.cta-features{align-items:center;flex-direction:column;gap:16px}}.footer{background:#0000004d;border-top:1px solid #ffffff1a;padding:80px 0 40px;position:relative;z-index:1}.footer-content{grid-gap:48px;display:grid;gap:48px;grid-template-columns:2fr 1fr 1fr 1fr 1fr;margin-bottom:48px}.footer-section{display:flex;flex-direction:column;gap:20px}.footer-logo{align-items:center;display:flex;gap:12px;margin-bottom:8px}.footer-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#ff73b3);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.footer-description{color:#fff9;font-size:14px;line-height:1.6}.footer-social{display:flex;gap:12px}.social-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#fff9;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-link:hover{background:#5865f233;border-color:#5865f24d;color:#5865f2;transform:translateY(-2px)}.footer-title{color:#fff;font-size:16px;font-weight:600}.footer-links{display:flex;flex-direction:column;gap:12px;list-style:none}.footer-links a{color:#fff9;font-size:14px;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#5865f2;padding-left:4px}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;color:#ffffff80;display:flex;font-size:14px;justify-content:space-between;padding-top:32px;text-align:center}@media (max-width:1024px){.footer-content{gap:32px;grid-template-columns:1fr 1fr 1fr}.footer-section:first-child{grid-column:1/-1}}@media (max-width:768px){.footer{padding:60px 0 30px}.footer-content{gap:32px;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}.scroll-to-top{align-items:center;background:linear-gradient(135deg,#5865f2,#ff73b3);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 20px #5865f266;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:all .3s ease;visibility:hidden;width:50px;z-index:999}.scroll-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-to-top:hover{box-shadow:0 6px 24px #5865f280;transform:translateY(-4px)}.scroll-to-top:active{transform:translateY(-2px)}@media (max-width:768px){.scroll-to-top{bottom:20px;height:45px;right:20px;width:45px}}.auth-page{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-background{background:radial-gradient(circle at 20% 20%,#5865f226 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff73b326 0,#0000 50%);bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0}.auth-container{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr 1fr;max-width:1200px;padding:32px;position:relative;width:100%;z-index:1}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:48px}.auth-header{margin-bottom:32px;text-align:center}.auth-logo{align-items:center;display:inline-flex;gap:12px;margin-bottom:24px;text-decoration:none}.logo-icon{font-size:40px}.logo-text{font-size:24px}.auth-header h1{color:#fff;font-size:32px;font-weight:800;margin-bottom:8px}.auth-header p{color:#fff9;font-size:16px}.auth-error{align-items:center;background:#ff5f561a;border:1px solid #ff5f564d;border-radius:12px;color:#ff5f56;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#ffffffe6}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;outline:none;padding:14px 16px;transition:all .3s ease}.form-group input:focus{background:#ffffff14;border-color:#5865f280;box-shadow:0 0 0 3px #5865f21a}.form-group input:disabled{cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#fff6}.form-options{align-items:center;display:flex;font-size:14px;justify-content:space-between}.checkbox-label{font-weight:500}.checkbox-label span{color:#fffffff2}.checkbox-label input[type=checkbox]{accent-color:#5865f2;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:4px}.forgot-link,.inline-link{color:#5865f2;text-decoration:none;transition:color .3s ease}.forgot-link:hover,.inline-link:hover{color:#ff73b3}.auth-button{align-items:center;background:linear-gradient(135deg,#5865f2,#ff73b3);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .3s ease}.auth-button:hover:not(:disabled){box-shadow:0 12px 32px #5865f266;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.auth-divider{margin:24px 0;position:relative;text-align:center}.auth-divider:before{background:#ffffff1a;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#ffffff0d;color:#ffffff80;font-size:13px;padding:0 16px;position:relative}.social-auth{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.social-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:14px;transition:all .3s ease}.social-button:hover{background:#ffffff1a;transform:translateY(-2px)}.auth-footer{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:24px;text-align:center}.auth-footer p{color:#ffffffe6;font-size:14px}.auth-link{color:#5865f2;font-weight:600;margin-left:4px;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#ff73b3;text-decoration:underline}.auth-features{display:flex;flex-direction:column;gap:32px;justify-content:center}.auth-features h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#ff73b3);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800}.features-list{display:flex;flex-direction:column;gap:24px}.feature-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.feature-item:hover{background:#ffffff14;transform:translateX(8px)}.feature-icon{flex-shrink:0}.feature-item h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:4px}.feature-item p{color:#fff9;font-size:14px;line-height:1.5}.success-message{padding:48px;text-align:center}.success-icon{animation:scaleIn .5s ease-out;font-size:80px;margin-bottom:24px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message h2{font-size:32px;margin-bottom:16px}.success-message p{color:#ffffffb3;margin-bottom:8px}.redirect-text{color:#5865f2;font-weight:600}@media (max-width:1024px){.auth-container{grid-template-columns:1fr}.auth-features{display:none}.auth-card{padding:32px}}@media (max-width:640px){.auth-container{padding:16px}.auth-card{padding:24px}.auth-header h1{font-size:24px}.social-auth{grid-template-columns:1fr}}.dashboard-layout{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);display:flex;min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-right:1px solid #ffffff1a;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:all .3s ease;width:260px;z-index:1000}.sidebar.closed{width:80px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px}.logo-link{text-decoration:none}.dashboard-logo{align-items:center;display:flex;gap:12px}.logo-icon{font-size:32px;transition:transform .3s ease}.logo-icon:hover{transform:rotate(-10deg)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#ff73b3);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.sidebar-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;height:28px;transition:all .3s ease;width:28px}.sidebar-toggle:hover{background:#ffffff1a;transform:scale(1.1)}.sidebar.closed .sidebar-toggle{margin-left:auto;margin-right:auto}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px}.nav-item{border-radius:8px;color:#ffffffb3;margin-bottom:4px;padding:12px 16px;text-decoration:none;transition:all .3s ease}.nav-item:hover{background:#ffffff0d;color:#ffffffe6}.nav-item.active{background:linear-gradient(135deg,#5865f233,#ff73b333);border-left:3px solid #5865f2}.nav-item.highlight{animation:glow 2s ease-in-out infinite;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-weight:600}.nav-item.highlight.active,.nav-item.highlight:hover{background:linear-gradient(135deg,#f5576c,#f093fb)}.nav-item.highlight.active{border-left:3px solid #f5576c}@keyframes glow{0%,to{box-shadow:0 0 5px #f5576c80}50%{box-shadow:0 0 20px #f5576ccc}}.nav-icon{flex-shrink:0}.sidebar.closed .nav-item{justify-content:center;padding:12px}.sidebar.closed .nav-label{display:none}.nav-label{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px}.new-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:10px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px}.user-profile{background:#ffffff0d;border-radius:8px;gap:12px;margin-bottom:12px;padding:12px}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#5865f2,#ff73b3);border-radius:50%;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.user-info{flex:1 1;overflow:hidden}.user-name{font-size:14px;font-weight:600;margin-bottom:2px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#ffffff80;font-size:12px}.sidebar.closed .user-info{display:none}.logout-btn{align-items:center;background:#ff5f561a;border:1px solid #ff5f564d;border-radius:8px;color:#ff5f56;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .3s ease;width:100%}.logout-btn:hover{background:#ff5f5633;transform:translateY(-2px)}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;transition:all .3s ease}.main-content.expanded{margin-left:80px}.top-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0acc;border-bottom:1px solid #ffffff1a;display:flex;height:70px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-menu-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:20px;height:40px;transition:all .3s ease;width:40px}.mobile-menu-btn:hover{background:#ffffff1a}.top-bar-right{gap:16px}.icon-btn,.top-bar-right{align-items:center;display:flex}.icon-btn{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff;font-size:18px;height:40px;justify-content:center;position:relative;text-decoration:none;transition:all .3s ease;width:40px}.icon-btn:hover{background:#ffffff1a;transform:scale(1.05)}.notification-badge{align-items:center;background:#ff5f56;border-radius:50%;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.back-to-home-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffe6;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease}.back-to-home-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.page-content{flex:1 1;overflow-y:auto}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0!important}.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.top-bar{padding:0 16px}.back-to-home-btn{display:none}}.page-content::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.page-content::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.page-content::-webkit-scrollbar-thumb:hover,.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dashboard-v2{animation:fadeIn .3s ease;margin:0 auto;max-width:1400px;padding:var(--space-8)}.dashboard-header{align-items:flex-start;display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-8)}.dashboard-header h1{margin-bottom:var(--space-2)}.time-range-selector{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.time-range-selector:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.time-range-selector:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a;outline:none}.stats-grid{grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-8)}.stat-card{overflow:hidden;position:relative;transition:all var(--transition-base)}.stat-card:before{content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.stat-card-primary:before,.stat-card:before{background:linear-gradient(90deg,var(--primary-500),var(--primary-600))}.stat-card-success:before{background:linear-gradient(90deg,var(--success),var(--success-dark))}.stat-card-info:before{background:linear-gradient(90deg,var(--info),var(--info-dark))}.stat-card-accent:before{background:linear-gradient(90deg,var(--accent-500),var(--accent-600))}.stat-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg)}.stat-card:hover:before{opacity:1}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.stat-icon{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);height:48px;width:48px}.stat-change{align-items:center;border-radius:var(--radius-full);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.stat-change.up{background:var(--success-light);color:var(--success-dark)}.stat-change.down{background:var(--error-light);color:var(--error-dark)}[data-theme=dark] .stat-change.up{background:#10b98126;color:var(--success)}[data-theme=dark] .stat-change.down{background:#ef444426;color:var(--error)}.change-arrow{font-size:12px}.stat-value{font-size:var(--text-4xl);line-height:1}.stat-label{font-weight:var(--font-medium)}.stat-sparkline{background:linear-gradient(90deg,#0000 0,#6366f11a 50%,#0000);border-radius:var(--radius-md);height:32px;margin-top:var(--space-4)}.section-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);padding:var(--space-6)}.section-header{align-items:flex-start;margin-bottom:var(--space-6)}.section-header h2{margin-bottom:var(--space-1)}.quick-actions-grid{grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.quick-action-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.quick-action-card:hover{background:var(--bg-card-hover);border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-icon-wrapper{align-items:center;border-radius:var(--radius-xl);display:flex;height:64px;justify-content:center;position:relative;width:64px}.action-icon-wrapper:before{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));border-radius:var(--radius-xl);content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity var(--transition-base)}.quick-action-card:hover .action-icon-wrapper:before{opacity:1}.action-icon-wrapper.icon-primary{background:#6366f11a}.action-icon-wrapper.icon-success{background:#10b9811a}.action-icon-wrapper.icon-info{background:#3b82f61a}.action-icon-wrapper.icon-warning{background:#f59e0b1a}.action-icon-wrapper.icon-accent{background:#d946ef1a}.action-icon{font-size:32px}.action-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.dashboard-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr;margin-bottom:var(--space-6)}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:var(--space-4)}.activity-item{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.activity-item:hover{background:var(--bg-card-hover);border-color:var(--border-default);transform:translateX(4px)}.activity-avatar{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.activity-avatar.avatar-primary{background:#6366f126}.activity-avatar.avatar-success{background:#10b98126}.activity-avatar.avatar-info{background:#3b82f626}.activity-avatar.avatar-warning{background:#f59e0b26}.activity-avatar.avatar-accent{background:#d946ef26}.activity-content{flex:1 1}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.activity-platform{color:var(--text-primary);font-size:var(--text-sm)}.activity-time{font-size:var(--text-xs)}.activity-text{font-size:var(--text-sm);line-height:var(--leading-normal)}.upcoming-posts-list{display:flex;flex-direction:column;gap:var(--space-4)}.upcoming-post-item{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-fast)}.upcoming-post-item:hover{background:var(--bg-card-hover);border-color:var(--border-default);transform:translateX(4px)}.post-icon-wrapper{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.post-icon-wrapper.icon-primary{background:#6366f126}.post-icon-wrapper.icon-info{background:#3b82f626}.post-icon-wrapper.icon-accent{background:#d946ef26}.post-content{flex:1 1}.post-platform{color:var(--text-primary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.post-text{font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-2)}.post-scheduled{align-items:center;display:flex;font-size:var(--text-xs);gap:var(--space-2)}.scheduled-icon{font-size:14px}.performance-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.performance-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.performance-label{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.performance-value{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.performance-bar{background:var(--bg-card);border-radius:var(--radius-full);height:6px;overflow:hidden}.performance-bar-fill{background:linear-gradient(90deg,var(--primary-500),var(--accent-500));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-v2{padding:var(--space-4)}.dashboard-header{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.performance-grid{grid-template-columns:1fr}}@media (max-width:480px){.quick-actions-grid{grid-template-columns:1fr}}.create-content-v2{animation:fadeIn .3s ease;margin:0 auto;max-width:1400px;padding:var(--space-8)}.page-header{margin-bottom:var(--space-8)}.progress-steps{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-8);padding:var(--space-6)}.progress-step,.progress-steps{align-items:center;display:flex}.progress-step{flex:1 1;gap:var(--space-4);position:relative}.step-number{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-tertiary);display:flex;font-size:var(--text-lg);font-weight:var(--font-bold);height:48px;justify-content:center;transition:all var(--transition-base);width:48px}.progress-step.active .step-number{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:var(--primary-500);box-shadow:0 0 20px #6366f166;color:#fff}.progress-step.completed .step-number{background:var(--success);border-color:var(--success);color:#fff}.progress-step.completed .step-number:after{content:"✓"}.step-info{flex:1 1}.step-label{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.step-desc{color:var(--text-tertiary);font-size:var(--text-sm)}.progress-step.active .step-label{color:var(--primary-500)}.step-divider{background:var(--border-default);height:2px;margin:0 var(--space-4);position:relative;width:80px}.progress-step.completed+.step-divider{background:var(--success)}.create-content-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 400px}.main-column,.sidebar-column{display:flex;flex-direction:column;gap:var(--space-6)}.platforms-grid{grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}.platform-card{align-items:center;border:2px solid var(--border-subtle);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8)}.platform-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg)}.platform-card.selected{background:linear-gradient(135deg,#6366f10d,#6366f11a);border-color:var(--primary-500);box-shadow:0 0 20px #6366f133}.platform-icon-large{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);height:80px;width:80px}.platform-icon-large,.selected-badge{align-items:center;display:flex;justify-content:center}.selected-badge{background:var(--success);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;font-size:var(--text-lg);font-weight:var(--font-bold);height:32px;position:absolute;right:var(--space-4);top:var(--space-4);width:32px}.templates-section{margin-bottom:var(--space-6)}.templates-grid{grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.template-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);text-align:left;transition:all var(--transition-fast)}.template-card:hover{background:linear-gradient(135deg,#6366f10d,#6366f11a);border-color:var(--primary-500);transform:translateX(4px)}.template-icon{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.template-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:2px}.template-desc{color:var(--text-tertiary);font-size:var(--text-xs)}.editor-section{margin-bottom:var(--space-6)}.editor-toolbar{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;gap:var(--space-2);padding:var(--space-3)}.editor-toolbar,.toolbar-btn{align-items:center;display:flex}.toolbar-btn{background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-base);height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.toolbar-btn:hover{background:var(--bg-card);border-color:var(--border-default);color:var(--text-primary)}.toolbar-divider{background:var(--border-default);height:24px;margin:0 var(--space-2);width:1px}.content-editor{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:0;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);padding:var(--space-4);resize:vertical;transition:all var(--transition-fast);width:100%}.content-editor:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a;outline:none}.content-editor::placeholder{color:var(--text-tertiary)}.editor-footer{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;justify-content:flex-end;padding:var(--space-3)}.char-count{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium)}.media-section{margin-bottom:var(--space-6)}.media-upload-area{background:var(--bg-elevated);border:2px dashed var(--border-default);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-8);text-align:center;transition:all var(--transition-base)}.media-upload-area:hover{background:linear-gradient(135deg,#6366f105,#6366f10d);border-color:var(--primary-500)}.upload-label{cursor:pointer;display:block}.upload-icon{font-size:48px}.upload-text{color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-2)}.upload-hint{color:var(--text-tertiary);font-size:var(--text-sm)}.media-preview-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:var(--space-4)}.media-preview{aspect-ratio:1;padding-bottom:100%;position:relative;width:100%}@supports (aspect-ratio:1){.media-preview{padding-bottom:0}}.media-preview img{height:100%;left:0;object-fit:cover;position:absolute;top:0}.remove-media{align-items:center;background:#000000b3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;position:absolute;right:var(--space-2);top:var(--space-2);transition:all var(--transition-fast);width:28px}.remove-media:hover{background:var(--error)}.schedule-options{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-6)}.schedule-option-card{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-6);text-align:left;transition:all var(--transition-base)}.schedule-option-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.schedule-option-card.active{background:linear-gradient(135deg,#6366f10d,#6366f11a);border-color:var(--primary-500);box-shadow:0 0 20px #6366f133}.option-icon{align-items:center;background:var(--bg-card);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;width:56px}.option-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:2px}.option-desc{color:var(--text-tertiary);font-size:var(--text-sm)}.datetime-picker{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.form-row{grid-gap:var(--space-4);gap:var(--space-4)}.form-field label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.step-actions{align-items:center;display:flex;justify-content:space-between;padding-top:var(--space-6)}.action-buttons{display:flex;gap:var(--space-3)}.preview-cards{display:flex;flex-direction:column;gap:var(--space-4)}.platform-preview{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.preview-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.preview-platform-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.preview-content{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);white-space:pre-wrap}.preview-media{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.preview-media img{display:block;height:auto;width:100%}.empty-preview{padding:var(--space-8);text-align:center}.empty-icon{font-size:48px;margin-bottom:var(--space-4)}.tips-list{list-style:none;margin:0;padding:0}.tips-list li{background:var(--bg-elevated);border-left:3px solid var(--primary-500);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2);padding:var(--space-3)}@media (max-width:1200px){.create-content-grid{grid-template-columns:1fr}.sidebar-column{order:-1}}@media (max-width:768px){.create-content-v2{padding:var(--space-4)}.progress-steps{align-items:stretch;flex-direction:column}.step-divider{height:40px;margin:var(--space-2) auto;width:2px}.form-row,.platforms-grid,.schedule-options,.templates-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;width:100%}.action-buttons .btn{width:100%}}.message-alert{animation:slideInRight .3s ease;box-shadow:0 8px 24px #0003;min-width:300px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:9999}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.message-alert.success{background:linear-gradient(135deg,#22c55ef2,#22c55ee6);border:1px solid #22c55e;color:#fff}.message-alert.error{background:linear-gradient(135deg,#ef4444f2,#ef4444e6);border:1px solid #ef4444;color:#fff}.message-alert.warning{background:linear-gradient(135deg,#f59e0bf2,#f59e0be6);border:1px solid #f59e0b;color:#fff}.alert-close{color:#fff;opacity:.8}.editor-footer{align-items:center;display:flex;justify-content:space-between}.editor-actions{display:flex;gap:8px}.optimization-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid var(--primary-color);border-radius:12px;margin-top:20px;padding:20px}.optimization-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.optimization-icon{font-size:2rem}.optimization-header h4{color:var(--text-primary);font-size:1.1rem;margin:0}.optimization-header p{color:var(--text-secondary);font-size:.9rem;margin:4px 0 0}.close-banner{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;margin-left:auto;padding:4px 8px;transition:all .2s}.close-banner:hover{background:#0000001a;color:var(--text-primary)}.optimization-comparison{grid-gap:16px;background:var(--bg-primary);border-radius:8px;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin-bottom:16px;padding:16px}.comparison-side{display:flex;flex-direction:column;gap:8px}.comparison-side label{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.comparison-content{background:var(--bg-secondary);border-radius:6px;color:var(--text-primary);line-height:1.6;min-height:80px;padding:12px}.comparison-content.optimized{background:#667eea0d;border:2px solid var(--primary-color)}.comparison-arrow{align-items:center;color:var(--primary-color);display:flex;font-size:2rem}.optimization-actions{display:flex;gap:12px;justify-content:flex-end}.create-content-v2 .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-content-v2 .modal-content{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:900px;overflow-y:auto;width:90%}.create-content-v2 .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.create-content-v2 .modal-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.create-content-v2 .modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.create-content-v2 .modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.create-content-v2 .modal-body{padding:24px}.create-content-v2 .generating-loader{padding:60px 20px;text-align:center}.create-content-v2 .loader-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin:0 auto 20px;width:50px}.create-content-v2 .generating-loader p{color:var(--text-primary);font-size:1.1rem;margin-bottom:8px}.create-content-v2 .generating-loader small{color:var(--text-secondary)}.create-content-v2 .variants-intro{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:24px;padding:16px}.create-content-v2 .variants-intro p{color:var(--text-primary);font-size:1rem;margin:0}.create-content-v2 .variants-grid{grid-gap:20px;display:grid;gap:20px;margin-bottom:24px}.create-content-v2 .variant-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;padding:20px;transition:all .3s}.create-content-v2 .variant-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #667eea1a}.create-content-v2 .variant-header h3{color:var(--primary-color);font-size:1.1rem;margin:0 0 16px}.create-content-v2 .variant-content{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.create-content-v2 .variant-field label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.create-content-v2 .variant-value{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;line-height:1.6;padding:12px}.create-content-v2 .variant-hypothesis{background:#667eea1a;border-left:3px solid var(--primary-color);border-radius:6px;color:var(--text-primary);font-size:.95rem;font-style:italic;padding:12px}.create-content-v2 .ab-test-info{background:var(--bg-secondary);border-radius:8px;margin-bottom:24px;padding:20px}.create-content-v2 .ab-test-info h4{color:var(--text-primary);margin:0 0 12px}.create-content-v2 .ab-test-info ul{margin:0;padding-left:20px}.create-content-v2 .ab-test-info li{color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.create-content-v2 .modal-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding-top:20px}@media (max-width:768px){.optimization-comparison{grid-template-columns:1fr}.comparison-arrow{justify-content:center;transform:rotate(90deg)}.optimization-actions{flex-direction:column}.optimization-actions button{width:100%}}.calendar-v2{margin:0 auto;max-width:1600px;padding:var(--space-8)}.header-actions{gap:var(--space-3)}.calendar-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 400px}.calendar-controls{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.calendar-nav{gap:var(--space-4)}.calendar-nav,.nav-btn{align-items:center;display:flex}.nav-btn{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:20px;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.nav-btn:hover{background:var(--bg-card-hover);border-color:var(--primary-500)}.current-month{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);min-width:250px;text-align:center}.view-toggles{background:var(--bg-elevated);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-1)}.view-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--primary-500);color:#fff}.calendar-weekdays{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:var(--space-2)}.weekday-header{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;padding:var(--space-3);text-align:center;text-transform:uppercase}.calendar-days{grid-gap:1px;background:var(--border-subtle);border-radius:var(--radius-lg);display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-day{background:var(--bg-elevated);display:flex;flex-direction:column;max-height:120px;min-height:120px;overflow:hidden;padding:var(--space-3);position:relative;transition:all var(--transition-fast)}.calendar-day:hover{background:var(--bg-card-hover);box-shadow:0 2px 8px #0000000d}.calendar-day:hover .day-number{color:var(--text-primary)}.calendar-day.empty{background:var(--bg-card);opacity:.3}.calendar-day.today{background:linear-gradient(135deg,#6366f11a,#6366f10d);border:2px solid var(--primary-500)}.calendar-day.has-posts{border-left:3px solid var(--primary-500)}.day-number{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.day-posts{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);max-height:80px;overflow-y:auto}.day-posts::-webkit-scrollbar{width:4px}.day-posts::-webkit-scrollbar-track{background:#0000}.day-posts::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.day-posts::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.day-post-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-xs);gap:var(--space-2);padding:var(--space-2);transition:all var(--transition-fast)}.day-post-item:hover{border-color:var(--primary-500);transform:scale(1.02)}.more-posts,.post-time{font-weight:var(--font-medium)}.more-posts{color:var(--text-tertiary);font-size:var(--text-xs);padding:var(--space-1);text-align:center}.calendar-legend{border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-6);margin-top:var(--space-6);padding-top:var(--space-4)}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2)}.legend-dot{border-radius:var(--radius-full);height:12px;width:12px}.legend-dot.scheduled{background:var(--primary-500)}.legend-dot.published{background:var(--success)}.legend-dot.draft{background:var(--text-tertiary)}.upcoming-list{display:flex;flex-direction:column;gap:var(--space-4);max-height:600px;overflow-y:auto}.upcoming-list::-webkit-scrollbar{width:6px}.upcoming-list::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:3px}.upcoming-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.upcoming-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.upcoming-post-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-4);transition:all var(--transition-base)}.upcoming-post-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-md);transform:translateX(4px)}.post-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.post-meta{flex:1 1}.post-date{color:var(--text-primary);font-weight:var(--font-semibold)}.post-time{color:var(--text-tertiary);font-size:var(--text-xs)}.post-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);overflow:hidden}.post-footer{align-items:center;display:flex;justify-content:space-between}.status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3)}.status-badge.scheduled{background:#6366f126;color:var(--primary-500)}.media-indicator{font-size:16px}.quick-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.stat-item{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.stat-value{margin-bottom:var(--space-1)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-overlay);z-index:var(--z-modal)}.modal-content{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-height:80vh;overflow:hidden}.modal-header{align-items:flex-start;border-bottom:1px solid var(--border-subtle);padding:var(--space-6)}.modal-title{display:flex;gap:var(--space-4)}.modal-title h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.modal-close{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:24px;transition:all var(--transition-fast)}.modal-close:hover{background:var(--error);border-color:var(--error);color:#fff}.modal-body{max-height:60vh;overflow-y:auto;padding:var(--space-6)}.post-content h4,.post-media h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.post-content p{color:var(--text-secondary);line-height:var(--leading-relaxed)}.post-media{margin-top:var(--space-6)}.media-preview{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.media-preview img{display:block;height:auto;width:100%}.modal-footer{border-top:1px solid var(--border-subtle);gap:var(--space-3);padding:var(--space-6)}@media (max-width:1200px){.calendar-grid{grid-template-columns:1fr}.calendar-sidebar{order:-1}}@media (max-width:768px){.calendar-v2{padding:var(--space-4)}.calendar-controls{flex-direction:column;gap:var(--space-4)}.calendar-day{min-height:80px;padding:var(--space-2)}.quick-stats{grid-template-columns:1fr}}.day-post-item.status-scheduled{background:#3b82f614;border-left:4px solid #3b82f6!important}.day-post-item.status-published{background:#10b98114;border-left:4px solid #10b981!important}.day-post-item.status-draft{background:#f59e0b14;border-left:4px solid #f59e0b!important}.legend-dot.scheduled{background-color:#3b82f6}.legend-dot.published{background-color:#10b981}.legend-dot.draft{background-color:#f59e0b}.date-modal{max-height:80vh;max-width:700px;overflow-y:auto}.date-posts-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.date-post-item{background:var(--bg-elevated);border-left:4px solid #e5e7eb;border-radius:8px;color:var(--text-primary);padding:16px}.date-post-item.status-scheduled{background:#3b82f61a!important;border-left-color:#3b82f6;color:var(--text-primary)!important}.date-post-item.status-published{background:#10b9811a!important;border-left-color:#10b981;color:var(--text-primary)!important}.date-post-item.status-draft{background:#f59e0b1a!important;border-left-color:#f59e0b;color:var(--text-primary)!important}.post-icon-time{align-items:center;display:flex;gap:12px;margin-bottom:12px}.post-time-detail{color:#6b7280;font-size:14px;font-weight:500}.status-badge{border-radius:12px;margin-left:auto}.status-badge.scheduled{background:#dbeafe;color:#1e40af}.status-badge.published{background:#d1fae5;color:#065f46}.status-badge.draft{background:#fef3c7;color:#92400e}.post-content-preview{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:12px}.post-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.post-actions .btn-small{border:1px solid #0000!important;border-radius:6px!important;box-sizing:border-box!important;cursor:pointer;display:inline-block!important;font-size:14px!important;font-weight:500!important;height:36px!important;line-height:34px!important;margin:0!important;outline:none;padding:0!important;text-align:center!important;transition:all .2s;vertical-align:middle!important;width:110px!important}.post-actions .btn-small.btn-secondary{background:var(--primary-500)!important;border-color:var(--primary-500)!important;color:#fff!important}.post-actions .btn-small.btn-secondary:hover{background:var(--primary-600)!important;border-color:var(--primary-600)!important;box-shadow:0 2px 8px #6366f14d;transform:translateY(-1px)}.post-actions .btn-small.btn-danger{background:var(--bg-elevated)!important;border-color:var(--border-default)!important;color:var(--text-secondary)!important}.post-actions .btn-small.btn-danger:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:translateY(-1px)}.no-posts{color:#9ca3af;font-size:16px;padding:40px;text-align:center}.calendar-day.has-posts:hover{cursor:pointer}.ai-research-v2{margin:0 auto;max-width:1200px;padding:var(--space-8)}.search-bar{display:flex;gap:var(--space-3)}.search-bar .input{flex:1 1}.bulk-upload-v2{margin:0 auto;max-width:1200px;padding:var(--space-8)}.upload-zone{background:var(--bg-elevated);border:2px dashed var(--border-default);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-12);text-align:center;transition:all var(--transition-base)}.upload-zone:hover{background:linear-gradient(135deg,#6366f10d,#6366f105);border-color:var(--primary-500)}.upload-icon{font-size:64px;margin-bottom:var(--space-4)}.upload-zone p{color:var(--text-primary);margin-bottom:var(--space-6)}.ai-chat-v2{background:var(--bg-primary);display:flex;flex-direction:column;height:calc(100vh - 80px)}.chat-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:24px 32px}.chat-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.pilot-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 12px #6366f14d;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.header-text h1{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 4px}.header-text p{color:var(--text-secondary);font-size:14px;margin:0}.upload-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.upload-btn:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.chat-container{margin:0 auto;max-width:1200px;overflow:hidden;padding:24px;width:100%}.chat-container,.messages-area{display:flex;flex:1 1;flex-direction:column}.messages-area{gap:20px;overflow-y:auto;padding:20px;scroll-behavior:smooth}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:var(--bg-primary)}.messages-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.messages-area::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.message-bubble{animation:fadeIn .3s ease;display:flex;gap:12px}.message-bubble.user{flex-direction:row-reverse}.bubble-avatar{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.message-bubble.assistant .bubble-avatar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #6366f133}.message-bubble.user .bubble-avatar{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f5576c33}.bubble-content{display:flex;flex-direction:column;gap:6px;max-width:70%}.message-bubble.user .bubble-content{align-items:flex-end}.bubble-text{word-wrap:break-word;border-radius:16px;font-size:15px;line-height:1.6;padding:16px 20px;white-space:pre-wrap}.message-bubble.assistant .bubble-text{background:var(--card-bg);border:1px solid var(--border-color);border-bottom-left-radius:4px;color:var(--text-primary)}.message-bubble.user .bubble-text{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;box-shadow:0 4px 12px #6366f14d;color:#fff}.bubble-time{color:var(--text-tertiary);font-size:12px;padding:0 4px}.typing-dots{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-bottom-left-radius:4px;display:flex;gap:6px;padding:16px 20px}.typing-dots span{animation:bounce 1.4s ease-in-out infinite;background:var(--primary-color);border-radius:50%;height:8px;width:8px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.files-preview{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px 20px}.file-tag{background:var(--hover-bg);border-radius:8px;color:var(--text-primary);font-size:14px;gap:8px;padding:8px 12px}.file-tag,.file-tag button{align-items:center;display:flex}.file-tag button{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:18px;height:20px;justify-content:center;padding:0;transition:all .2s;width:20px}.file-tag button:hover{background:#ef44441a;color:#ef4444}.quick-actions{display:flex;gap:12px;overflow-x:auto;padding:16px 0;scrollbar-width:none}.quick-actions::-webkit-scrollbar{display:none}.quick-action-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px;min-width:100px;padding:16px;transition:all .2s ease}.quick-action-btn:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #6366f133;transform:translateY(-2px)}.action-icon{font-size:24px}.action-label{color:var(--text-secondary);font-size:13px;font-weight:500}.chat-input-area{align-items:flex-end;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:12px;padding:20px}.message-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:15px;max-height:120px;padding:14px 16px;resize:none;transition:all .2s ease}.message-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.message-input:disabled{cursor:not-allowed;opacity:.5}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.send-button:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.send-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.chat-header{padding:16px 20px}.pilot-avatar{font-size:22px;height:44px;width:44px}.header-text h1{font-size:18px}.upload-btn{font-size:14px;padding:10px 16px}.chat-container{padding:16px}.bubble-content{max-width:85%}.quick-actions{gap:8px}.quick-action-btn{min-width:80px;padding:12px}.action-icon{font-size:20px}.action-label{font-size:11px}.chat-input-area{padding:12px}}.email-campaigns-page{margin:0 auto;max-width:1600px;padding:32px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.page-header h1{font-weight:700;margin-bottom:8px}.page-header p{color:#fff9}.stats-overview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;transition:all .3s ease}.stat-card:hover{background:#ffffff14;border-color:#5865f24d;transform:translateY(-4px)}.stat-icon{background:#5865f21a;font-size:40px;height:60px;width:60px}.stat-content{flex:1 1}.stat-label{color:#fff9;margin-bottom:8px}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#ff73b3);-webkit-background-clip:text;background-clip:text}.stat-change{font-size:13px;font-weight:600}.stat-change.positive{color:#27c93f}.content-tabs{background:#ffffff0d;border-radius:12px;display:flex;gap:8px;margin-bottom:32px;padding:6px;width:-webkit-fit-content;width:fit-content}.tab-btn{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .3s ease}.tab-btn:hover{background:#ffffff0d;color:#ffffffe6}.tab-btn.active{background:linear-gradient(135deg,#5865f2,#ff73b3);color:#fff}.filter-buttons{display:flex;gap:8px}.filter-btn{font-size:14px;font-weight:500}.search-box{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;padding:10px 16px}.search-box input{background:#0000;border:none;color:#fff;outline:none;width:200px}.search-box input::placeholder{color:#fff6}.campaigns-grid{grid-gap:24px;gap:24px}.campaign-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s ease}.campaign-card:hover{background:#ffffff14;border-color:#5865f24d}.campaign-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.campaign-header h3{flex:1 1;font-size:18px;font-weight:600}.status-badge{padding:4px 12px}.status-badge.sent{background:#27c93f33;color:#27c93f}.status-badge.scheduled{background:#5865f233;color:#5865f2}.status-badge.draft{background:#ffbd2e33;color:#ffbd2e}.campaign-stats{grid-gap:16px;background:#ffffff08;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px;padding:16px}.mini-stat{text-align:center}.mini-stat-label{color:#ffffff80;font-size:12px;margin-bottom:4px}.mini-stat-value{color:#fff;font-size:20px;font-weight:700;margin-bottom:2px}.mini-stat-percent{color:#27c93f;font-size:11px;font-weight:600}.campaign-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:16px}.campaign-date{color:#ffffff80;font-size:13px}.campaign-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:4px}.action-btn:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed}.action-btn:hover{background:#ffffff1a;color:#ffffffe6}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.template-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;transition:all .3s ease}.template-card:hover{background:#ffffff14;border-color:#5865f24d;transform:translateY(-4px)}.template-preview{align-items:center;background:linear-gradient(135deg,#5865f21a,#ff73b31a);display:flex;height:150px;justify-content:center}.template-icon{font-size:64px}.template-info{padding:20px}.template-info h4{font-size:16px;font-weight:600;margin-bottom:4px}.template-category{color:#ffffff80;font-size:13px}.template-actions{border-top:1px solid #ffffff1a;display:flex;gap:8px;padding:16px 20px}.subscribers-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.subscriber-stat{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;padding:24px}.subscriber-stat-icon{align-items:center;background:#5865f21a;border-radius:12px;display:flex;font-size:40px;height:60px;justify-content:center;width:60px}.subscriber-stat-label{color:#fff9;font-size:14px;margin-bottom:4px}.subscriber-stat-value{color:#fff;font-size:24px;font-weight:700}.segments-section{margin-top:32px}.segments-section h3{font-size:20px;font-weight:600;margin-bottom:16px}.segments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.segment-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.segment-card:hover{background:#ffffff14;border-color:#5865f24d}.segment-name{font-size:16px;font-weight:600;margin-bottom:4px}.segment-count{color:#fff9;font-size:14px}.quick-actions-bar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-top:48px;padding:24px}.quick-actions-bar h3{font-size:18px;font-weight:600;margin-bottom:16px}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:16px 20px;transition:all .3s ease}.quick-action:hover{background:#5865f21a;border-color:#5865f24d;transform:translateX(4px)}.quick-action-icon{font-size:24px}@media (max-width:768px){.email-campaigns-page{padding:16px}.campaigns-grid,.segments-grid,.templates-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:16px}.filter-buttons{overflow-x:auto}}.email-campaigns-page,.email-campaigns-v2{background-color:var(--background)!important;color:var(--text-primary)!important}.email-campaigns-page *,.email-campaigns-v2 *{border-color:var(--border-color)!important}.email-campaigns-page h1,.email-campaigns-page h2,.email-campaigns-page h3,.email-campaigns-page label,.email-campaigns-page p,.email-campaigns-page span,.email-campaigns-v2 h1,.email-campaigns-v2 h2,.email-campaigns-v2 h3,.email-campaigns-v2 label,.email-campaigns-v2 p,.email-campaigns-v2 span{color:var(--text-primary)!important}.email-campaigns-page .campaign-card,.email-campaigns-page .campaign-section,.email-campaigns-v2 .campaign-card,.email-campaigns-v2 .section-card{background:var(--card-background)!important;color:var(--text-primary)!important}.email-campaigns-page input,.email-campaigns-page select,.email-campaigns-page textarea,.email-campaigns-v2 input,.email-campaigns-v2 select,.email-campaigns-v2 textarea{background-color:var(--input-background)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ab-test-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;margin-top:12px;padding:8px 12px;text-align:center}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;right:0;top:0}.modal-content{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:900px;overflow-y:auto}.modal-close,.modal-header h2{font-size:1.5rem}.modal-close{border-radius:6px;padding:0}.modal-close:hover{background:var(--bg-secondary)}.generating-loader{padding:60px 20px;text-align:center}.loader-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin:0 auto 20px;width:50px}.generating-loader p{color:var(--text-primary);font-size:1.1rem;margin-bottom:8px}.generating-loader small{color:var(--text-secondary)}.variants-intro{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:24px;padding:16px}.variants-intro p{color:var(--text-primary);font-size:1rem;margin:0}.variants-grid{grid-gap:20px;display:grid;gap:20px;margin-bottom:24px}.variant-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;padding:20px;transition:all .3s}.variant-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #667eea1a}.variant-header h3{color:var(--primary-color);font-size:1.1rem;margin:0 0 16px}.variant-content{display:flex;flex-direction:column;gap:12px}.variant-field label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.variant-value{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:12px}.variant-value.small{color:var(--text-secondary);font-size:.9rem}.variant-hypothesis{background:#667eea1a;border-left:3px solid var(--primary-color);border-radius:6px;color:var(--text-primary);font-size:.95rem;font-style:italic;padding:12px}.ab-test-info{background:var(--bg-secondary);border-radius:8px;margin-bottom:24px;padding:20px}.ab-test-info h4{color:var(--text-primary);margin:0 0 12px}.ab-test-info ul{margin:0;padding-left:20px}.ab-test-info li{color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.variants-comparison{grid-gap:20px;display:grid;gap:20px}.variant-result-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;padding:20px;transition:all .3s}.variant-result-card:hover{border-color:var(--primary-color)}.variant-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.variant-result-header h4{color:var(--text-primary);margin:0}.winner-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:6px 12px}.winner-badge.winner{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.variant-metrics{grid-gap:16px;background:var(--bg-primary);border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:16px;padding:16px}.metric{text-align:center}.metric-label{font-size:.8rem;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.metric-value{color:var(--primary-color);font-size:1.5rem;font-weight:700}.variant-details{border-top:1px solid var(--border-color);padding-top:16px}.variant-details p{color:var(--text-secondary);font-size:.9rem;margin:8px 0}.variant-details strong{color:var(--text-primary)}.no-variants{padding:60px 20px;text-align:center}.no-variants p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:20px}@media (max-width:768px){.modal-content{max-height:90vh;width:95%}.variant-metrics{grid-template-columns:repeat(2,1fr)}}.action-btn{background:#0000;border:1px solid #ddd;border-radius:6px;color:#374151;cursor:none;font-size:13px;padding:6px 12px;transition:all .2s;white-space:nowrap}.action-btn:hover:not(:disabled){background:#4f46e51a;border-color:#4f46e5;color:#4f46e5}.action-btn:disabled{cursor:none;opacity:.5}.campaign-actions button.action-btn{background:#374151!important;border:1px solid #4b5563!important;border-radius:6px!important;box-shadow:0 1px 2px #00000014!important;color:#f9fafb!important;cursor:none!important;display:inline-block!important;font-size:12px!important;font-weight:500!important;line-height:1.3!important;min-width:auto!important;padding:5px 10px!important;transition:all .2s ease!important;white-space:nowrap!important;width:auto!important}.campaign-actions button.action-btn:hover:not(:disabled){background:#4f46e5!important;border-color:#4f46e5!important;box-shadow:0 2px 4px #4f46e54d!important;color:#fff!important;transform:translateY(-1px)!important}.campaign-actions button.action-btn:disabled{cursor:none!important;opacity:.5!important}.seo-page{margin:0 auto;max-width:1600px;padding:32px}.seo-score-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:400px 1fr;margin-bottom:32px}.score-main-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px;text-align:center}.score-main-card h2{font-size:20px;font-weight:600;margin-bottom:24px}.score-circle{height:200px;margin:0 auto 16px;position:relative;width:200px}.score-svg{height:100%;transform:rotate(-90deg);width:100%}.score-bg{fill:none;stroke:#ffffff1a;stroke-width:12}.score-progress{fill:none;stroke-width:12;stroke-linecap:round;transition:stroke-dasharray 1s ease}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#ff73b3);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.score-label{color:#ffffffb3;font-size:18px;font-weight:600}.score-breakdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;gap:24px;padding:32px}.breakdown-item,.score-breakdown{display:flex;flex-direction:column}.breakdown-item{gap:8px}.breakdown-label{align-items:center;display:flex;font-size:15px;justify-content:space-between;margin-bottom:4px}.breakdown-score{color:#5865f2;font-weight:700}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px}.progress-fill{background:linear-gradient(135deg,#5865f2,#ff73b3);border-radius:4px;transition:width .6s ease}.seo-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{font-weight:600}.keywords-table{display:flex;flex-direction:column;gap:8px}.table-header{background:#ffffff0d;border-radius:8px;color:#ffffffb3;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.table-header,.table-row{grid-template-columns:2fr 1fr 1.5fr 1fr 1fr}.table-row{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;padding:16px;transition:all .3s ease}.table-row:hover{background:#ffffff0d;border-color:#5865f24d}.table-cell{font-size:14px}.keyword-cell{font-weight:500}.position-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}.position-badge.top{background:#27c93f33;color:#27c93f}.position-badge.good{background:#5865f233;color:#5865f2}.position-badge.moderate{background:#ffbd2e33;color:#ffbd2e}.difficulty-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.difficulty-badge.easy{background:#27c93f33;color:#27c93f}.difficulty-badge.medium{background:#ffbd2e33;color:#ffbd2e}.difficulty-badge.hard{background:#ff5f5633;color:#ff5f56}.trend-indicator{font-size:18px}.issue-filters{display:flex;gap:8px}.filter-btn{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;padding:8px 20px;transition:all .3s ease}.filter-btn:hover{background:#ffffff14;color:#ffffffe6}.filter-btn.active{background:#5865f233;border-color:#5865f280;color:#5865f2}.issues-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.issue-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:20px;transition:all .3s ease}.issue-card:hover{background:#ffffff0d;border-color:#ffffff1a}.issue-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.severity-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px}.severity-badge.high{background:#ff5f5633;color:#ff5f56}.severity-badge.medium{background:#ffbd2e33;color:#ffbd2e}.severity-badge.low{background:#27c93f33;color:#27c93f}.issue-count{color:#ffffff80;font-size:12px}.issue-type{font-size:16px;font-weight:600;margin-bottom:8px}.issue-impact{color:#fff9;font-size:13px;margin-bottom:16px}.fix-btn{background:#5865f21a;border:1px solid #5865f24d;border-radius:8px;color:#5865f2;cursor:pointer;font-weight:600;padding:10px;transition:all .3s ease;width:100%}.fix-btn:hover{background:#5865f233;transform:translateY(-2px)}.competitors-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.competitor-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:20px;transition:all .3s ease}.competitor-card:hover{background:#ffffff0d;border-color:#5865f24d}.competitor-header h4{font-size:18px;font-weight:600;margin-bottom:4px}.competitor-domain{color:#ffffff80;font-size:13px}.competitor-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:16px 0}.competitor-stat-label{color:#ffffff80;font-size:12px;margin-bottom:4px}.competitor-stat-value{color:#fff;font-size:24px;font-weight:700}.analyze-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffe6;cursor:pointer;font-weight:600;padding:10px;transition:all .3s ease;width:100%}.analyze-btn:hover{background:#ffffff1a}.quick-tools{margin-top:32px}.quick-tools h3{font-size:20px;font-weight:600;margin-bottom:16px}.tools-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tool-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease}.tool-card:hover{background:#5865f21a;border-color:#5865f24d;transform:translateY(-4px)}.tool-icon{flex-shrink:0;font-size:32px}.tool-name{font-size:16px;font-weight:600;margin-bottom:4px}.tool-desc{color:#fff9;font-size:13px}@media (max-width:1200px){.seo-score-section{grid-template-columns:1fr}}@media (max-width:768px){.seo-page{padding:16px}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-header{display:none}}.seo-page{background-color:var(--background)!important;color:var(--text-primary)!important}.seo-page *{border-color:var(--border-color)!important}.seo-page h1,.seo-page h2,.seo-page h3,.seo-page label,.seo-page p,.seo-page span{color:var(--text-primary)!important}.seo-page .analysis-section,.seo-page .seo-card{background:var(--card-background)!important;color:var(--text-primary)!important}.seo-page input,.seo-page select,.seo-page textarea{background-color:var(--input-background)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.analytics-v2{margin:0 auto;max-width:1400px;padding:var(--space-8)}.metrics-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-8)}.metric-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.metric-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.metric-icon{font-size:36px;margin-bottom:var(--space-4)}.metric-value{color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.metric-label{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3)}.metric-change{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3)}.metric-change.positive{background:var(--success-light);color:var(--success-dark)}[data-theme=dark] .metric-change.positive{background:#10b98126;color:var(--success)}.platform-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.platform-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.platform-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-md)}.platform-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.platform-name{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);text-transform:capitalize}.platform-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.stat{text-align:center}.stat .stat-value{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.stat .stat-label{color:var(--text-tertiary);font-size:var(--text-xs)}.posts-list{flex-direction:column}.post-item,.posts-list{display:flex;gap:var(--space-4)}.post-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.post-item:hover{border-color:var(--primary-500);transform:translateX(4px)}.post-rank{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-weight:var(--font-bold);height:40px;justify-content:center;width:40px}.post-details{flex:1 1}.post-content{color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-1)}.post-date{color:var(--text-tertiary);font-size:var(--text-sm)}.post-engagement{text-align:right}.engagement-value{color:var(--primary-500);font-size:var(--text-2xl);font-weight:var(--font-bold)}.engagement-label{color:var(--text-tertiary);font-size:var(--text-xs)}@media (max-width:768px){.analytics-v2{padding:var(--space-4)}.post-item{flex-wrap:wrap}}.leads-v2{margin:0 auto;max-width:1400px;padding:var(--space-8)}.leads-table{background:var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1px;overflow:hidden}.table-header,.table-row{grid-gap:var(--space-4);background:var(--bg-elevated);display:grid;gap:var(--space-4);grid-template-columns:1.5fr 2fr 1fr .5fr .8fr;padding:var(--space-4)}.table-header{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.table-row{color:var(--text-primary);transition:all var(--transition-fast)}.table-row:hover{background:var(--bg-card-hover)}.score{color:var(--primary-500);font-weight:var(--font-bold)}.badge-hot{background:#ef444426;color:var(--error)}.badge-warm{background:#f59e0b26;color:var(--warning)}.badge-cold{background:#3b82f626;color:var(--info)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{border:2px solid var(--border-color);border-radius:12px}.stat-card.hot{background:linear-gradient(135deg,#ef44441a,#0000);border-color:#ef4444}.stat-card.warm{background:linear-gradient(135deg,#f59e0b1a,#0000);border-color:#f59e0b}.stat-card.cold{background:linear-gradient(135deg,#3b82f61a,#0000);border-color:#3b82f6}.leads-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.filter-tabs{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:8px;padding:6px}.filter-tab{font-size:14px;padding:10px 20px}.search-box input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;padding:10px 16px;width:300px}.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.table-header,.table-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.5fr 2fr 1.5fr 1fr .8fr 1fr .8fr}.actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.action-btn.delete:hover{background:#ef44441a;border-color:#ef4444}.status-select{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px}.status-select.badge-hot{background:#ef44441a;border-color:#ef4444;color:#ef4444}.status-select.badge-warm{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.status-select.badge-cold{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{animation:slideUp .3s ease;background:var(--card-bg);border-radius:16px;max-height:90vh;max-width:600px;overflow:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-body{padding:24px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-field.full-width{grid-column:1/-1}.form-field input,.form-field select,.form-field textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 12px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-field textarea{font-family:inherit;resize:vertical}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:24px}.empty-state p{margin:0 0 20px}.header-actions{display:flex;gap:12px}@media (max-width:768px){.stats-grid{grid-template-columns:1fr 1fr}.leads-controls{align-items:stretch;flex-direction:column}.filter-tabs{flex-wrap:wrap}.search-box input{width:100%}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-header span:not(:first-child),.table-row span:not(:first-child){display:none}.form-grid{grid-template-columns:1fr}}.campaigns-v2{margin:0 auto;max-width:1400px;padding:var(--space-8)}.campaigns-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.campaign-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.campaign-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.card-header h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold)}.card-body p{color:var(--text-secondary);font-size:var(--text-sm)}.content-library-v2{margin:0 auto;max-width:1400px;padding:32px}.cl-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.cl-header-content h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.cl-header-content p{color:var(--text-secondary);font-size:16px;margin:0}.cl-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .2s ease}.stat-card:hover{box-shadow:0 8px 24px #6366f126;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.gradient-blue{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-purple{background:linear-gradient(135deg,#a8edea,#fed6e3)}.gradient-pink{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.gradient-orange{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.stat-info{flex:1 1}.stat-value{font-size:32px;margin-bottom:4px}.cl-controls{align-items:center;gap:20px;justify-content:space-between;margin-bottom:32px}.cl-controls,.cl-filters{display:flex;flex-wrap:wrap}.cl-filters{gap:8px}.filter-chip{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.filter-chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-chip.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.cl-actions{gap:12px}.cl-actions,.search-input{align-items:center;display:flex}.search-input{position:relative}.search-icon{font-size:16px;left:16px;opacity:.5;position:absolute}.search-input input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;padding:10px 16px 10px 44px;transition:all .2s ease;width:280px}.search-input input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.view-switcher{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:4px;padding:4px}.view-switcher button{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:8px 16px;transition:all .2s ease}.view-switcher button:hover{background:var(--hover-bg)}.view-switcher button.active{background:var(--primary-color);color:#fff}.content-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:32px}.content-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease}.content-item:hover{box-shadow:0 12px 32px #6366f126;transform:translateY(-4px)}.content-thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);height:200px;position:relative}.content-thumbnail,.thumbnail-bg{align-items:center;display:flex;justify-content:center}.thumbnail-bg{height:100%;width:100%}.thumbnail-emoji{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:64px}.content-hover{align-items:center;background:#000000b3;display:flex;gap:12px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.content-item:hover .content-hover{opacity:1}.action-btn{background:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;height:44px;transition:transform .2s ease;width:44px}.action-btn:hover{transform:scale(1.1)}.status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:12px;text-transform:capitalize;top:12px}.status-badge.published{background:#22c55ee6;color:#fff}.status-badge.draft{background:#eab308e6;color:#fff}.status-badge.scheduled{background:#6366f1e6;color:#fff}.content-details{padding:20px}.content-details h4{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4;margin:0 0 12px}.content-meta{align-items:center;display:flex;gap:8px;margin-bottom:12px}.platform-tag{background:var(--hover-bg);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 10px}.content-date{color:var(--text-tertiary);font-size:12px}.content-stats{border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:13px;gap:16px;padding-top:12px}.content-list{gap:12px}.list-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.list-item:hover{box-shadow:0 4px 16px #6366f11a}.list-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.list-content{flex:1 1}.list-content h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 6px}.list-meta{align-items:center;color:var(--text-secondary);font-size:13px}.list-actions,.list-meta{display:flex;gap:8px}.icon-btn{background:#0000;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:16px;height:36px;transition:all .2s ease;width:36px}.icon-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.icon-btn.delete:hover{background:#ef44441a;border-color:#ef4444}@media (max-width:768px){.content-library-v2{padding:20px}.cl-header{flex-direction:column;gap:16px}.cl-actions,.cl-controls{align-items:stretch;flex-direction:column}.search-input input{width:100%}.content-grid{grid-template-columns:1fr}}.social-connect-page{margin:0 auto;max-width:1400px;padding:32px}.benefits-section,.connected-section,.platforms-section{margin-bottom:48px}.benefits-section h2,.connected-section h2,.platforms-section h2{font-size:24px;font-weight:700;margin-bottom:24px}.connected-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.connected-card{align-items:center;background:#27c93f1a;border:1px solid #27c93f4d;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.connected-card:hover{background:#27c93f26;transform:translateY(-2px)}.connected-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;width:56px}.connected-info{flex:1 1}.connected-info h3{font-size:16px;font-weight:600;margin-bottom:4px}.connected-info p{color:#fff9;font-size:13px}.disconnect-btn{background:#ff5f561a;border:1px solid #ff5f564d;border-radius:8px;color:#ff5f56;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.disconnect-btn:hover:not(:disabled){background:#ff5f5633}.disconnect-btn:disabled{cursor:not-allowed;opacity:.5}.platforms-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.platform-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px;position:relative;text-align:center;transition:all .3s ease}.platform-card:hover{background:#ffffff14;border-color:#5865f24d;transform:translateY(-4px)}.platform-card.connected{background:#27c93f0d;border-color:#27c93f80}.platform-card.coming-soon{opacity:.6}.platform-icon{font-size:64px;margin-bottom:16px}.platform-card h3{font-size:20px;font-weight:700;margin-bottom:8px}.platform-card p{color:#fff9;font-size:14px;margin-bottom:20px}.connect-btn{background:linear-gradient(135deg,#5865f2,#ff73b3);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.connect-btn:hover:not(:disabled){box-shadow:0 8px 24px #5865f24d;transform:translateY(-2px)}.connect-btn:disabled{cursor:not-allowed;opacity:.5}.connected-badge{background:#27c93f33;border:1px solid #27c93f66;border-radius:10px;color:#27c93f}.coming-soon-badge,.connected-badge{font-size:14px;font-weight:600;padding:10px}.coming-soon-badge{background:#ffbd2e33;border:1px solid #ffbd2e66;border-radius:10px;color:#ffbd2e}.benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s ease}.benefit-card:hover{background:#ffffff14;transform:translateY(-4px)}.benefit-icon{font-size:40px;margin-bottom:16px}.benefit-card h3{font-size:18px;font-weight:600;margin-bottom:8px}.benefit-card p{color:#fff9;font-size:14px;line-height:1.5}.security-note{background:#5865f21a;border:1px solid #5865f24d;border-radius:16px;display:flex;gap:20px;margin-top:32px;padding:24px}.security-icon{flex-shrink:0;font-size:40px}.security-note h4{font-size:18px;font-weight:600;margin-bottom:8px}.security-note p{color:#ffffffb3;font-size:14px;line-height:1.5}@media (max-width:768px){.social-connect-page{padding:16px}.benefits-grid,.platforms-grid{grid-template-columns:1fr}}.social-connect-page,.social-connect-v2{background-color:var(--background)!important;color:var(--text-primary)!important}.social-connect-page *,.social-connect-v2 *{border-color:var(--border-color)!important}.social-connect-page h1,.social-connect-page h2,.social-connect-page h3,.social-connect-page p,.social-connect-page span,.social-connect-v2 h1,.social-connect-v2 h2,.social-connect-v2 h3,.social-connect-v2 p,.social-connect-v2 span{color:var(--text-primary)!important}.social-connect-page .platform-card,.social-connect-v2 .platform-connect-card{background:var(--card-background)!important;color:var(--text-primary)!important}.business-profile-page{margin:0 auto;max-width:1200px;padding:30px}.page-header{margin-bottom:30px}.profile-form{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.form-section{border-bottom:2px solid #f0f0f0;margin-bottom:40px;padding-bottom:30px}.form-section:last-child{border-bottom:none}.form-section h2{color:var(--text-primary);font-size:24px;margin-bottom:15px}.section-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{background:var(--card-background);border:2px solid #e0e0e0;border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.add-item-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 2fr 1fr auto;margin-bottom:20px}.add-item-group input,.add-item-group select{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px}.btn-add{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s}.btn-add:hover{background:#5568d3}.items-list{grid-gap:15px;display:grid;gap:15px;margin-top:20px}.item-card{align-items:flex-start;background:var(--card-background);border:2px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.item-content{flex:1 1}.item-content h4{color:var(--text-primary);font-size:16px;margin-bottom:5px}.item-content p{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.item-category{background:#667eea;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.btn-remove{align-items:center;background:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;margin-left:15px;transition:background .3s;width:32px}.btn-remove:hover{background:#e60000}.tag-input-group{display:flex;gap:10px;margin-bottom:15px}.tag-input-group input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;padding:10px}.btn-add-small{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s;white-space:nowrap}.btn-add-small:hover{background:#5568d3}.tags-container{display:flex;flex-wrap:wrap;gap:10px}.tag{background:#e8eaf6;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px}.tag,.tag button{align-items:center;color:#667eea}.tag button{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:20px;justify-content:center;padding:0;transition:background .3s;width:20px}.tag button:hover{background:#667eea33}.form-actions{border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;margin-top:30px;padding-top:30px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:transform .2s,box-shadow .3s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.loading{color:var(--text-secondary);font-size:18px;padding:60px 20px;text-align:center}@media (max-width:768px){.business-profile-page,.profile-form{padding:20px}.add-item-group,.form-row{grid-template-columns:1fr}.page-header h1{font-size:24px}.form-section h2{font-size:20px}}.business-profile-page{background-color:var(--background);color:var(--text-primary)}.business-profile-page input,.business-profile-page select,.business-profile-page textarea{background-color:var(--input-background);border-color:var(--border-color);color:var(--text-primary)}.business-profile-page label{color:var(--text-primary)}.business-profile-page{background-color:var(--background)!important;color:var(--text-primary)!important}.business-profile-page *{border-color:var(--border-color)!important}.business-profile-page div,.business-profile-page h1,.business-profile-page h2,.business-profile-page h3,.business-profile-page h4,.business-profile-page label,.business-profile-page p,.business-profile-page span{color:var(--text-primary)!important}.business-profile-page .form-group,.business-profile-page .profile-card,.business-profile-page .profile-section{background:var(--card-background)!important;color:var(--text-primary)!important}.business-profile-page input,.business-profile-page select,.business-profile-page textarea{background-color:var(--input-background)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.business-profile-page input::placeholder,.business-profile-page textarea::placeholder{color:var(--text-secondary)!important}.ai-media-studio{margin:0 auto;max-width:1400px;padding:30px}.page-header h1{color:var(--text-primary);font-size:32px;margin-bottom:10px}.page-header p{color:var(--text-secondary);font-size:16px;margin-bottom:20px}.warning-banner{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404;margin-top:15px;padding:12px 20px}.warning-banner a{color:#667eea;font-weight:600;text-decoration:underline}.studio-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:250px 1fr;margin-top:30px}.tabs-sidebar{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:20px}.tab-button{align-items:center;background:#0000;border:2px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .3s}.tab-button:hover{background:var(--card-background);border-color:#e0e0e0}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.tab-icon{font-size:20px}.tab-label{flex:1 1}.studio-content{display:flex;flex-direction:column;gap:30px}.content-generator{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.media-form h3{color:var(--text-primary);font-size:24px;margin-bottom:10px}.form-description{color:var(--text-secondary);font-size:14px;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input[type=text],.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.checkbox-group{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px}.checkbox-label{align-items:center;background:var(--card-background);border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px;transition:all .3s}.checkbox-label:hover{background:var(--card-background);border-color:#667eea}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 24px;transition:all .3s;width:100%}.btn-generate:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;opacity:.6}.info-box{background:#e8f4f8;border-left:4px solid #17a2b8;border-radius:6px;color:#0c5460;font-size:14px;margin-top:20px;padding:15px}.result-container{animation:fadeIn .3s ease-in;background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.result-header h3{color:var(--text-primary);font-size:20px}.btn-copy{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background .3s}.btn-copy:hover{background:#5568d3}.result-content{max-height:600px;overflow-y:auto}.content-preview{background:var(--card-background);border:2px solid #e0e0e0;border-radius:8px;color:var(--text-primary);font-family:Courier New,monospace;line-height:1.6;padding:20px;white-space:pre-wrap}.image-result{display:flex;flex-direction:column;gap:20px}.generated-image-container{display:inline-block;max-width:100%;position:relative}.generated-image{border-radius:12px;box-shadow:0 8px 24px #0003;display:block;max-width:1024px;width:100%}.btn-download-image{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:8px;bottom:20px;color:#fff;font-size:14px;font-weight:600;padding:12px 24px;position:absolute;right:20px;text-decoration:none;transition:all .3s}.btn-download-image:hover{background:#667eeae6;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.image-info{background:var(--card-background);border:2px solid #e0e0e0;border-radius:8px;padding:20px}.success-note{color:#28a745;font-size:16px;margin-bottom:10px}.service-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:600;margin-bottom:20px;padding:8px 16px}.prompt-details{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.prompt-section{background:var(--card-background);border:2px solid #e0e0e0;border-radius:8px;padding:15px}.prompt-section h4{color:#667eea;font-size:14px;margin-bottom:10px}.prompt-section.recommendation{background:#fff3cd;border-color:#ffc107}.prompt-section.recommendation h4{color:#856404}.prompt-section.errors{background:var(--card-background);border-color:#6c757d}.prompt-section.errors h4{color:#6c757d}.prompt-section.errors ul{color:var(--text-secondary);font-size:13px;margin:10px 0 0 20px}.prompt-section.errors li{margin-bottom:5px}.prompt-text{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0}.image-actions{display:flex;gap:10px;margin-top:20px}.btn-regenerate{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s}.btn-regenerate:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.image-info p{color:#856404;margin-bottom:15px}.api-suggestions{margin-top:15px}.api-suggestions p{font-weight:600;margin-bottom:10px}.api-suggestions ul{list-style:none;padding-left:0}.api-suggestions li{color:var(--text-secondary);font-size:13px;padding:8px 0}.optimized-prompt{background:var(--card-background);border:2px solid #667eea;border-radius:8px;margin:20px 0;padding:20px}.optimized-prompt h4{font-size:18px}.optimized-prompt h4,.prompt-box{color:var(--text-primary);margin-bottom:15px}.prompt-box{background:var(--card-background);border:2px solid #e0e0e0;border-radius:6px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;max-height:300px;overflow-y:auto;padding:15px;white-space:pre-wrap}.btn-copy-prompt{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:background .3s;width:100%}.btn-copy-prompt:hover{background:#5568d3}.api-instructions{margin-top:20px}.api-instructions h4{color:var(--text-primary);font-size:18px;margin-bottom:15px}.instruction-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.instruction-card{background:var(--card-background);border:2px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .3s}.instruction-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.instruction-card strong{color:#667eea;display:block;font-size:16px;margin-bottom:8px}.instruction-card p{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:12px}.instruction-card a{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:8px 16px;text-decoration:none;transition:transform .2s}.instruction-card a:hover{transform:scale(1.05)}.error-message{background:#f8d7da;border:2px solid #dc3545;border-radius:8px;color:#721c24;margin-top:20px;padding:15px 20px}@media (max-width:1024px){.studio-container{grid-template-columns:200px 1fr}.tab-label{font-size:13px}}@media (max-width:768px){.ai-media-studio{padding:20px}.studio-container{grid-template-columns:1fr}.tabs-sidebar{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);position:static}.tab-button{flex-direction:column;font-size:12px;padding:10px}.tab-icon{font-size:24px}.checkbox-group,.form-row{grid-template-columns:1fr}.result-container{padding:20px}}.ai-media-studio{background-color:var(--background);color:var(--text-primary)}.ai-media-studio input,.ai-media-studio select,.ai-media-studio textarea{background-color:var(--input-background);border-color:var(--border-color);color:var(--text-primary)}.ai-media-studio label{color:var(--text-primary)}.ai-media-studio{background-color:var(--background)!important;color:var(--text-primary)!important}.ai-media-studio *{border-color:var(--border-color)!important}.ai-media-studio div,.ai-media-studio h1,.ai-media-studio h2,.ai-media-studio h3,.ai-media-studio h4,.ai-media-studio label,.ai-media-studio p,.ai-media-studio span{color:var(--text-primary)!important}.ai-media-studio .control-panel,.ai-media-studio .gallery-panel,.ai-media-studio .generation-panel,.ai-media-studio .image-card,.ai-media-studio .studio-section{background:var(--card-background)!important;color:var(--text-primary)!important}.ai-media-studio input,.ai-media-studio select,.ai-media-studio textarea{background-color:var(--input-background)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ai-media-studio input::placeholder,.ai-media-studio textarea::placeholder{color:var(--text-secondary)!important}.autopilot-page{background:linear-gradient(135deg,#0a0a0a,#1a1a2e)!important;color:#fff!important;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.setup-required{padding:60px 20px;text-align:center}.setup-required h1{color:#fff;font-size:32px;margin-bottom:30px}.warning-box{background:#fff3cd;border:3px solid #ffc107;border-radius:12px;margin:0 auto;max-width:600px;padding:40px;text-align:center}.warning-box h2,.warning-box p{color:#856404;margin-bottom:15px}.warning-box p{line-height:1.6}.status-card{background:#ffffff0d;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:30px}.status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.status-indicator{align-items:center;display:flex;gap:15px}.indicator-dot{animation:pulse 2s infinite;border-radius:50%;height:20px;width:20px}.indicator-dot.active{background:#28a745;box-shadow:0 0 0 0 #28a745b3}.indicator-dot.inactive{background:#6c757d}.status-header h2{font-size:24px;margin:0}.btn-large{font-size:18px;padding:16px 32px}.btn-danger{background:#dc3545;border-radius:8px;transition:background .3s}.btn-danger:hover{background:#c82333}.status-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;padding:20px}.stat-value{font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{font-size:14px;opacity:.9}.info-section{background:#ffffff0d;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.info-section h2{color:#fff;font-size:24px;margin-bottom:25px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;padding:25px;transition:all .3s}.feature-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-4px)}.feature-icon{display:block;font-size:40px;margin-bottom:15px}.feature-card h3{color:#fff;font-size:18px;margin-bottom:10px}.feature-card p{color:#ccc;font-size:14px;line-height:1.5;margin:0}.settings-section{background:#ffffff0d;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.settings-section h2{color:#fff;font-size:24px;margin-bottom:25px}.setting-group{margin-bottom:25px}.setting-group label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.setting-group select{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;max-width:400px;padding:12px;width:100%}.checkbox-group-horizontal{display:flex;flex-wrap:wrap;gap:20px}.checkbox-label-inline{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 15px;transition:all .3s}.checkbox-label-inline:hover{background:#f0f3ff;border-color:#667eea}.checkbox-label-inline input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.toggle-label{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:15px;transition:all .3s}.toggle-label:hover{background:#f0f3ff;border-color:#667eea}.toggle-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.toggle-label span{color:#fff;font-weight:500}.setting-note{color:#ccc;font-size:13px;margin-top:8px}.btn-secondary{background:#ffffff0d;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;margin-top:10px;padding:12px 24px;transition:all .3s}.btn-secondary:hover:not(:disabled){background:#667eea;color:#fff}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.button-group{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.button-group button{flex:1 1;min-width:200px}.calendar-preview{background:#ffffff0d;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.calendar-preview h2{color:#fff;font-size:24px;margin-bottom:25px}.content-list{display:flex;flex-direction:column;gap:15px}.content-item{grid-gap:20px;align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;display:grid;gap:20px;grid-template-columns:180px 100px 1fr 100px;padding:15px;transition:all .3s}.content-item:hover{background:#ffffff0d;border-color:#667eea}.content-platform{background:#667eea;border-radius:15px;color:#fff;font-weight:600;padding:6px 12px;text-align:center}.content-preview{color:#fff;font-size:14px;line-height:1.4}.content-status{background:#28a745;border-radius:15px;color:#fff;padding:6px 12px}.content-status,.view-more{font-weight:600;text-align:center}.view-more{color:#667eea;margin-top:20px}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.content-item{gap:10px;grid-template-columns:1fr}}.brand-intelligence-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin:2rem 0;padding:2rem}.brand-intelligence-section h2{color:#fff;margin-bottom:1rem}.intelligence-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;padding:1.5rem}.crawling-indicator{align-items:center;display:flex;gap:1rem}.crawling-indicator .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.crawling-indicator p{color:#fff;margin:0}.intelligence-active{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.intelligence-info{align-items:start;display:flex;flex:1 1;gap:1rem}.intelligence-info .icon{font-size:2rem}.intelligence-info strong{display:block;font-size:1.1rem;margin-bottom:.5rem}.intelligence-info p{color:#ffffffe6;font-size:.9rem;margin:.25rem 0}.intelligence-details{color:#fffc!important;font-size:.85rem!important}.intelligence-inactive{padding:1rem;text-align:center}.intelligence-inactive p{color:#ffffffe6;margin:0}.btn-secondary-small{background:#ffffff0d;border:none;border-radius:6px;color:#667eea;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.btn-secondary-small:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.setting-note{color:var(--text-secondary);font-size:.85rem;font-style:italic;line-height:1.4;margin-top:.5rem}@media (max-width:768px){.autopilot-page{padding:20px}.status-header{align-items:stretch;flex-direction:column;gap:20px}.features-grid{grid-template-columns:1fr}.status-stats{grid-template-columns:repeat(2,1fr)}.intelligence-active{align-items:stretch;flex-direction:column}.btn-secondary-small{width:100%}}.generation-progress{animation:pulse-border 2s infinite;background:#667eea1a;border:2px solid #667eea;border-radius:12px;margin-bottom:30px;padding:25px}@keyframes pulse-border{0%,to{border-color:#667eea}50%{border-color:#764ba2}}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.progress-header h3{color:#667eea;font-size:18px;margin:0}.progress-counter{color:#667eea;font-size:24px;font-weight:700}.progress-bar{background:#ffffff0d;height:30px;margin-bottom:15px;width:100%}.progress-bar,.progress-fill{border-radius:15px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .5s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-message{color:#fff;font-size:14px;font-style:italic;margin:0;text-align:center}.content-count{background:#667eea33;border-radius:20px;color:#667eea;font-size:14px;font-weight:600;padding:8px 16px}.content-item.clickable{cursor:pointer;transition:all .3s ease}.content-item.clickable:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.content-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.content-body{align-items:flex-start;display:flex;gap:15px}.content-thumbnail{border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.content-text{color:#ccc;flex:1 1;line-height:1.5}.content-date{color:#667eea;font-size:14px;font-weight:600}.content-platform{background:#667eea33;color:#667eea}.content-platform,.content-status{border-radius:12px;font-size:12px;padding:4px 12px;text-transform:capitalize}.content-status{background:#28a74533;color:#28a745}.calendar-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.content-count-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.content-list-scroll{margin-bottom:20px;max-height:600px;overflow-y:auto}.content-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.content-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:140px;padding:12px;transition:all .3s ease}.content-card:hover{background:#ffffff14;border-color:#667eea;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.content-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.content-date-compact{color:#667eea;font-size:13px;font-weight:600}.content-platform-badge{background:#667eea33;border-radius:10px;color:#667eea;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize}.content-card-body{display:flex;flex:1 1;gap:10px;margin-bottom:10px}.content-thumbnail-small{border-radius:8px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.content-text-compact{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;flex:1 1;font-size:13px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.content-card-footer{display:flex;justify-content:flex-end}.content-status-badge{background:#28a74533;border-radius:10px;color:#28a745;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize}.show-more-container{margin-top:20px;text-align:center}.btn-show-more{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-show-more:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.content-list-scroll::-webkit-scrollbar{width:8px}.content-list-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.content-list-scroll::-webkit-scrollbar-thumb{background:#667eea80;border-radius:10px}.content-list-scroll::-webkit-scrollbar-thumb:hover{background:#667eeab3}.stat-card.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.stat-card.clickable:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-card.clickable:active{transform:translateY(0)}.stat-action{color:#666;font-size:.85em;margin-top:8px;opacity:0;transition:opacity .2s}.stat-card.clickable:hover .stat-action{opacity:1}.adboost-v2{margin:0 auto;max-width:1400px;padding:var(--space-8)}.ad-stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.stat-value{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.stat-label{color:var(--text-secondary);font-size:var(--text-sm)}.notifications-v2{margin:0 auto;max-width:1200px;padding:32px}.notif-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.notif-header-content h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.notif-header-content p{color:var(--text-secondary);font-size:16px;margin:0}.notif-filters{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.filter-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.filter-tab:hover{background:var(--hover-bg)}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab-count{font-size:13px;opacity:.8}.tab-count.badge{background:#ffffff4d;border-radius:12px;font-weight:600;padding:2px 8px}.notif-list{display:flex;flex-direction:column;gap:12px}.notif-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;position:relative;transition:all .2s ease}.notif-card:hover{box-shadow:0 4px 16px #6366f11a;transform:translateY(-2px)}.notif-card.unread{background:linear-gradient(90deg,#6366f10d,#0000);border-left:4px solid var(--primary-color)}.unread-dot{animation:pulse 2s infinite;background:var(--primary-color);border-radius:50%;height:8px;left:8px;position:absolute;top:24px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.notif-icon-wrapper{flex-shrink:0}.notif-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.notif-icon.type-success{background:linear-gradient(135deg,#10b981,#34d399)}.notif-icon.type-info{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.notif-icon.type-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.notif-icon.type-error{background:linear-gradient(135deg,#ef4444,#f87171)}.notif-content{flex:1 1;min-width:0}.notif-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.notif-content h4{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4;margin:0}.notif-time{color:var(--text-tertiary);font-size:13px;white-space:nowrap}.notif-content p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.notif-delete-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;opacity:0;transition:all .2s ease;width:32px}.notif-card:hover .notif-delete-btn{opacity:1}.notif-delete-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.loading-container{padding:80px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:48px;margin:0 auto 16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:var(--text-secondary);font-size:15px;margin:0}@media (max-width:768px){.notifications-v2{padding:20px}.notif-header{gap:16px}.notif-filters,.notif-header{flex-direction:column}.notif-card{padding:16px}.notif-top{align-items:flex-start;flex-direction:column}}.settings-v2{margin:0 auto;max-width:1400px;padding:32px}.settings-header{margin-bottom:32px}.settings-header h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.settings-header p{color:var(--text-secondary);font-size:16px;margin:0}.message-alert{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-alert.success{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid #22c55e4d;color:#16a34a}.message-alert.error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef44444d;color:#dc2626}.alert-icon{font-size:20px}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:24px;margin-left:auto;opacity:.6;transition:opacity .2s}.alert-close:hover{opacity:1}.settings-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:280px 1fr}.settings-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:8px;height:-webkit-fit-content;height:fit-content;padding:16px;position:-webkit-sticky;position:sticky;top:32px}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .2s ease}.nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #6366f14d;color:#fff}.nav-icon{font-size:20px}.nav-label{flex:1 1}.settings-main{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:32px}.section{max-width:800px}.section-header{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:20px}.section-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.section-header p{color:var(--text-secondary);font-size:15px;margin:0}.settings-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:var(--text-primary);font-size:14px;font-weight:600}.form-field input,.form-field select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:15px;padding:12px 16px;transition:all .2s ease}.form-field input:focus,.form-field select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-field input.disabled{background:var(--hover-bg);cursor:not-allowed;opacity:.6}.form-field small{color:var(--text-tertiary);font-size:13px}.toggle-list{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.toggle-row{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:20px;justify-content:space-between;padding:20px;transition:all .2s ease}.toggle-row:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #6366f11a}.toggle-info{flex:1 1}.toggle-info h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.toggle-info p{color:var(--text-secondary);font-size:14px;margin:0}.toggle-switch{flex-shrink:0;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background:var(--border-color);border-radius:28px;cursor:pointer;inset:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;width:20px}input:checked+.slider{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.slider:before{transform:translateX(24px)}.select-field{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 16px}.danger-zone{border-top:2px solid #ef444433;margin-top:48px;padding-top:32px}.danger-zone h3{color:#dc2626;font-size:18px;font-weight:700;margin:0 0 8px}.danger-zone p{color:var(--text-secondary);font-size:14px;margin:0 0 20px}.danger-actions{display:flex;gap:12px}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-danger:hover{box-shadow:0 4px 16px #dc262666;transform:translateY(-2px)}.billing-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:24px;overflow:hidden;padding:32px;position:relative}.billing-card:before{background:#ffffff1a;border-radius:50%;content:"";height:200px;position:absolute;right:-20%;top:-50%;width:200px}.plan-badge{background:#fff3;border-radius:20px;display:inline-block;font-size:13px;font-weight:600;margin-bottom:16px;padding:6px 14px}.plan-info h3{font-size:24px;margin:0 0 8px}.plan-price{font-size:48px;font-weight:700;margin-bottom:20px}.plan-price span{font-size:18px;font-weight:400}.plan-features{list-style:none;margin:0 0 24px;padding:0}.plan-features li{font-size:15px;padding:8px 0}.payment-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:24px}.payment-card h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 16px}.card-display{align-items:center;display:flex;gap:16px}.card-icon{font-size:32px}.card-details{flex:1 1}.card-number{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.card-expiry{color:var(--text-secondary);font-size:13px;margin:0}.invoice-section h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 16px}.invoice-list{display:flex;flex-direction:column;gap:12px}.invoice-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:16px}.invoice-date{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.invoice-desc{color:var(--text-secondary);font-size:13px;margin:0}.invoice-actions{align-items:center;display:flex;gap:16px}.invoice-amount{color:var(--text-primary);font-size:16px;font-weight:700}.btn-text{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;transition:opacity .2s}.btn-text:hover{opacity:.7}@media (max-width:768px){.settings-v2{padding:20px}.settings-layout{gap:20px;grid-template-columns:1fr}.settings-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));position:static}.nav-label{display:none}.nav-item{justify-content:center}.settings-main{padding:24px}.form-row{grid-template-columns:1fr}.toggle-row{align-items:flex-start}.danger-actions,.toggle-row{flex-direction:column}}
/*# sourceMappingURL=main.f0257be4.css.map*/