:root{--font-mono:var(--font-data,"JetBrains Mono",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;--text-6xl:3.75rem;--text-7xl:4.5rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--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;--space-24:6rem;--duration-instant:80ms;--duration-fast:150ms;--duration-base:220ms;--duration-slow:380ms;--duration-reveal:600ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-bounce:cubic-bezier(0.175,0.885,0.32,1.275);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--sidebar-width:240px;--sidebar-collapsed:60px;--header-height:56px;--content-max-width:1200px;--connector-ga4:#F97316;--connector-shopify:#96BF48;--connector-hubspot:#EF4444;--connector-csv:#0369A1;--connector-stripe:#7C3AED;--connector-mixpanel:#EC4899}:root,[data-theme=dark]{--color-bg:#030810;--color-surface:#081420;--color-surface-2:#0D1E30;--color-surface-3:#122538;--color-surface-overlay:rgba(3,8,16,0.88);--color-border:#112840;--color-border-strong:#1A3C58;--color-border-stronger:#245070;--color-text-primary:#E0F2FE;--color-text-secondary:#7AB8D8;--color-text-muted:#4A7A9A;--color-text-disabled:#243848;--color-text-inverse:#030810;--color-primary:#0369A1;--color-primary-hover:#0284C7;--color-primary-active:#025F8A;--color-primary-subtle:rgba(3,105,161,0.14);--color-primary-subtle-hover:rgba(3,105,161,0.22);--color-primary-foreground:#FFFFFF;--color-secondary:#F97316;--color-secondary-hover:#FB923C;--color-secondary-active:#EA6B04;--color-secondary-subtle:rgba(249,115,22,0.14);--color-secondary-subtle-hover:rgba(249,115,22,0.22);--color-secondary-foreground:#FFFFFF;--gradient-steel:linear-gradient(135deg,#0369A1,#F97316);--gradient-primary:linear-gradient(135deg,#0369A1,#0284C7);--gradient-subtle:linear-gradient(135deg,#081420,#0D1E30);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(3,105,161,0.18),transparent);--color-success:#22C55E;--color-success-subtle:rgba(34,197,94,0.12);--color-success-text:#4ADE80;--color-warning:#F97316;--color-warning-subtle:rgba(249,115,22,0.12);--color-warning-text:#FDBA74;--color-error:#EF4444;--color-error-subtle:rgba(239,68,68,0.12);--color-error-text:#FCA5A5;--color-info:#38BDF8;--color-info-subtle:rgba(56,189,248,0.12);--color-info-text:#7DD3FC;--shadow-sm:0 1px 3px rgba(0,0,0,0.6);--shadow-md:0 4px 12px rgba(0,0,0,0.55),0 1px 3px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.65),0 2px 8px rgba(0,0,0,0.5);--shadow-xl:0 16px 48px rgba(0,0,0,0.75),0 4px 12px rgba(0,0,0,0.5);--shadow-primary:0 4px 20px rgba(3,105,161,0.40);--shadow-amber:0 4px 20px rgba(249,115,22,0.30);--shadow-glow:0 0 32px rgba(3,105,161,0.22);--shadow-inset:inset 0 1px 0 rgba(255,255,255,0.04);--color-sidebar-bg:#050E1C;--color-sidebar-border:#112840;--color-sidebar-text:#7AB8D8;--color-sidebar-text-active:#E0F2FE;--color-sidebar-item-hover:rgba(3,105,161,0.12);--color-sidebar-item-active:rgba(3,105,161,0.20);--color-sidebar-icon:#4A7A9A;--color-sidebar-icon-active:#0369A1;--color-nav-bg:rgba(3,8,16,0.88);--color-nav-blur:blur(12px);--color-nav-border:#112840;--persona-color-1:#0369A1;--persona-color-2:#F97316;--persona-color-3:#7C3AED;--persona-color-4:#10B981;--persona-color-5:#EC4899;--persona-color-6:#EAB308;--color-input-bg:#081420;--color-input-border:#1A3C58;--color-input-border-focus:#0369A1;--color-input-placeholder:#4A7A9A;--color-input-text:#E0F2FE;--color-input-shadow-focus:0 0 0 3px rgba(3,105,161,0.22);--color-badge-primary-bg:rgba(3,105,161,0.15);--color-badge-primary-text:#7DD3FC;--color-badge-amber-bg:rgba(249,115,22,0.15);--color-badge-amber-text:#FDBA74;--color-badge-neutral-bg:rgba(224,242,254,0.08);--color-badge-neutral-text:#7AB8D8;--color-usage-track:#112840;--color-usage-fill:#0369A1;--color-usage-warning:#F97316;--color-usage-danger:#EF4444;--color-data-badge-bg:rgba(249,115,22,0.12);--color-data-badge-border:rgba(249,115,22,0.28);--color-data-badge-text:#F97316;--color-chat-user-bg:#0369A1;--color-chat-user-text:#FFFFFF;--color-chat-persona-bg:#0D1E30;--color-chat-persona-border:#1A3C58;--color-chat-input-bg:#081420;--color-chat-input-border:#1A3C58;--color-typing-dot:#0369A1}[data-theme=light]{--color-bg:#F0F9FF;--color-surface:#FFFFFF;--color-surface-2:#FAFEFF;--color-surface-3:#F4FBFF;--color-surface-overlay:rgba(240,249,255,0.92);--color-border:#BAE6FD;--color-border-strong:#7DD3FC;--color-border-stronger:#38BDF8;--color-text-primary:#0C1A2E;--color-text-secondary:#1A4A6A;--color-text-muted:#4A7A9A;--color-text-disabled:#93C5FD;--color-text-inverse:#FFFFFF;--color-primary:#0369A1;--color-primary-hover:#025F8A;--color-primary-active:#024E74;--color-primary-subtle:rgba(3,105,161,0.08);--color-primary-subtle-hover:rgba(3,105,161,0.14);--color-primary-foreground:#FFFFFF;--color-secondary:#EA580C;--color-secondary-hover:#C2410C;--color-secondary-active:#9A3412;--color-secondary-subtle:rgba(234,88,12,0.08);--color-secondary-subtle-hover:rgba(234,88,12,0.14);--color-secondary-foreground:#FFFFFF;--gradient-steel:linear-gradient(135deg,#0369A1,#F97316);--gradient-primary:linear-gradient(135deg,#0369A1,#0284C7);--gradient-subtle:linear-gradient(135deg,#F0F9FF,#FAFEFF);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(3,105,161,0.10),transparent);--color-success:#15803D;--color-success-subtle:rgba(21,128,61,0.08);--color-success-text:#15803D;--color-warning:#EA580C;--color-warning-subtle:rgba(234,88,12,0.08);--color-warning-text:#9A3412;--color-error:#DC2626;--color-error-subtle:rgba(220,38,38,0.08);--color-error-text:#991B1B;--color-info:#0284C7;--color-info-subtle:rgba(2,132,199,0.08);--color-info-text:#0369A1;--shadow-sm:0 1px 3px rgba(3,105,161,0.08);--shadow-md:0 4px 12px rgba(3,105,161,0.10),0 1px 3px rgba(0,0,0,0.05);--shadow-lg:0 8px 32px rgba(3,105,161,0.12),0 2px 8px rgba(0,0,0,0.06);--shadow-xl:0 16px 48px rgba(3,105,161,0.15),0 4px 12px rgba(0,0,0,0.08);--shadow-primary:0 4px 20px rgba(3,105,161,0.22);--shadow-amber:0 4px 20px rgba(234,88,12,0.20);--shadow-glow:0 0 32px rgba(3,105,161,0.14);--shadow-inset:inset 0 1px 0 rgba(255,255,255,0.9);--color-sidebar-bg:#E0F2FE;--color-sidebar-border:#BAE6FD;--color-sidebar-text:#1A4A6A;--color-sidebar-text-active:#0C1A2E;--color-sidebar-item-hover:rgba(3,105,161,0.08);--color-sidebar-item-active:rgba(3,105,161,0.14);--color-sidebar-icon:#4A7A9A;--color-sidebar-icon-active:#0369A1;--color-nav-bg:rgba(240,249,255,0.90);--color-nav-blur:blur(12px);--color-nav-border:#BAE6FD;--persona-color-1:#0369A1;--persona-color-2:#EA580C;--persona-color-3:#7C3AED;--persona-color-4:#059669;--persona-color-5:#DB2777;--persona-color-6:#D97706;--color-input-bg:#FFFFFF;--color-input-border:#BAE6FD;--color-input-border-focus:#0369A1;--color-input-placeholder:#7AB8D8;--color-input-text:#0C1A2E;--color-input-shadow-focus:0 0 0 3px rgba(3,105,161,0.16);--color-badge-primary-bg:rgba(3,105,161,0.10);--color-badge-primary-text:#0369A1;--color-badge-amber-bg:rgba(234,88,12,0.10);--color-badge-amber-text:#9A3412;--color-badge-neutral-bg:rgba(3,105,161,0.06);--color-badge-neutral-text:#1A4A6A;--color-usage-track:#BAE6FD;--color-usage-fill:#0369A1;--color-usage-warning:#EA580C;--color-usage-danger:#DC2626;--color-data-badge-bg:rgba(234,88,12,0.08);--color-data-badge-border:rgba(234,88,12,0.22);--color-data-badge-text:#9A3412;--color-chat-user-bg:#0369A1;--color-chat-user-text:#FFFFFF;--color-chat-persona-bg:#F0F9FF;--color-chat-persona-border:#BAE6FD;--color-chat-input-bg:#FFFFFF;--color-chat-input-border:#BAE6FD;--color-typing-dot:#0369A1}.btn-primary{background:var(--color-primary);color:var(--color-primary-foreground);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-instant) var(--ease-default)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-primary)}.btn-primary:active{background:var(--color-primary-active);transform:scale(.98)}.btn-secondary{background:var(--color-secondary);color:var(--color-secondary-foreground);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.btn-secondary:hover{background:var(--color-secondary-hover)}.btn-secondary:active{background:var(--color-secondary-active);transform:scale(.98)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.btn-ghost:hover{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.card{background:var(--color-surface)}.card,.card-elevated{border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card-elevated{background:var(--color-surface-2);box-shadow:var(--shadow-md)}.card-glow:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transition:border-color var(--duration-base) var(--ease-default),box-shadow var(--duration-base) var(--ease-default)}.badge-primary{background:var(--color-badge-primary-bg);color:var(--color-badge-primary-text)}.badge-amber,.badge-primary{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px 10px}.badge-amber{background:var(--color-badge-amber-bg);color:var(--color-badge-amber-text)}.connector-badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-sm);padding:3px 8px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium)}.connector-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.connector-ga4{color:var(--connector-ga4);background:color-mix(in srgb,var(--connector-ga4) 12%,transparent);border:1px solid color-mix(in srgb,var(--connector-ga4) 25%,transparent)}.connector-shopify{color:var(--connector-shopify);background:color-mix(in srgb,var(--connector-shopify) 12%,transparent);border:1px solid color-mix(in srgb,var(--connector-shopify) 25%,transparent)}.connector-hubspot{color:var(--connector-hubspot);background:color-mix(in srgb,var(--connector-hubspot) 12%,transparent);border:1px solid color-mix(in srgb,var(--connector-hubspot) 25%,transparent)}.connector-csv{color:var(--connector-csv);background:color-mix(in srgb,var(--connector-csv) 12%,transparent);border:1px solid color-mix(in srgb,var(--connector-csv) 25%,transparent)}.connector-stripe{color:var(--connector-stripe);background:color-mix(in srgb,var(--connector-stripe) 12%,transparent);border:1px solid color-mix(in srgb,var(--connector-stripe) 25%,transparent)}.connector-mixpanel{color:var(--connector-mixpanel);background:color-mix(in srgb,var(--connector-mixpanel) 12%,transparent);border:1px solid color-mix(in srgb,var(--connector-mixpanel) 25%,transparent)}.input{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-input-text);font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.input::-moz-placeholder{color:var(--color-input-placeholder)}.input::placeholder{color:var(--color-input-placeholder)}.input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:var(--color-input-shadow-focus)}.usage-bar-track{background:var(--color-usage-track);border-radius:var(--radius-full);overflow:hidden}.usage-bar-fill{background:var(--color-usage-fill);height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.text-steel{background:var(--gradient-steel);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.data-badge{background:var(--color-data-badge-bg);border:1px solid var(--color-data-badge-border);color:var(--color-data-badge-text);border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-mono);padding:2px 10px}.persona-accent{--pc:var(--persona-color,var(--persona-color-1));border-left:3px solid var(--pc)}.persona-avatar{background:var(--pc,var(--persona-color-1))}.persona-badge{background:color-mix(in srgb,var(--pc,var(--persona-color-1)) 15%,transparent);color:var(--pc,var(--persona-color-1))}.persona-chat-bubble{background:color-mix(in srgb,var(--pc,var(--persona-color-1)) 12%,var(--color-surface));border:1px solid color-mix(in srgb,var(--pc,var(--persona-color-1)) 25%,transparent)}.persona-glow:hover{box-shadow:0 4px 20px color-mix(in srgb,var(--pc,var(--persona-color-1)) 28%,transparent)}body{background:var(--color-bg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--leading-tight)}::-moz-selection{background:rgba(3,105,161,.28);color:var(--color-text-primary)}::selection{background:rgba(3,105,161,.28);color:var(--color-text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}