:root{--bg-primary: #07070d;--bg-secondary: #0d0d16;--bg-card: #111120;--bg-card-hover: #16162a;--bg-elevated: #1a1a32;--bg-input: #0f0f1e;--bg-sidebar: #0a0a14;--border-subtle: rgba(139, 92, 246, .08);--border-default: rgba(139, 92, 246, .15);--border-active: rgba(139, 92, 246, .35);--border-glow: rgba(139, 92, 246, .5);--text-primary: #f0eef6;--text-secondary: #9690b0;--text-tertiary: #5c5678;--text-inverse: #07070d;--accent-violet: #8B5CF6;--accent-blue: #3B82F6;--accent-cyan: #06B6D4;--accent-gradient: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 50%, #06B6D4 100%);--accent-gradient-subtle: linear-gradient(135deg, rgba(139,92,246,.15) 0%, rgba(59,130,246,.1) 100%);--accent-glow: 0 0 20px rgba(139,92,246,.25), 0 0 60px rgba(59,130,246,.08);--color-success: #22C55E;--color-success-muted: rgba(34,197,94,.12);--color-warning: #F59E0B;--color-warning-muted: rgba(245,158,11,.12);--color-danger: #EF4444;--color-danger-muted: rgba(239,68,68,.12);--color-info: #3B82F6;--color-info-muted: rgba(59,130,246,.12);--color-instagram: #E1306C;--color-facebook: #1877F2;--color-google: #4285F4;--color-tiktok: #00F2EA;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs: .6875rem;--fs-sm: .75rem;--fs-base: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--shadow-glow-sm: 0 0 12px rgba(139,92,246,.15);--shadow-glow-md: 0 0 24px rgba(139,92,246,.2);--shadow-glow-lg: 0 0 48px rgba(139,92,246,.25);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--sidebar-width: 240px;--sidebar-collapsed: 68px;--navbar-height: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-base);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}input:focus,textarea:focus,select:focus{border-color:var(--border-active);box-shadow:var(--shadow-glow-sm)}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.app-layout{display:flex;width:100%;min-height:100vh}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--duration-slow) var(--ease-out)}.main-content{flex:1;padding:var(--sp-6);padding-top:calc(var(--navbar-height) + var(--sp-6));max-width:1400px;width:100%;margin:0 auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:40;transition:width var(--duration-slow) var(--ease-out)}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-5);border-bottom:1px solid var(--border-subtle);height:var(--navbar-height)}.sidebar-brand-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-glow-sm)}.sidebar-brand-icon svg{width:18px;height:18px;color:#fff}.sidebar-brand-text{font-size:var(--fs-base);font-weight:700;letter-spacing:-.02em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:var(--sp-4) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1)}.sidebar-section-label{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:var(--sp-4) var(--sp-3) var(--sp-2)}.sidebar-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:500;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.sidebar-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-gradient-subtle);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.sidebar-link:hover{color:var(--text-primary)}.sidebar-link:hover:before{opacity:1}.sidebar-link.active{color:var(--text-primary);background:var(--accent-gradient-subtle);border:1px solid var(--border-default)}.sidebar-link.active:after{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;background:var(--accent-gradient);border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar-link svg{width:18px;height:18px;flex-shrink:0;position:relative;z-index:1}.sidebar-link span{position:relative;z-index:1}.sidebar-footer{padding:var(--sp-4);border-top:1px solid var(--border-subtle)}.sidebar-webmcp-badge{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-secondary)}.webmcp-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success);box-shadow:0 0 8px #22c55e80;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.navbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--navbar-height);background:#07070dcc;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);z-index:30;transition:left var(--duration-slow) var(--ease-out)}.navbar-left{display:flex;align-items:center;gap:var(--sp-4)}.navbar-title{font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em}.navbar-breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-tertiary)}.navbar-breadcrumb-sep{color:var(--text-tertiary)}.navbar-right{display:flex;align-items:center;gap:var(--sp-3)}.navbar-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:500;transition:all var(--duration-fast) var(--ease-out)}.navbar-btn-ghost{color:var(--text-secondary);border:1px solid var(--border-subtle)}.navbar-btn-ghost:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-card)}.navbar-btn-primary{background:var(--accent-gradient);color:#fff;font-weight:600;box-shadow:var(--shadow-glow-sm)}.navbar-btn-primary:hover{box-shadow:var(--shadow-glow-md);transform:translateY(-1px)}.navbar-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:700;color:#fff;cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-out)}.navbar-avatar:hover{box-shadow:var(--shadow-glow-sm)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--sp-5);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-glow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.card-title{font-size:var(--fs-base);font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:var(--sp-2)}.card-title svg{width:16px;height:16px;color:var(--accent-violet)}.card-badge{font-size:var(--fs-xs);font-weight:600;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-full);letter-spacing:.02em}.card-badge-success{background:var(--color-success-muted);color:var(--color-success)}.card-badge-warning{background:var(--color-warning-muted);color:var(--color-warning)}.card-badge-info{background:var(--color-info-muted);color:var(--color-info)}.card-badge-accent{background:#8b5cf61f;color:var(--accent-violet)}.card.agent-updated{animation:card-glow 1.5s var(--ease-out)}@keyframes card-glow{0%{border-color:var(--accent-violet);box-shadow:var(--shadow-glow-md)}to{border-color:var(--border-subtle);box-shadow:none}}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--sp-5)}.col-3{grid-column:span 3;min-width:0}.col-4{grid-column:span 4;min-width:0}.col-5{grid-column:span 5;min-width:0}.col-6{grid-column:span 6;min-width:0}.col-7{grid-column:span 7;min-width:0}.col-8{grid-column:span 8;min-width:0}.col-12{grid-column:span 12;min-width:0}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5);margin-bottom:var(--sp-5)}.kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--sp-5);position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.kpi-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-glow-sm)}.kpi-card:hover:before{opacity:1}.kpi-label{font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--sp-2);display:flex;align-items:center;gap:var(--sp-2)}.kpi-label svg{width:14px;height:14px;opacity:.7}.kpi-value{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--sp-2)}.kpi-value.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kpi-change{font-size:var(--fs-xs);font-weight:600;display:flex;align-items:center;gap:var(--sp-1)}.kpi-change.positive{color:var(--color-success)}.kpi-change.negative{color:var(--color-danger)}.kpi-icon-wrapper{position:absolute;top:var(--sp-4);right:var(--sp-4);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.kpi-icon-wrapper svg{width:18px;height:18px}.brief-content{display:flex;flex-direction:column;gap:var(--sp-4)}.brief-field{display:flex;flex-direction:column;gap:var(--sp-1)}.brief-field-label{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.brief-field-value{font-size:var(--fs-base);color:var(--text-primary);line-height:1.5}.brief-objectives{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.brief-objective-tag{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);background:#8b5cf614;border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-full);font-size:var(--fs-sm);color:var(--accent-violet);font-weight:500}.audience-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.audience-stat{background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.audience-stat-label{font-size:var(--fs-xs);color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.audience-stat-value{font-size:var(--fs-md);font-weight:700;color:var(--text-primary)}.audience-interests{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.audience-interest-chip{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:500;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--accent-blue);transition:all var(--duration-fast) var(--ease-out)}.audience-interest-chip:hover{background:#3b82f62e;border-color:#3b82f659}.ad-tabs{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-4);background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--sp-1)}.ad-tab{flex:1;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;color:var(--text-tertiary);text-align:center;transition:all var(--duration-fast) var(--ease-out)}.ad-tab:hover{color:var(--text-secondary)}.ad-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.ad-preview-phone{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:var(--sp-4);border:1px solid var(--border-subtle);max-width:320px;margin:0 auto}.ad-preview-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.ad-preview-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent-gradient)}.ad-preview-name{font-size:var(--fs-sm);font-weight:600}.ad-preview-sponsored{font-size:var(--fs-xs);color:var(--text-tertiary)}.ad-preview-image{width:100%;aspect-ratio:1;border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5cf633,#3b82f633);margin-bottom:var(--sp-3);display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-preview-image img{width:100%;height:100%;object-fit:cover}.ad-preview-headline{font-size:var(--fs-base);font-weight:700;margin-bottom:var(--sp-1);line-height:1.3}.ad-preview-body{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--sp-3)}.ad-preview-cta{display:block;width:100%;padding:var(--sp-2) var(--sp-4);text-align:center;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;background:var(--accent-gradient);color:#fff;transition:all var(--duration-fast) var(--ease-out)}.ad-preview-cta:hover{box-shadow:var(--shadow-glow-sm);transform:translateY(-1px)}.budget-summary{display:flex;align-items:center;gap:var(--sp-6);margin-bottom:var(--sp-4)}.budget-total{text-align:center}.budget-total-label{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.budget-total-value{font-size:var(--fs-xl);font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.budget-breakdown{flex:1;display:flex;flex-direction:column;gap:var(--sp-2)}.budget-item{display:flex;align-items:center;gap:var(--sp-3)}.budget-item-color{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.budget-item-name{font-size:var(--fs-sm);color:var(--text-secondary);flex:1}.budget-item-value{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.budget-item-pct{font-size:var(--fs-xs);color:var(--text-tertiary);min-width:36px;text-align:right}.timeline{position:relative;padding-left:var(--sp-6)}.timeline:before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:var(--border-default);border-radius:var(--radius-full)}.timeline-item{position:relative;padding-bottom:var(--sp-5)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:calc(-1 * var(--sp-6) + 6px);top:4px;width:12px;height:12px;border-radius:var(--radius-full);background:var(--bg-card);border:2px solid var(--accent-violet);z-index:1}.timeline-item.active .timeline-dot{background:var(--accent-violet);box-shadow:0 0 10px #8b5cf680}.timeline-item.completed .timeline-dot{background:var(--color-success);border-color:var(--color-success)}.timeline-date{font-size:var(--fs-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-1)}.timeline-title{font-size:var(--fs-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-1)}.timeline-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5}.agent-log{display:flex;flex-direction:column;gap:var(--sp-2);max-height:300px;overflow-y:auto;padding-right:var(--sp-2)}.agent-log-entry{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border-radius:var(--radius-md);border-left:3px solid transparent;animation:log-slide-in .4s var(--ease-out) both}.agent-log-entry.tool-call{border-left-color:var(--accent-violet)}.agent-log-entry.result{border-left-color:var(--color-success)}.agent-log-entry.thinking{border-left-color:var(--color-warning)}@keyframes log-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.agent-log-icon{width:20px;height:20px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.agent-log-icon svg{width:12px;height:12px}.agent-log-content{flex:1;min-width:0}.agent-log-action{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.agent-log-detail{font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.4;word-break:break-word}.agent-log-time{font-size:var(--fs-xs);color:var(--text-tertiary);flex-shrink:0;white-space:nowrap}.agent-typing{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);color:var(--text-tertiary);font-size:var(--fs-sm)}.agent-typing-dots{display:flex;gap:3px}.agent-typing-dots span{width:5px;height:5px;border-radius:var(--radius-full);background:var(--accent-violet);animation:typing-bounce 1.4s ease-in-out infinite}.agent-typing-dots span:nth-child(2){animation-delay:.2s}.agent-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.perf-chart-wrapper{width:100%;height:220px}.perf-legend{display:flex;gap:var(--sp-4);margin-top:var(--sp-3);justify-content:center}.perf-legend-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-secondary)}.perf-legend-dot{width:8px;height:8px;border-radius:var(--radius-full)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12) var(--sp-6);text-align:center}.empty-state-icon{width:56px;height:56px;border-radius:var(--radius-xl);background:var(--accent-gradient-subtle);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4)}.empty-state-icon svg{width:24px;height:24px;color:var(--accent-violet)}.empty-state-title{font-size:var(--fs-md);font-weight:600;margin-bottom:var(--sp-2)}.empty-state-desc{font-size:var(--fs-sm);color:var(--text-secondary);max-width:340px;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-weight:600;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;position:relative;overflow:hidden}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}.btn-md{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-base)}.btn-lg{padding:var(--sp-3) var(--sp-6);font-size:var(--fs-md)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-glow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow-md);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{border-color:var(--border-active);background:var(--bg-card-hover)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn svg{width:16px;height:16px}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#11112099;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:1400px){.dashboard-grid{grid-template-columns:1fr}.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-12{grid-column:span 1}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.main-area{margin-left:0}.navbar{left:0}.kpi-row{grid-template-columns:1fr 1fr}.main-content{padding:var(--sp-4);padding-top:calc(var(--navbar-height) + var(--sp-4))}}@media(max-width:500px){.kpi-row{grid-template-columns:1fr}}.landing-page{min-height:100vh;background:var(--bg-default);position:relative;overflow:hidden;display:flex;flex-direction:column}.landing-content{position:relative;z-index:10;display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;width:100%;padding:0 var(--sp-6)}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-6) 0}.landing-logo{display:flex;align-items:center;gap:var(--sp-3);font-weight:700;font-size:var(--fs-lg);letter-spacing:-.02em}.logo-icon{width:36px;height:36px;background:var(--accent-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-glow)}.landing-badges{display:flex;gap:var(--sp-3)}.tech-badge{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary)}.tech-badge img{width:14px;height:14px}.hero-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:var(--sp-12)}.hero-badge{display:inline-block;padding:var(--sp-2) var(--sp-4);background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-full);color:var(--accent-violet);font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--sp-6)}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--sp-6);max-width:900px}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--text-secondary);max-width:700px;line-height:1.6;margin-bottom:var(--sp-10)}.hero-search-container{display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);width:100%;max-width:600px;margin-bottom:var(--sp-12)}.search-bar{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);background:#1e1b2e99;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:var(--fs-md);color:var(--text-primary);text-align:left}.search-icon{color:var(--accent-violet)}.cursor{display:inline-block;width:2px;height:1.2em;background:var(--accent-violet);vertical-align:middle;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cta-button{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);padding:var(--sp-4) var(--sp-8);border-radius:var(--radius-full);box-shadow:var(--shadow-glow);transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 0 40px #8b5cf699}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-6);width:100%;text-align:left}.feature-card{background:#1e1b2e66;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--sp-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,background .3s ease}.feature-card:hover{transform:translateY(-4px);background:#1e1b2eb3;border-color:#ffffff1a}.feature-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4)}.feature-card-title{font-size:var(--fs-lg);font-weight:600;margin-bottom:var(--sp-2)}.feature-card-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5}.demo-progress-container{width:100%;padding:var(--sp-3) var(--sp-5);background:#12101cd9;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:var(--sp-2)}.demo-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-violet)}.demo-progress-track{height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.demo-progress-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);box-shadow:var(--shadow-glow-sm)}.glass{background:#12101cb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}.sidebar-status{margin-left:auto;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.sidebar-status.pending{background:#ffffff0d;border:1.5px dashed rgba(255,255,255,.15)}.sidebar-status.completed{background:#22c55e26;border:1.5px solid rgba(34,197,94,.4);color:var(--color-success);animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.section-highlight>.card,.section-highlight>div>.card,.section-highlight.card{box-shadow:0 0 0 2px var(--accent-violet),var(--shadow-lg)!important;transition:box-shadow .3s ease}@keyframes sectionGlow{0%{box-shadow:0 0 0 2px #8b5cf6cc,0 0 20px #8b5cf64d}to{box-shadow:0 0 0 2px #8b5cf600,0 0 #8b5cf600}}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;background:linear-gradient(135deg,#8b5cf614,#3b82f60d)}.command-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998}.command-palette{position:fixed;top:20%;left:50%;transform:translate(-50%);width:560px;max-width:90vw;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff0d;z-index:9999;overflow:hidden}.command-input-wrapper{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle)}.command-search-icon{color:var(--text-tertiary);flex-shrink:0}.command-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:var(--fs-md);font-family:inherit}.command-input::placeholder{color:var(--text-tertiary)}.command-kbd{padding:2px 8px;font-size:11px;font-family:inherit;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-tertiary)}.command-results{max-height:340px;overflow-y:auto;padding:var(--sp-2)}.command-result-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:none;background:none;color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;text-align:left;transition:background .15s}.command-result-item:hover{background:#8b5cf61a}.command-result-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:#8b5cf61a;color:var(--accent-violet);display:flex;align-items:center;justify-content:center;flex-shrink:0}.command-result-text{flex:1;display:flex;flex-direction:column}.command-result-label{font-weight:600}.command-result-desc{font-size:var(--fs-xs);color:var(--text-tertiary)}.command-result-hint{font-size:var(--fs-xs);color:var(--text-tertiary);opacity:0;transition:opacity .15s}.command-result-item:hover .command-result-hint{opacity:1}.command-empty{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-tertiary);font-size:var(--fs-sm)}.command-footer{display:flex;gap:var(--sp-5);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-tertiary)}.landing-minimal{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--bg-primary);z-index:1000}.landing-minimal-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 600px 400px at 30% 40%,rgba(139,92,246,.12) 0%,transparent 70%),radial-gradient(ellipse 500px 350px at 70% 60%,rgba(59,130,246,.08) 0%,transparent 70%)}.landing-minimal-content{position:relative;z-index:1;max-width:800px;padding:var(--sp-8);text-align:center;display:flex;flex-direction:column;align-items:center}.landing-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-full);color:var(--accent-violet);font-size:var(--fs-xs);font-weight:600;margin-bottom:var(--sp-6)}.landing-title{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);font-size:56px;font-weight:800;letter-spacing:-.03em;margin-bottom:var(--sp-4)}.landing-icon{color:var(--accent-violet)}.landing-desc{font-size:var(--fs-md);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--sp-8);max-width:650px;margin-left:auto;margin-right:auto}.landing-how{display:flex;align-items:stretch;gap:var(--sp-4);margin-bottom:var(--sp-8);text-align:left;width:100%}.landing-how-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-5);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0003}.landing-how-icon{width:48px;height:48px;border-radius:50%;background:#8b5cf61a;color:var(--accent-violet);display:flex;align-items:center;justify-content:center}.landing-how-step div:last-child{display:flex;flex-direction:column;gap:8px}.landing-how-step strong{font-size:var(--fs-sm);color:var(--text-primary)}.landing-how-step span{font-size:13px;color:var(--text-tertiary);line-height:1.5}.landing-ctas{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.landing-tech-badges{display:flex;gap:var(--sp-2)}.tech-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:11px;color:var(--text-tertiary);background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.btn-lg{padding:14px 32px;font-size:var(--fs-md);font-weight:600;border-radius:var(--radius-lg)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;cursor:pointer;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);font-family:inherit;font-size:var(--fs-sm);font-weight:600;display:inline-flex;align-items:center;gap:var(--sp-2);transition:all .2s}.btn-success:hover{filter:brightness(1.1);box-shadow:0 0 20px #22c55e4d}.prompt-hero{margin-bottom:var(--sp-6)}.prompt-hero-header{text-align:center;margin-bottom:var(--sp-6);padding-top:var(--sp-4)}.prompt-hero-icon{color:var(--accent-violet);margin-bottom:var(--sp-3)}.prompt-hero-header h2{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--sp-2)}.prompt-hero-header p{color:var(--text-secondary);font-size:var(--fs-sm);max-width:500px;margin:0 auto;line-height:1.5}.prompt-form{margin-bottom:var(--sp-4)}.prompt-input-box{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all .2s}.prompt-input-box:focus-within{border-color:var(--accent-violet);box-shadow:0 0 0 3px #8b5cf626}.prompt-input-box.processing{border-color:#8b5cf666;box-shadow:0 0 0 3px #8b5cf61a}.prompt-input-icon{color:var(--accent-violet);flex-shrink:0}.prompt-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:var(--fs-md);font-family:inherit;min-width:0}.prompt-input::placeholder{color:var(--text-tertiary);font-size:var(--fs-sm)}.prompt-input:disabled{opacity:.6}.prompt-send-btn{width:40px;height:40px;border-radius:var(--radius-md);border:none;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.prompt-send-btn:hover:not(:disabled){filter:brightness(1.2);transform:scale(1.05)}.prompt-send-btn:disabled{opacity:.35;cursor:not-allowed}.prompt-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.prompt-progress{height:3px;background:#8b5cf626;margin-top:var(--sp-3);border-radius:var(--radius-full);overflow:hidden}.prompt-progress-fill{height:100%;width:40%;background:var(--accent-gradient);border-radius:var(--radius-full);animation:progressSlide 1.5s ease-in-out infinite}@keyframes progressSlide{0%{transform:translate(-100%);width:40%}50%{width:60%}to{transform:translate(300%);width:40%}}.prompt-suggestions{display:flex;flex-direction:column;gap:var(--sp-2)}.prompt-suggestion{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:#8b5cf60d;border:1px solid rgba(139,92,246,.1);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--fs-sm);font-family:inherit;text-align:left;cursor:pointer;transition:all .2s}.prompt-suggestion:hover{background:#8b5cf61f;border-color:#8b5cf64d;color:var(--text-primary)}.prompt-suggestion svg{flex-shrink:0;opacity:0;transition:opacity .2s}.prompt-suggestion:hover svg{opacity:1}.campaign-status-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-lg);margin-bottom:var(--sp-5)}.campaign-status-name{display:flex;align-items:center;gap:var(--sp-3);font-weight:600;font-size:var(--fs-md);color:var(--text-primary)}.campaign-status-actions{display:flex;gap:var(--sp-3)}.webmcp-status-banner{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--radius-xl);margin-bottom:var(--sp-5);transition:all .3s}.webmcp-status-banner.waiting{background:#fbbf240f;border:1px dashed rgba(251,191,36,.3)}.webmcp-status-banner.connected{background:#22c55e0f;border:1px solid rgba(34,197,94,.2)}.webmcp-status-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.webmcp-status-banner.waiting .webmcp-status-icon{background:#fbbf2426;color:#f59e0b}.webmcp-status-banner.connected .webmcp-status-icon{background:#22c55e26;color:#22c55e}.webmcp-status-text{display:flex;flex-direction:column;gap:var(--sp-1);flex:1}.webmcp-status-text strong{font-size:var(--fs-sm)}.webmcp-status-text span{font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.5}.webmcp-status-text code{background:#8b5cf61a;color:var(--accent-violet);padding:1px 4px;border-radius:3px;font-size:inherit}.webmcp-status-tools{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.tool-chip{padding:2px 8px;border-radius:var(--radius-sm);background:#8b5cf614;color:var(--accent-violet);font-size:11px;font-family:JetBrains Mono,monospace;border:1px solid rgba(139,92,246,.15)}.build-progress-bar{padding:var(--sp-4) var(--sp-5);background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-lg);margin-bottom:var(--sp-5)}.build-progress-label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--sp-3)}.build-progress-label svg{color:var(--accent-violet)}.build-progress-track{height:4px;background:#8b5cf61f;border-radius:var(--radius-full);overflow:hidden}.build-progress-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width .5s ease}.budget-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#8b5cf626;border-radius:var(--radius-full);outline:none;cursor:pointer}.budget-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-violet);cursor:pointer;box-shadow:0 0 8px #8b5cf666;transition:transform .15s}.budget-range-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #8b5cf699}.budget-range-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-violet);cursor:pointer;border:none;box-shadow:0 0 8px #8b5cf666}.empty-dashboard{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-dashboard-content{text-align:center;max-width:460px}.empty-dashboard-content h3{font-size:var(--fs-lg);font-weight:700;margin-bottom:var(--sp-2)}.empty-dashboard-content p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--sp-5)}.empty-dashboard-steps{display:flex;flex-direction:column;gap:var(--sp-3);text-align:left}.empty-step{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-secondary)}.empty-step-num{width:24px;height:24px;border-radius:50%;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}@media(max-width:768px){.landing-how{flex-direction:column}.landing-title{font-size:36px}.webmcp-status-banner{flex-direction:column}.campaign-status-bar{flex-direction:column;gap:var(--sp-3)}}