@font-face{font-family:BrandFont;src:url(./assets/MyFont.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root,[data-theme=light]{--palette-neutral-950:#111110;--palette-neutral-900:#1a1915;--palette-neutral-800:#282620;--palette-neutral-700:#423f32;--palette-neutral-600:#5a5845;--palette-neutral-500:#6b6959;--palette-neutral-400:#8a8770;--palette-neutral-300:#b0ad9c;--palette-neutral-200:#cac7b8;--palette-neutral-100:#e5e2d4;--palette-neutral-75:#f0eee4;--palette-neutral-60:#f5f3ec;--palette-neutral-50:#faf9f7;--palette-white:#fff;--palette-accent:#d07852;--palette-accent-secondary:#ffff93;--palette-accent-bg:#d0785214;--palette-color-1:#de7248;--palette-color-2:#aac657;--palette-color-3:#4eb6aa;--palette-color-4:#4b76bd;--palette-color-5:#965cd9;--palette-color-6:#c04375;--palette-color-7:#e14b4e;--palette-color-1-light:#de72481a;--palette-color-2-light:#aac6571a;--palette-color-3-light:#4eb6aa1a;--palette-color-4-light:#4b76bd1a;--palette-color-5-light:#965cd91a;--palette-color-6-light:#c043751a;--palette-color-7-light:#e14b4e1a;--palette-neutral-s1:var(--palette-neutral-950);--palette-neutral-s2:var(--palette-neutral-800);--palette-neutral-s3:var(--palette-neutral-600);--palette-neutral-s4:var(--palette-neutral-500);--palette-neutral-s5:var(--palette-neutral-400);--palette-neutral-s6:var(--palette-neutral-300);--palette-neutral-s7:var(--palette-neutral-200);--palette-error-light:#c4476a;--palette-error-dark:#ef6b6b;--palette-success-light:#439351;--palette-success-dark:#4ade80;--palette-warning-light:#e08a1e;--palette-warning-dark:#facc15;--palette-severity-high-light:#c2590a;--palette-severity-high-dark:#fb923c;--color-text-primary:var(--palette-neutral-950);--color-text-secondary:var(--palette-neutral-600);--color-text-muted:var(--palette-neutral-300);--color-text-inverse:var(--palette-white);--color-icon-primary:var(--palette-neutral-950);--color-icon-secondary:var(--palette-neutral-600);--color-icon-muted:var(--palette-neutral-300);--color-icon-inverse:var(--palette-white);--color-surface-primary:var(--palette-neutral-50);--color-surface-elevated:var(--palette-white);--color-surface-subtle:var(--palette-neutral-60);--color-border-subtle:var(--palette-neutral-100);--color-border-primary:var(--palette-neutral-200);--color-border-hover:var(--palette-neutral-400);--color-fill-hover:var(--palette-neutral-75);--color-fill-primary:var(--palette-neutral-950);--color-fill-disabled:var(--palette-neutral-75);--color-accent-primary:var(--palette-accent);--color-accent-secondary:var(--palette-accent-secondary);--color-accent-text:var(--palette-neutral-950);--color-series-1:var(--palette-color-1);--color-series-2:var(--palette-color-2);--color-series-3:var(--palette-color-3);--color-series-4:var(--palette-color-4);--color-series-5:var(--palette-color-5);--color-series-6:var(--palette-color-6);--color-series-7:var(--palette-color-7);--color-series-1-light:var(--palette-color-1-light);--color-series-2-light:var(--palette-color-2-light);--color-series-3-light:var(--palette-color-3-light);--color-series-4-light:var(--palette-color-4-light);--color-series-5-light:var(--palette-color-5-light);--color-series-6-light:var(--palette-color-6-light);--color-series-7-light:var(--palette-color-7-light);--color-neutral-1:var(--palette-neutral-s1);--color-neutral-2:var(--palette-neutral-s2);--color-neutral-3:var(--palette-neutral-s3);--color-neutral-4:var(--palette-neutral-s4);--color-neutral-5:var(--palette-neutral-s5);--color-neutral-6:var(--palette-neutral-s6);--color-neutral-7:var(--palette-neutral-s7);--color-error:var(--palette-error-light);--color-error-subtle:color-mix(in srgb, var(--palette-error-light) 10%, transparent);--color-success:var(--palette-success-light);--color-success-subtle:color-mix(in srgb, var(--palette-success-light) 10%, transparent);--color-warning:var(--palette-warning-light);--color-warning-subtle:color-mix(in srgb, var(--palette-warning-light) 10%, transparent);--color-severity-high:var(--palette-severity-high-light);--color-backdrop:color-mix(in srgb, var(--palette-neutral-950) 60%, transparent);--color-ai-input-shadow:#0000000d;--color-nav-demo-bg:#fffffff2;--shadow-sm:0 1px 3px #2826200d, 0 1px 2px #2826200d;--shadow-md:0 6px 16px #2826200d, 0 2px 6px #2826200d;--shadow-lg:0 20px 48px #2826200d, 0 6px 16px #2826200d;--icon-size-xs:12px;--icon-size-sm:14px;--icon-size-md:16px;--icon-size-lg:18px;--icon-size-xl:20px;--icon-size-2xl:24px;--font-family:"Geist", system-ui, -apple-system, sans-serif;--font-family-display:"Libertinus Serif Display", "Libertinus Serif", "Source Serif 4", Georgia, "Times New Roman", serif;--font-family-serif:"Libertinus Serif", "Source Serif 4", Georgia, "Times New Roman", serif;--font-family-mono:"Geist Mono", "SF Mono", "Fira Code", "Consolas", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.5rem;--font-size-4xl:3.5rem;--font-size-5xl:4.5rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.1;--line-height-snug:1.3;--line-height-normal:1.5;--line-height-relaxed:1.7;--letter-spacing-tight:-.02em;--letter-spacing-normal:0em;--letter-spacing-wide:.08em;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-3:.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;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-base-duration:.25s;--transition-base-easing:cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-toast:400;--type-display-family:var(--font-family);--type-display-size:4rem;--type-display-weight:var(--font-weight-black);--type-display-leading:var(--line-height-tight);--type-display-tracking:-.04em;--type-h1-family:var(--font-family);--type-h1-size:3rem;--type-h1-weight:var(--font-weight-semibold);--type-h1-leading:var(--line-height-tight);--type-h1-tracking:-.03em;--type-h2-family:var(--font-family);--type-h2-size:2rem;--type-h2-weight:var(--font-weight-semibold);--type-h2-leading:var(--line-height-snug);--type-h2-tracking:var(--letter-spacing-tight);--type-page-title-family:var(--font-family);--type-page-title-size:1.75rem;--type-page-title-weight:var(--font-weight-semibold);--type-page-title-leading:var(--line-height-snug);--type-page-title-tracking:var(--letter-spacing-tight);--type-h3-family:var(--font-family);--type-h3-size:var(--font-size-xl);--type-h3-weight:var(--font-weight-semibold);--type-h3-leading:var(--line-height-snug);--type-h3-tracking:-.01em;--type-h4-family:var(--font-family);--type-h4-size:var(--font-size-lg);--type-h4-weight:var(--font-weight-semibold);--type-h4-leading:var(--line-height-snug);--type-h4-tracking:var(--letter-spacing-normal);--type-metric-lg-family:var(--font-family);--type-metric-lg-size:var(--font-size-xl);--type-metric-lg-weight:var(--font-weight-semibold);--type-metric-lg-leading:var(--line-height-snug);--type-metric-lg-tracking:-.01em;--type-metric-md-family:var(--font-family);--type-metric-md-size:var(--font-size-xl);--type-metric-md-weight:var(--font-weight-semibold);--type-metric-md-leading:var(--line-height-snug);--type-metric-md-tracking:-.01em;--type-metric-sm-family:var(--font-family);--type-metric-sm-size:var(--font-size-lg);--type-metric-sm-weight:var(--font-weight-semibold);--type-metric-sm-leading:var(--line-height-snug);--type-metric-sm-tracking:-.01em;--type-body-lg-family:var(--font-family);--type-body-lg-size:var(--font-size-md);--type-body-lg-weight:var(--font-weight-regular);--type-body-lg-leading:var(--line-height-relaxed);--type-body-lg-tracking:var(--letter-spacing-normal);--type-body-family:var(--font-family);--type-body-size:var(--font-size-base);--type-body-weight:var(--font-weight-regular);--type-body-leading:var(--line-height-relaxed);--type-body-tracking:var(--letter-spacing-normal);--type-body-serif-family:var(--font-family-display);--type-body-serif-size:var(--font-size-base);--type-body-serif-weight:var(--font-weight-regular);--type-body-serif-leading:1.6;--type-body-serif-tracking:-.015em;--type-small-family:var(--font-family);--type-small-size:var(--font-size-sm);--type-small-weight:var(--font-weight-regular);--type-small-leading:var(--line-height-normal);--type-small-tracking:.01em;--type-caption-family:var(--font-family);--type-caption-size:var(--font-size-xs);--type-caption-weight:var(--font-weight-medium);--type-caption-leading:var(--line-height-normal);--type-caption-tracking:.02em;--type-subheading-family:var(--font-family);--type-subheading-size:var(--font-size-sm);--type-subheading-weight:var(--font-weight-semibold);--type-subheading-leading:var(--line-height-normal);--type-subheading-tracking:.015em;--type-label-family:var(--font-family);--type-label-size:var(--font-size-sm);--type-label-weight:var(--font-weight-medium);--type-label-leading:var(--line-height-normal);--type-label-tracking:.01em;--type-overline-family:var(--font-family);--type-overline-size:var(--font-size-xs);--type-overline-weight:var(--font-weight-semibold);--type-overline-leading:var(--line-height-normal);--type-overline-tracking:.015em;--type-mono-family:var(--font-family-mono);--type-mono-size:var(--font-size-xs);--type-mono-weight:var(--font-weight-regular);--type-mono-leading:var(--line-height-normal);--type-mono-tracking:var(--letter-spacing-normal);--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--button-radius:var(--radius-full);--button-font-weight:var(--font-weight-medium);--button-font-size:var(--font-size-sm);--input-height:40px;--input-radius:var(--radius-full);--input-border:var(--color-border-primary);--input-bg:var(--color-surface-primary);--input-font-size:var(--font-size-sm);--card-padding:var(--space-6);--card-radius:var(--radius-lg);--card-border:var(--color-border-primary);--card-shadow:var(--shadow-sm);--modal-radius:var(--radius-xl);--modal-shadow:var(--shadow-lg);--modal-padding:var(--space-8);--table-row-height:48px;--table-cell-padding-x:var(--space-4);--table-header-size:var(--font-size-xs);--table-header-weight:var(--font-weight-medium)}:root{font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-surface-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}.type-display{font-family:var(--type-display-family);font-size:var(--type-display-size);font-weight:var(--type-display-weight);line-height:var(--type-display-leading);letter-spacing:var(--type-display-tracking)}.type-h1{font-family:var(--type-h1-family);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-leading);letter-spacing:var(--type-h1-tracking)}.type-h2{font-family:var(--type-h2-family);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-leading);letter-spacing:var(--type-h2-tracking)}.type-page-title{font-family:var(--type-page-title-family);font-size:var(--type-page-title-size);font-weight:var(--type-page-title-weight);line-height:var(--type-page-title-leading);letter-spacing:var(--type-page-title-tracking)}.type-h3{font-family:var(--type-h3-family);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-leading);letter-spacing:var(--type-h3-tracking)}.type-h4{font-family:var(--type-h4-family);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);line-height:var(--type-h4-leading);letter-spacing:var(--type-h4-tracking)}.type-metric-lg{font-family:var(--type-metric-lg-family);font-size:var(--type-metric-lg-size);font-weight:var(--type-metric-lg-weight);line-height:var(--type-metric-lg-leading);letter-spacing:var(--type-metric-lg-tracking)}.type-metric-md{font-family:var(--type-metric-md-family);font-size:var(--type-metric-md-size);font-weight:var(--type-metric-md-weight);line-height:var(--type-metric-md-leading);letter-spacing:var(--type-metric-md-tracking)}.type-metric-sm{font-family:var(--type-metric-sm-family);font-size:var(--type-metric-sm-size);font-weight:var(--type-metric-sm-weight);line-height:var(--type-metric-sm-leading);letter-spacing:var(--type-metric-sm-tracking)}.type-body-lg{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-leading);letter-spacing:var(--type-body-lg-tracking)}.type-body{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking)}.type-body-serif{font-family:var(--type-body-serif-family);font-size:var(--type-body-serif-size);font-weight:var(--type-body-serif-weight);line-height:var(--type-body-serif-leading);letter-spacing:var(--type-body-serif-tracking)}.type-small{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);letter-spacing:var(--type-small-tracking)}.type-caption{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking)}.type-subheading{font-family:var(--type-subheading-family);font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);line-height:var(--type-subheading-leading);letter-spacing:var(--type-subheading-tracking)}.type-label{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking)}.type-overline{font-family:var(--type-overline-family);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-leading);letter-spacing:var(--type-overline-tracking)}.type-mono{font-family:var(--type-mono-family);font-size:var(--type-mono-size);font-weight:var(--type-mono-weight);line-height:var(--type-mono-leading);letter-spacing:var(--type-mono-tracking)}[data-theme=dark]{--color-text-primary:var(--palette-neutral-50);--color-text-secondary:var(--palette-neutral-300);--color-text-muted:var(--palette-neutral-600);--color-text-inverse:var(--palette-neutral-950);--color-icon-primary:var(--palette-neutral-75);--color-icon-secondary:var(--palette-neutral-300);--color-icon-muted:var(--palette-neutral-600);--color-icon-inverse:var(--palette-neutral-950);--color-surface-primary:var(--palette-neutral-950);--color-surface-elevated:var(--palette-neutral-800);--color-surface-subtle:var(--palette-neutral-900);--color-border-subtle:var(--palette-neutral-800);--color-border-primary:var(--palette-neutral-700);--color-border-hover:var(--palette-neutral-500);--color-fill-hover:var(--palette-neutral-800);--color-fill-primary:var(--palette-neutral-50);--color-fill-disabled:var(--palette-neutral-800);--color-accent-secondary:var(--palette-accent-secondary);--color-accent-text:var(--palette-neutral-950);--color-series-1:var(--palette-color-1);--color-series-2:var(--palette-color-2);--color-series-3:var(--palette-color-3);--color-series-4:var(--palette-color-4);--color-series-5:var(--palette-color-5);--color-series-6:var(--palette-color-6);--color-series-7:var(--palette-color-7);--color-series-1-light:#de72481f;--color-series-2-light:#aac6571f;--color-series-3-light:#4eb6aa1f;--color-series-4-light:#4b76bd1f;--color-series-5-light:#965cd91f;--color-series-6-light:#c043751f;--color-series-7-light:#e14b4e1f;--color-neutral-1:var(--palette-neutral-50);--color-neutral-2:var(--palette-neutral-75);--color-neutral-3:var(--palette-neutral-100);--color-neutral-4:var(--palette-neutral-200);--color-neutral-5:var(--palette-neutral-300);--color-neutral-6:var(--palette-neutral-400);--color-neutral-7:var(--palette-neutral-500);--color-error:var(--palette-error-dark);--color-error-subtle:color-mix(in srgb, var(--palette-error-dark) 10%, transparent);--color-success:var(--palette-success-dark);--color-success-subtle:color-mix(in srgb, var(--palette-success-dark) 10%, transparent);--color-warning:var(--palette-warning-dark);--color-warning-subtle:color-mix(in srgb, var(--palette-warning-dark) 10%, transparent);--color-severity-high:var(--palette-severity-high-dark);--color-backdrop:color-mix(in srgb, var(--palette-neutral-950) 75%, transparent);--color-ai-input-shadow:#fff3;--color-nav-demo-bg:#111110f2;--shadow-sm:0 1px 4px #e5e2d40f;--shadow-md:0 6px 20px #e5e2d41f;--shadow-lg:0 20px 56px #e5e2d42e}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:inherit}body{margin:0}.no-transitions,.no-transitions *,.no-transitions :before,.no-transitions :after{transition-duration:0s!important}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:var(--color-border-primary) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0;border-radius:3px}:hover::-webkit-scrollbar-thumb{background:var(--color-border-primary)}::-webkit-scrollbar-corner{background:0 0}::selection{background:color-mix(in srgb, var(--color-accent-primary) 50%, transparent);color:var(--color-text-primary)}.beta-banner{background:color-mix(in srgb, var(--color-accent-primary) 70%, transparent);-webkit-backdrop-filter:blur(8px);height:32px;color:var(--color-accent-text);justify-content:center;align-items:center;gap:var(--space-3);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);cursor:pointer;z-index:101;transition:background var(--transition-fast);border:none;display:flex;position:fixed;top:0;left:0;right:0}.beta-banner:hover{background:color-mix(in srgb, var(--color-accent-primary) 85%, transparent)}.beta-banner-arrow{transition:transform var(--transition-fast)}.beta-banner:hover .beta-banner-arrow{transform:translate(2px)}.navbar{background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-subtle);z-index:100;height:60px;position:fixed;top:32px;left:0;right:0}.navbar-inner{height:100%;padding:0 var(--space-8);justify-content:space-between;align-items:center;display:flex}.navbar-brand{align-items:center;gap:var(--space-3);color:var(--color-text-primary);display:flex}.navbar-sidebar-toggle{width:var(--space-10);height:var(--space-10);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.navbar-sidebar-toggle:hover{color:var(--color-text-primary);background:var(--color-surface-subtle)}.navbar-logo{width:52px;height:52px}.navbar-logo svg{width:100%;height:100%}.navbar-logo svg path{fill:var(--color-fill-primary)}.navbar-title{font-family:"BrandFont", var(--font-family);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.navbar-nav{align-items:center;gap:var(--space-1);margin-left:var(--space-4);display:flex}.navbar-nav-link{align-items:center;gap:var(--space-1);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;display:inline-flex}.navbar-nav-link:hover,.navbar-nav-link.active{color:var(--color-text-primary);background:var(--color-surface-subtle)}.navbar-links{align-items:center;gap:var(--space-2);display:flex}.navbar-link{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.navbar-link:hover{color:var(--color-text-primary)}.navbar-cta{text-decoration:none}.navbar-search-pill{align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-icon-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);background:0 0;display:flex}.navbar-search-pill:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.navbar-search-pill-text{color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-xs)}.navbar-mobile-menu{width:var(--space-10);height:var(--space-10);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-icon-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:none}.navbar-mobile-menu:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}@keyframes search-fade-in{0%{opacity:0}to{opacity:1}}@keyframes search-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.search-overlay{background:var(--color-backdrop);z-index:999;justify-content:center;align-items:flex-start;padding-top:15vh;animation:.2s forwards search-fade-in;display:flex;position:fixed;inset:0}.search-modal{width:480px;max-width:calc(100vw - var(--space-8));max-height:calc(85vh - var(--space-8));background:var(--color-surface-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:none;flex-direction:column;animation:.25s cubic-bezier(.4,0,.2,1) search-scale-in;display:flex;position:relative;overflow:hidden}.search-modal-close-btn{z-index:1;position:absolute;top:12px;right:12px}.search-modal-input-wrapper{align-items:center;gap:var(--space-4);padding:var(--space-6);padding-right:var(--space-4);height:calc(var(--space-6) + 32px + var(--space-6));box-sizing:border-box;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);display:flex}.search-modal-input{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1}.search-modal-input::placeholder{color:var(--color-text-secondary)}.search-modal-body{padding:var(--space-4) var(--space-6) var(--space-6);flex:1;overflow-y:auto}.search-modal-section{padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.search-modal-section>.search-modal-section-header,.search-modal-section>.search-modal-section-title{width:100%}.search-modal-section>.search-modal-item{width:50%}.search-modal-section-header{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.search-modal-section-title{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:.05em;color:var(--color-text-secondary);text-transform:uppercase}.search-modal-section>.search-modal-section-title{padding:var(--space-2) 0;display:block}.search-modal-clear{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}.search-modal-clear:hover{color:var(--color-text-primary)}.search-modal-item{align-items:center;gap:var(--space-3);text-align:left;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.search-modal-item:hover,.search-modal-item-active{background:var(--color-surface-subtle)}.search-modal-item-icon{color:var(--color-icon-secondary);flex-shrink:0;align-items:center;display:flex}.search-icon-preview{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex;overflow:hidden}.search-icon-preview svg{width:18px;height:18px}.search-modal-results{padding:var(--space-1) 0}.search-modal-empty{padding:var(--space-6);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.theme-toggle{width:var(--button-height-md);height:var(--button-height-md);border-radius:var(--radius-full);color:var(--color-icon-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-toggle:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.theme-toggle:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.navbar-logo-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.mobile-nav-overlay{display:none}@media (width<=768px){.navbar-inner{padding:0 var(--space-4)}.navbar-nav,.navbar-cta,.navbar-search-pill-text{display:none}.navbar-search-pill{justify-content:center;width:32px;height:32px;padding:0}.navbar-mobile-menu{display:flex}.mobile-nav-overlay{background:var(--color-backdrop);z-index:99;animation:.15s forwards search-fade-in;display:block;position:fixed;inset:92px 0 0}.mobile-nav-panel{background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) var(--space-6) var(--space-6);gap:var(--space-1);flex-direction:column;max-height:calc(100vh - 60px);animation:.2s forwards mobile-nav-slide;display:flex;overflow-y:auto}@keyframes mobile-nav-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.mobile-nav-search{color:var(--color-text-muted);justify-content:flex-start}.mobile-nav-search-kbd{margin-left:auto}.mobile-nav-heading{font-family:var(--type-overline-family);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-leading);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);margin-top:var(--space-4);cursor:default;-webkit-user-select:none;user-select:none}.mobile-nav-heading:first-child{margin-top:0}.mobile-nav-link{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-base), background var(--transition-fast);background:0 0;border:none;display:block}.mobile-nav-link:hover{background:var(--color-fill-hover)}.mobile-nav-link.active{color:var(--color-text-primary);background:var(--color-surface-subtle)}.search-modal-section>.search-modal-item{width:100%}}.icon-search-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.icon-search-wrapper{flex-shrink:0;width:280px;position:relative}.input.icon-search-input{width:100%;padding-left:var(--space-8);padding-right:var(--space-8)}.icon-search-icon{left:var(--space-3);color:var(--color-icon-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.icon-search-clear{right:var(--space-3);cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.icon-search-clear:hover{color:var(--color-text-primary)}.icon-search-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.icon-no-results{padding:var(--space-10);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.icon-filters{gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.icon-filter-btn{padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-weight:500}.icon-filter-btn:hover{color:var(--color-fill-primary);border-color:var(--color-border-hover)}.icon-filter-btn.active{color:var(--color-text-inverse);background:var(--color-fill-primary);border-color:var(--color-fill-primary)}.icon-category{margin-bottom:var(--space-8)}.icon-category-title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);margin-bottom:var(--space-4);font-weight:600}.icons-grid{gap:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.icon-card{justify-content:center;align-items:center;gap:var(--space-3);aspect-ratio:1;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;background:0 0;flex-direction:column;display:flex}.icon-card:hover{border-color:var(--color-border-hover);background:var(--color-fill-hover)}.icon-preview-wrap{justify-content:center;align-items:center;display:flex;position:relative}.icon-card-tooltip{bottom:calc(100% + var(--space-2));align-items:center;gap:var(--space-1);white-space:nowrap;display:flex;position:absolute;left:50%;transform:translate(-50%)}.icon-preview{width:var(--icon-size-2xl);height:var(--icon-size-2xl);color:var(--color-text-primary);flex-shrink:0;overflow:hidden}.icon-preview svg{width:100%;height:100%;overflow:hidden}.icon-preview svg path,.icon-preview svg circle,.icon-preview svg rect,.icon-preview svg polygon,.icon-preview svg ellipse,.icon-preview svg g[fill]:not([fill=none]){fill:currentColor}.icon-preview svg line,.icon-preview svg polyline{stroke:currentColor}.icon-preview svg.icon-stroke path,.icon-preview svg.icon-stroke circle,.icon-preview svg.icon-stroke rect{fill:none;stroke:currentColor}.icon-name{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;font-weight:500}@media (width<=768px){.icons-grid{grid-template-columns:repeat(3,1fr)}}.sidebar{width:240px;height:calc(100vh - 92px);padding:0 var(--space-6);border-right:1px solid var(--color-border-subtle);background:var(--color-surface-primary);scrollbar-gutter:stable;position:fixed;top:92px;left:0;overflow-y:auto}.sidebar-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-6) 0 var(--space-4);background:var(--color-surface-primary);z-index:1;display:flex;position:sticky;top:0}.sidebar-search{min-width:0;color:var(--color-text-muted);flex:1}.sidebar-search-text{font-size:var(--font-size-xs)}.sidebar-search-kbd{margin-left:auto}.sidebar-nav{gap:var(--space-1);padding-bottom:var(--space-8);flex-direction:column;display:flex}.sidebar-group{flex-direction:column;display:flex}.sidebar-group-header{width:100%;padding:var(--space-2) var(--space-3);margin-top:var(--space-3);font-family:var(--type-overline-family);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-leading);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.sidebar-group-header:hover,.sidebar-group.has-active .sidebar-group-header{background:var(--color-fill-hover)}.sidebar-group-header:focus{outline:none}.sidebar-group-header:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.sidebar-group-caret{color:var(--color-icon-primary);transition:transform var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;transform:rotate(90deg)}.sidebar-group.collapsed .sidebar-group-caret{transform:rotate(0)}.sidebar-group:first-child .sidebar-group-header{margin-top:0}.sidebar-group-children{gap:var(--space-1);padding-top:var(--space-1);padding-left:var(--space-2);flex-direction:column;display:flex}.sidebar-link{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-base), background var(--transition-fast);background:0 0;border:none;display:block;position:relative}.sidebar-link:hover{color:var(--color-text-primary)}.sidebar-link:focus{outline:none}.sidebar-link:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.sidebar-link.active{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.sidebar-link.active:before{content:"";background:var(--color-text-primary);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}@media (width<=768px){.sidebar{display:none}}.signin-gate{padding:var(--space-10) var(--space-6);pointer-events:none;z-index:5;justify-content:center;align-items:center;display:flex;position:fixed;inset:92px 0 0 240px}@media (width<=768px){.signin-gate{left:0}}.signin-gate-inner{text-align:center;gap:var(--space-4);width:100%;max-width:560px;padding:var(--space-12) var(--space-10);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary);pointer-events:auto;flex-direction:column;display:flex}.signin-gate-eyebrow{font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary)}.signin-gate-title{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--color-text-primary);margin:0;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:500;line-height:1.1}.signin-gate-title em{color:var(--color-text-secondary);font-style:italic}.signin-gate-body{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.6}.signin-gate-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.home{background:var(--color-surface-primary);width:100%;color:var(--color-text-primary)}.home [id]{scroll-margin-top:92px}.home-container{width:100%;max-width:1100px;padding:0 var(--space-8);margin:0 auto}.home-hero{min-height:100vh;padding:var(--space-24) 0 0;text-align:center;background:var(--color-surface-primary);isolation:isolate;flex-direction:column;justify-content:center;display:flex;position:relative}.home-horizon-bg{z-index:-1;pointer-events:none;background:var(--color-surface-primary);isolation:isolate;position:absolute;inset:0;overflow:clip}.home-horizon-gradient{z-index:-2;pointer-events:none;background: radial-gradient(ellipse 32% 14% at 50% 100%, #fffff5f2 0%, #fffadcbf 35%, transparent 80%),  radial-gradient(ellipse 45% 22% at 50% 95%, #ffeb8280 0%, #fcdc6447 50%, transparent 85%),  radial-gradient(ellipse 80% 60% at 50% 88%, color-mix(in srgb, var(--color-accent-primary) 65%, transparent) 0%, color-mix(in srgb, var(--color-accent-primary) 35%, transparent) 45%, transparent 80%),  radial-gradient(ellipse 120% 32% at 50% 115%, color-mix(in srgb, var(--color-accent-primary) 30%, transparent) 0%, transparent 80%),  linear-gradient(180deg, var(--color-surface-primary) 0%, var(--color-surface-primary) 45%, transparent 95%);filter:blur(24px);position:absolute;inset:0}.home-horizon-veil{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 42% at 0% 105%, var(--color-surface-primary) 0%, transparent 65%), radial-gradient(ellipse 55% 42% at 100% 105%, var(--color-surface-primary) 0%, transparent 65%), linear-gradient(180deg, var(--color-surface-primary) 0%, var(--color-surface-primary) 35%, color-mix(in srgb, var(--color-surface-primary) 55%, transparent) 50%, transparent 70%);position:absolute;inset:0}.home-hero>.home-container,.home-hero>.home-preview-wrap{z-index:1;position:relative}.home-hero-kicker{align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);margin-bottom:var(--space-8);padding:5px 14px;font-size:10px;display:inline-flex}.home-hero-dot{background:var(--color-success);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite home-blink}@keyframes home-blink{0%,to{opacity:1}50%{opacity:.3}}.home-hero-title{font-family:var(--font-family-display);letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--space-6);font-size:clamp(3.5rem,6.5vw,5rem);font-weight:400;line-height:1.05}.home-hero-title em{color:var(--color-text-secondary);font-style:italic}.home-hero-title span{display:block}.home-hero-title .home-hero-typing{color:var(--color-accent-primary);font-style:italic}.home-hero-title .home-hero-typing:after{content:"";vertical-align:-.02em;background:currentColor;width:.025em;height:.85em;margin-left:.06em;animation:.9s steps(2,jump-none) infinite home-hero-caret-blink;display:inline-block}@keyframes home-hero-caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.home-hero-typing:after{opacity:1;animation:none}}.home-hero-sub{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-2);line-height:1.7}.home-hero-sub strong{color:var(--color-text-primary);font-weight:500}.home-hero-meta{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 auto var(--space-8);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.home-hero-actions{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-10);display:flex}.home-btn-primary{background:var(--color-fill-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;transition:opacity var(--transition-fast);align-items:center;gap:var(--space-2);border:none;padding:14px 32px;font-weight:500;text-decoration:none;display:inline-flex}.home-btn-primary:hover{opacity:.85}.home-btn-primary--inverse{background:var(--color-surface-primary);color:var(--color-text-primary)}.home-btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-2);background:0 0;padding:14px 28px;text-decoration:none;display:inline-flex}.home-btn-ghost:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}.home-btn-ghost--inverse{border-color:var(--color-border-subtle);color:var(--color-text-secondary)}.home-hero-note{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:10px}.home-hero-note--inverse{color:var(--color-text-secondary);margin-top:var(--space-5)}.home-preview{background:var(--color-fill-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);text-align:left;box-shadow:var(--shadow-lg);margin-top:var(--space-10);overflow:visible}.home-preview-bar{background:var(--color-fill-primary);border-bottom:1px solid var(--color-border-subtle);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);align-items:center;gap:6px;height:44px;padding:0 16px;display:flex;position:relative}.home-preview-dot{border-radius:50%;width:10px;height:10px}.home-preview-inner{grid-template-columns:180px 1fr;height:340px;display:grid}.home-preview-wrap{width:100%;padding:0 var(--space-8);margin-top:var(--space-8);margin-bottom:var(--space-4);justify-content:center;display:flex}.home-preview--template{background:var(--color-surface-primary);aspect-ratio:1400/900;width:100%;max-width:1440px;transition:all var(--transition-base);flex-direction:column;margin-top:0;display:flex;box-shadow:0 30px 80px #0000008c,0 12px 28px #00000059}.home-preview--template .home-preview-template-body{flex:1;height:auto}.home-preview--zoomed{z-index:95;border:none;border-radius:0;width:100vw;max-width:none;height:calc(100vh - 92px);margin:0;position:fixed;inset:92px 0 0}.home-preview--zoomed .home-preview-template-body{height:calc(100vh - 44px)}.home-preview-dot--zoom,.home-preview-dot--close{cursor:pointer;border:none;padding:0;position:relative}.home-preview-dot--zoom:hover,.home-preview-dot--close:hover{filter:brightness(1.1)}.home-preview-dot--zoom[data-tooltip]:after{content:attr(data-tooltip);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);letter-spacing:var(--type-caption-tracking);color:var(--palette-neutral-50);background:var(--palette-neutral-950);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;z-index:10;animation:1.8s ease-in-out infinite home-preview-tooltip-float;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.home-preview-dot--zoom[data-tooltip]:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--palette-neutral-950);pointer-events:none;z-index:10;width:0;height:0;animation:1.8s ease-in-out infinite home-preview-tooltip-float;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.home-preview--zoomed .home-preview-dot--zoom[data-tooltip]:after,.home-preview--zoomed .home-preview-dot--zoom[data-tooltip]:before{display:none}@keyframes home-preview-tooltip-float{0%,to{transform:translate(-50%)translateY(-2px)}50%{transform:translate(-50%)translateY(-12px)}}.home-preview-template-body{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);height:680px;position:relative;overflow:hidden}.home-preview-template-body .tpl-dashboard{height:100%;min-height:0}.home-preview-template-body .tpl-dashboard-sidebar{flex-shrink:0}.home-preview-template-body .tpl-dashboard-sidebar .sidebar-demo-wrapper,.home-preview-template-body .tpl-dashboard-sidebar .sidebar-demo-icons{height:100%;position:static}.home-preview-template-body .tpl-dashboard-main{min-width:0;height:100%;overflow-y:auto}.home-preview-template-body .ai-panel{z-index:20;width:min(440px,60%);height:auto;box-shadow:var(--shadow-lg);margin:0;position:absolute;top:8px;bottom:8px;right:8px}.home-preview-sidebar{background:var(--color-fill-primary);border-right:1px solid var(--color-border-subtle);opacity:.95;padding:16px 12px}.home-preview-nav-label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin:12px 0 5px;padding:0 8px;font-size:8px}.home-preview-nav-label:first-child{margin-top:0}.home-preview-nav-item{color:var(--color-text-secondary);border-radius:6px;align-items:center;gap:7px;margin-bottom:1px;padding:6px 10px;font-size:11px;display:flex}.home-preview-nav-item.active{background:var(--color-surface-subtle);color:var(--color-text-inverse);border-left:2px solid var(--color-text-inverse);padding-left:8px}.home-preview-main{padding:20px;overflow:hidden}.home-preview-title{font-family:var(--font-family-display);color:var(--color-text-inverse);letter-spacing:-.02em;margin-bottom:4px;font-size:18px;font-weight:600}.home-preview-sub{font-family:var(--font-family-mono);color:var(--color-text-secondary);margin-bottom:16px;font-size:9px}.home-preview-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.home-preview-card{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:12px 14px}.home-preview-card-label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:6px;font-size:8px}.home-preview-card-val{font-family:var(--font-family-display);color:var(--color-text-inverse);letter-spacing:-.02em;font-size:18px;font-weight:700}.home-preview-card-delta{font-family:var(--font-family-mono);color:var(--color-text-secondary);margin-top:3px;font-size:8px}.home-preview-card-delta.positive{color:var(--color-success)}.home-preview-table{flex-direction:column;display:flex}.home-preview-row{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:10px;padding:8px 0;font-size:11px;display:flex}.home-preview-row:last-child{border-bottom:none}.home-preview-row-name{color:var(--color-text-inverse);flex:1;font-weight:500}.home-preview-row-tag{font-family:var(--font-family-mono);color:var(--color-text-secondary);font-size:9px}.home-preview-badge{font-family:var(--font-family-mono);border-radius:var(--radius-full);padding:2px 7px;font-size:8px;font-weight:500}.home-preview-badge.success{background:color-mix(in srgb, var(--color-success), transparent 85%);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success), transparent 60%)}.home-social-proof{border-top:1px solid var(--color-border-subtle);padding:var(--space-6) 0;background:var(--color-surface-primary);z-index:50}.home-social-proof--sticky{margin-top:auto;position:sticky;bottom:0;left:0;right:0}.home-social-proof--hidden{display:none}.home-social-proof--compact{padding:var(--space-4) 0}.home-social-proof--compact .home-sp-av-img{border-width:1px;width:22px;height:22px;margin-left:-6px}.home-social-proof--compact .home-sp-count,.home-social-proof--compact .home-sp-tools span{font-size:var(--font-size-xs)}.home-social-proof--compact .home-sp-label{font-size:9px}.home-social-proof-inner{justify-content:center;align-items:center;gap:var(--space-10);display:flex}.home-sp-group{align-items:center;gap:var(--space-4);display:flex}.home-sp-label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);white-space:nowrap;font-size:9px}.home-sp-avatars-group{align-items:center;gap:var(--space-3);display:flex}.home-sp-avatars{align-items:center;display:flex}.home-sp-av-img{border:2px solid var(--color-surface-primary);object-fit:cover;border-radius:50%;width:30px;height:30px;margin-left:-8px}.home-sp-av-img:first-child{margin-left:0}.home-sp-av{background:var(--color-fill-primary);width:30px;height:30px;color:var(--color-text-inverse);border:2px solid var(--color-surface-primary);font-family:var(--font-family-mono);border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;font-size:10px;font-weight:500;display:flex}.home-sp-av:first-child{margin-left:0}.home-sp-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.home-sp-count strong{color:var(--color-text-primary);font-weight:500}.home-sp-divider{background:var(--color-border-subtle);width:1px;height:28px}.home-sp-tools{gap:var(--space-4);align-items:center;display:flex}.home-sp-tools span{font-family:var(--font-family-mono);color:var(--color-text-secondary);font-size:11px}.home-sp-group--muted{opacity:.55}.home-section{padding:var(--space-20) 0}.home-section-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);display:flex}.home-section-label:after{content:"";background:var(--color-border-subtle);flex:1;height:1px}.home-section-label--inverse{color:var(--color-text-secondary)}.home-section-label--inverse:after{background:var(--color-border-subtle)}.home-section-h2{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-4);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:500;line-height:1.05}.home-section-h2 em{color:var(--color-text-secondary);font-style:italic}.home-section-h2--inverse{color:var(--color-text-inverse)}.home-section-h2--inverse em{color:var(--color-text-secondary)}.home-section-sub{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:520px;margin-bottom:var(--space-10);line-height:1.7}.home-section-sub strong{color:var(--color-text-primary);font-weight:500}.home-tools-grid{margin-bottom:var(--space-12);grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.home-tool-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);background:0 0}.home-tool-tag{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:9px}.home-tool-title{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:600}.home-tool-body{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.65}.home-tool-note{font-family:var(--font-family-mono);color:var(--color-text-secondary);font-size:10px}.home-tools-grid--3{grid-template-columns:repeat(3,1fr)}.home-tools-grid--1{grid-template-columns:1fr}.home-tool-hero{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-10);margin-bottom:var(--space-6);background:0 0}.home-tool-hero-label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:10px}.home-tool-hero-title{font-family:var(--font-family-display);font-size:var(--font-size-3xl);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-5);font-weight:500}.home-tool-hero-logos{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.home-tool-hero-logos>span{align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-surface-primary);display:inline-flex}.home-tool-hero-logo-mark{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-icon-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.home-tool-hero-logo-mark svg{width:100%;height:100%;display:block}.home-tool-hero-body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:640px;margin-bottom:var(--space-5);line-height:1.7}.home-tool-hero-code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);color:var(--color-text-primary);display:inline-block}.home-tool-callout{margin-top:var(--space-8);padding:var(--space-5);background:var(--color-surface-subtle);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.home-tool-callout strong{color:var(--color-text-primary);font-weight:500}.home-section--trio{padding-top:var(--space-20);padding-bottom:var(--space-20)}.home-vp-wrap{margin-top:var(--space-16);padding-top:var(--space-12);border-top:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.home-vp-row{gap:var(--space-8);padding:var(--space-16) 0;border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr;align-items:start;display:grid}.home-vp-row:last-child{border-bottom:none;padding-bottom:0}.home-vp-text{max-width:440px}.home-vp-title{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--color-text-primary);margin:0 0 var(--space-4);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;line-height:1.15}.home-vp-body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.65}.home-vp-visual{aspect-ratio:16/10;border-radius:var(--radius-xl);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);padding:var(--space-10);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.home-vp-visual .vp-theme-browser,.home-vp-visual .vp-ai-prompt-browser,.home-vp-visual .vp-brand-orbit-stage,.home-vp-visual .vp-sync-code,.home-vp-visual .vp-sync-stage{box-shadow:0 16px 36px #00000029,0 4px 12px #00000014}.vp-brand{gap:var(--space-4);grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.vp-brand-orbit-stage{border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--color-accent-primary) 22%, transparent), transparent 55%), radial-gradient(circle at 50% 50%, #1a1a18 0%, #111110 70%, #0a0a09 100%);padding:var(--space-6);min-width:0;position:relative;overflow:hidden}.vp-brand-orbit-stage .vp-ai-orbit{width:100%;height:100%}.vp-brand-orbit-stage .vp-ai-orbit-center{isolation:isolate;box-shadow:0 0 60px color-mix(in srgb, var(--color-accent-primary) 60%, transparent), 0 0 120px color-mix(in srgb, var(--color-accent-primary) 30%, transparent);background:0 0}.vp-brand-orbit-stage .vp-ai-orbit-center:before{content:"";background:var(--color-accent-primary);filter:blur(4px);z-index:-1;border-radius:50%;position:absolute;inset:-1px}.vp-brand-orbit-stage .vp-ai-orbit-ring{border:1px solid #ffffff38;width:90px;height:90px;animation:6s cubic-bezier(.2,.6,.3,1) infinite vp-brand-ring-ripple}.vp-brand-orbit-stage .vp-ai-orbit-ring--1{animation-delay:0s}.vp-brand-orbit-stage .vp-ai-orbit-ring--2{animation-delay:-2s}.vp-brand-orbit-stage .vp-ai-orbit-ring--3{animation-delay:-4s}@keyframes vp-brand-ring-ripple{0%{opacity:0;width:90px;height:90px}10%{opacity:.9}to{opacity:0;width:600px;height:600px}}@media (prefers-reduced-motion:reduce){.vp-brand-orbit-stage .vp-ai-orbit-ring{opacity:.5;width:220px;height:220px;animation:none}.vp-brand-orbit-stage .vp-ai-orbit-ring--2{width:340px;height:340px}.vp-brand-orbit-stage .vp-ai-orbit-ring--3{width:480px;height:480px}}.vp-brand-sync .vp-sync-line{opacity:0;animation-duration:9s;animation-timing-function:ease-out;animation-iteration-count:infinite}.vp-brand-sync .vp-sync-line:first-child{animation-name:vp-token-line-1}.vp-brand-sync .vp-sync-line:nth-child(2){animation-name:vp-token-line-2}.vp-brand-sync .vp-sync-line:nth-child(3){animation-name:vp-token-line-3}.vp-brand-sync .vp-sync-line:nth-child(4){animation-name:vp-token-line-4}.vp-brand-sync .vp-sync-line:nth-child(5){animation-name:vp-token-line-5}.vp-brand-sync .vp-sync-line:nth-child(6){animation-name:vp-token-line-6}.vp-brand-sync .vp-sync-line:nth-child(7){animation-name:vp-token-line-7}.vp-brand-sync .vp-sync-line:nth-child(8){animation-name:vp-token-line-8}.vp-brand-sync .vp-sync-line:nth-child(9){animation-name:vp-token-line-9}.vp-brand-sync .vp-sync-line:nth-child(10){animation-name:vp-token-line-10}.vp-brand-sync .vp-sync-line:nth-child(11){animation-name:vp-token-line-11}@keyframes vp-token-line-1{0%{opacity:0;transform:translateY(3px)}5%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}@keyframes vp-token-line-2{0%,5%{opacity:0;transform:translateY(3px)}10%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}@keyframes vp-token-line-3{0%,10%{opacity:0;transform:translateY(3px)}15%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}@keyframes vp-token-line-4{0%,15%{opacity:0;transform:translateY(3px)}20%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}@keyframes vp-token-line-5{0%,20%{opacity:0;transform:translateY(3px)}25%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}@keyframes vp-token-line-6{0%,25%{opacity:0;transform:translateY(3px)}30%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}@keyframes vp-token-line-7{0%,30%{opacity:0;transform:translateY(3px)}35%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}@keyframes vp-token-line-8{0%,35%{opacity:0;transform:translateY(3px)}40%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}@keyframes vp-token-line-9{0%,40%{opacity:0;transform:translateY(3px)}45%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}@keyframes vp-token-line-10{0%,45%{opacity:0;transform:translateY(3px)}50%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}@keyframes vp-token-line-11{0%,50%{opacity:0;transform:translateY(3px)}55%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.vp-brand-sync .vp-sync-line{opacity:1;animation:none;transform:none}}.vp-brand-orbit-stage .vp-ai-orbit-center svg path{fill:#111110}.vp-sync-code.vp-brand-sync{min-width:0;height:100%}.home-vp-visual--2 svg{width:100%;height:100%;display:block}.vp-sync{gap:var(--space-5);width:100%;height:100%;font-family:var(--font-family);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;display:grid;position:relative}.vp-sync-code{border-radius:var(--radius-xl);padding:var(--space-4);gap:var(--space-3);background:#111110;flex-direction:column;min-width:0;display:flex}.vp-sync-code-head{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid #2a2a28;display:flex}.vp-sync-code-dot{background:var(--color-accent-primary);border-radius:2px;width:8px;height:8px}.vp-sync-code-title{font-family:var(--font-family-mono);color:#e8e7e2;font-size:11px}.vp-sync-code-label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.1em;color:#7a7a75;margin-left:auto;font-size:9px}.vp-sync-code-body{font-family:var(--font-family-mono);color:#c9c7be;flex-direction:column;font-size:10px;line-height:1.65;display:flex}.vp-sync-line{gap:var(--space-3);border-radius:3px;align-items:baseline;margin:0 -4px;padding:1px 4px;transition:background .24s;display:flex}.vp-sync-line--active{background:color-mix(in srgb, var(--color-accent-primary) 8%, transparent)}.vp-sync-line .vp-sync-mark{color:#c9c7be;background:0 0;transition:background .24s,color .24s,box-shadow .24s}.vp-sync-line--active .vp-sync-mark{background:color-mix(in srgb, var(--color-accent-primary) 22%, transparent);color:var(--color-accent-primary);box-shadow:0 0 12px color-mix(in srgb, var(--color-accent-primary) 45%, transparent)}.vp-sync-ln{color:#4a4a48;text-align:right;flex-shrink:0;width:1.5em}.vp-sync-comment{color:#7a7a75}.vp-sync-mark{background:color-mix(in srgb, var(--color-accent-primary) 22%, transparent);color:var(--color-accent-primary);border-radius:3px;padding:0 4px}.vp-sync-pill{top:var(--space-3);right:var(--space-3);color:var(--color-accent-primary);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.12em;border-radius:var(--radius-full);z-index:2;background:#111110;align-items:center;gap:6px;padding:5px 10px;font-size:9px;font-weight:400;display:inline-flex;position:absolute;box-shadow:0 0 0 1px #ffffff1f,0 4px 12px #0000002e}.vp-sync-pulse{background:var(--color-accent-primary);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite vp-sync-pulse}@keyframes vp-sync-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.vp-sync-stage{background:var(--color-surface-primary);border-radius:var(--radius-xl);min-width:0;min-height:0;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.vp-sync-btn{color:#9a9a94;font-family:var(--font-family);cursor:pointer;background:0 0;border:1px solid #d5d4cc;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:400;transition:background .32s,color .32s,border-color .32s,padding .32s,font-weight .32s,box-shadow .32s,transform .32s}.vp-sync-btn.is-accent{color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.vp-sync-btn.is-pill{border-radius:999px}.vp-sync-btn.is-bold{font-weight:600}.vp-sync-btn.is-shadow{transform:translateY(-2px);box-shadow:0 8px 22px #d0785252}.vp-sync-btn.is-filled{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.home-vp-visual--3 .vp-theme-browser{width:100%;height:100%}.vp-theme-browser{border-radius:var(--radius-xl);background:var(--color-surface-elevated);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.vp-theme-browser-bar{background:var(--palette-neutral-950);border-bottom:none;flex-shrink:0;align-items:center;gap:5px;padding:12px 14px;display:flex}.vp-theme-browser-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.vp-theme-browser-url{margin-left:var(--space-3);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.02em}.vp-theme{isolation:isolate;flex:1;min-height:0;position:relative;overflow:hidden}.vp-theme-layer{position:absolute;inset:0;overflow:hidden}.vp-theme-frame{transform-origin:0 0;width:1400px;height:875px;position:absolute;top:0;left:0;transform:scale(.38)}.vp-theme-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.vp-abstract{background:var(--color-surface-primary);flex-direction:column;display:flex;position:absolute;inset:0}.vp-abstract-chrome{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:6px;padding:10px 14px;display:flex}.vp-abstract-dot{background:var(--color-border-subtle);border-radius:50%;width:8px;height:8px}.vp-abstract-body{flex:1;grid-template-columns:64px 1fr;min-height:0;display:grid}.vp-abstract-sidebar{background:var(--color-surface-subtle);border-right:1px solid var(--color-border-subtle);flex-direction:column;gap:10px;padding:14px 10px;display:flex}.vp-abstract-nav{border-radius:var(--radius-sm);background:var(--color-border-subtle);opacity:.6;height:8px}.vp-abstract-nav--active{background:var(--color-fill-primary);opacity:.3}.vp-abstract-nav--short{width:60%}.vp-abstract-main{flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex}.vp-abstract-head{justify-content:space-between;align-items:center;display:flex}.vp-abstract-title{background:var(--color-text-primary);opacity:.85;border-radius:4px;width:90px;height:12px}.vp-abstract-pill{border-radius:var(--radius-full);background:var(--color-accent-primary);opacity:.55;width:48px;height:12px}.vp-abstract-kpis{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.vp-abstract-kpi{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-elevated);flex-direction:column;gap:8px;min-height:56px;padding:10px;display:flex}.vp-abstract-kpi-label{background:var(--color-text-muted);opacity:.55;border-radius:3px;width:55%;height:6px}.vp-abstract-kpi-value{background:var(--color-text-primary);opacity:.75;border-radius:4px;width:40%;height:14px}.vp-abstract-chart{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-elevated);flex:1;min-height:60px;padding:14px}.vp-abstract-chart svg{width:100%;height:100%;display:block}.vp-theme-layer--dark{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);z-index:2;animation:7s ease-in-out infinite vp-theme-slide}.vp-theme-layer--light{z-index:1}@keyframes vp-theme-slide{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}45%{clip-path:polygon(0 0,0% 0,0% 100%,0 100%)}55%{clip-path:polygon(0 0,0% 0,0% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@media (prefers-reduced-motion:reduce){.vp-theme-layer--dark{animation:none}}@media (width<=900px){.home-vp-row{gap:var(--space-6);padding:var(--space-10) 0}}.home-vp-visual--ai-b .vp-ai-prompt-stage{width:100%;height:100%}.home-vp-visual--ai-b .vp-ai-prompt{justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex}.home-vp-visual--ai-b .vp-ai-prompt-browser{max-width:none;width:calc(100% + var(--space-10));border-radius:var(--radius-xl);border:none;height:100%}.home-vp-visual--ai-b .vp-ai-prompt-term{right:auto;left:calc(-1 * var(--space-6));width:82%;max-width:432px;padding:var(--space-6) var(--space-5);border-color:#ffffff0d}.vp-ai{width:100%;height:100%;font-family:var(--font-family);justify-content:center;align-items:center;display:flex}.vp-ai-doc-card{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;max-width:520px;overflow:hidden;box-shadow:0 40px 96px -16px #000000b3,0 20px 48px -12px #0000008c,0 8px 20px -6px #0006}.vp-ai-doc-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid color-mix(in srgb, var(--color-border-subtle) 65%, transparent);background:color-mix(in srgb, var(--color-surface-elevated) 60%, transparent);display:flex}.vp-ai-doc-dot{background:color-mix(in srgb, var(--color-border-hover) 45%, transparent);border-radius:50%;width:9px;height:9px}.vp-ai-doc-dot:first-of-type{background:#ff5f57b3}.vp-ai-doc-dot:nth-of-type(2){background:#febc2eb3}.vp-ai-doc-dot:nth-of-type(3){background:#28c840b3}.vp-ai-doc-filename{margin-left:var(--space-2);font-family:var(--font-family-mono);color:var(--color-text-secondary);font-size:11px}.vp-ai-doc-body{padding:var(--space-4) var(--space-5);font-family:var(--font-family-mono);color:var(--color-text-secondary);font-size:11px;line-height:1.75}.vp-ai-doc-heading{color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:500}.vp-ai-doc-comment{color:var(--color-text-muted)}.vp-ai-doc-value{color:var(--color-text-primary)}.vp-ai-doc-accent{color:var(--color-accent-primary)}.vp-ai-doc-footer{padding:var(--space-3) var(--space-5);border-top:1px solid color-mix(in srgb, var(--color-border-subtle) 65%, transparent);font-family:var(--font-family-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:9px;display:flex}.vp-ai-doc-pills{gap:var(--space-1);display:flex}.vp-ai-doc-pills span{border:1px solid color-mix(in srgb, var(--color-border-subtle) 60%, transparent);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-transform:none;letter-spacing:0;padding:3px 9px;font-size:9px}.vp-ai-prompt{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.vp-ai-prompt-stage{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vp-ai-prompt-img{aspect-ratio:16/9;object-fit:cover;object-position:top center;width:100%;animation:10s ease-out infinite vp-ai-img-cycle;display:block;-webkit-mask-image:linear-gradient(115deg,#000 0% 35%,#0000 55% 100%);mask-image:linear-gradient(115deg,#000 0% 35%,#0000 55% 100%);-webkit-mask-size:280% 100%;mask-size:280% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes vp-ai-img-cycle{0%,38%{-webkit-mask-position:100% 0;mask-position:100% 0}52%,92%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}.vp-ai-prompt-term-body>*{opacity:0}.vp-ai-prompt-term-body>:first-child{animation:10s ease-out infinite vp-ai-line-1}.vp-ai-prompt-term-body>:nth-child(2){animation:10s ease-out infinite vp-ai-line-2}.vp-ai-prompt-term-body>:nth-child(3){animation:10s ease-out infinite vp-ai-line-3}.vp-ai-prompt-term-body>:nth-child(4){animation:10s ease-out infinite vp-ai-line-4}.vp-ai-prompt-term-body>:nth-child(5){animation:10s ease-out infinite vp-ai-line-5}.vp-ai-prompt-term-body>:nth-child(6){animation:10s ease-out infinite vp-ai-line-6}.vp-ai-prompt-term-body>:nth-child(7){animation:10s ease-out infinite vp-ai-line-7}@keyframes vp-ai-line-1{0%,2%{opacity:0;transform:translateY(4px)}6%,95%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes vp-ai-line-2{0%,7%{opacity:0;transform:translateY(4px)}11%,95%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes vp-ai-line-3{0%,12%{opacity:0;transform:translateY(4px)}16%,95%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes vp-ai-line-4{0%,17%{opacity:0;transform:translateY(4px)}21%,95%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes vp-ai-line-5{0%,22%{opacity:0;transform:translateY(4px)}26%,95%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes vp-ai-line-6{0%,27%{opacity:0;transform:translateY(4px)}31%,95%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes vp-ai-line-7{0%,38%{opacity:0;transform:translateY(4px)}42%,95%{opacity:1;transform:translateY(0)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.vp-ai-prompt-img,.vp-ai-prompt-term-body>*{opacity:1;clip-path:none;animation:none}}.vp-ai-prompt-draw-pill--blank{background:color-mix(in srgb, var(--color-text-secondary) 30%, transparent);width:64px;height:8px}.vp-ai-prompt-draw-kpi{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary);flex-direction:column;gap:6px;min-width:0;display:flex}.vp-ai-prompt-draw-kpi-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.vp-ai-prompt-draw-kpi-icon{border:1px solid var(--color-border-subtle);width:18px;height:18px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.vp-ai-prompt-draw-block{background:color-mix(in srgb, var(--color-text-secondary) 25%, transparent);border-radius:999px;display:block}.vp-ai-prompt-draw-block--label{width:60%;height:6px}.vp-ai-prompt-draw-block--value{background:color-mix(in srgb, var(--color-text-primary) 40%, transparent);width:50%;height:14px}.vp-ai-prompt-draw-block--meta{width:70%;height:6px}.vp-ai-prompt-browser{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:720px;display:flex;position:relative;overflow:hidden}.vp-ai-prompt-loading{pointer-events:none;z-index:0;justify-content:center;align-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;animation:10s ease-out infinite vp-ai-prompt-loading-show;display:flex;position:absolute;top:50%;left:50%}.vp-ai-prompt-loading-spin{border:2.5px solid #ffffff1f;border-top-color:var(--color-accent-primary);border-radius:50%;animation:.9s linear infinite vp-ai-prompt-loading-spin;position:absolute;inset:0}.vp-ai-prompt-loading-mark{width:22px;height:22px;color:var(--color-accent-primary);display:block;position:relative}.vp-ai-prompt-loading-mark svg{width:100%;height:100%;display:block}.vp-ai-prompt-loading-mark svg path{fill:currentColor}@keyframes vp-ai-prompt-loading-spin{to{transform:rotate(360deg)}}@keyframes vp-ai-prompt-loading-show{0%{opacity:0}6%,38%{opacity:1}48%,to{opacity:0}}.vp-ai-prompt-browser-bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#000;flex-shrink:0;display:flex}.vp-ai-prompt-browser-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.vp-ai-prompt-browser-dot:first-of-type{background:#ff5f57}.vp-ai-prompt-browser-dot:nth-of-type(2){background:#febc2e}.vp-ai-prompt-browser-dot:nth-of-type(3){background:#28c840}.vp-ai-prompt-browser-url{margin-left:var(--space-2);font-family:var(--font-family-mono);color:var(--color-text-secondary);letter-spacing:0;text-transform:none;font-size:11px}.vp-ai-prompt-draw{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.vp-ai-prompt-draw-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.vp-ai-prompt-draw-title{font-family:var(--type-page-title-family);font-size:16px;font-weight:var(--type-page-title-weight);line-height:var(--type-page-title-leading);letter-spacing:var(--type-page-title-tracking);color:var(--color-text-primary);margin:0}.vp-ai-prompt-draw-head-actions{gap:6px;display:flex}.vp-ai-prompt-draw-pill{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-family:var(--type-caption-family);font-size:10px;font-weight:var(--type-caption-weight);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary);background:var(--color-surface-elevated);padding:4px 10px}.vp-ai-prompt-draw-pill--icon{color:var(--color-text-muted);letter-spacing:0;font-size:12px;font-family:var(--font-family);padding:4px 8px}.vp-ai-prompt-draw-kpi-row{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.vp-ai-prompt-draw-kpi-wrap{min-width:0}.vp-ai-prompt-draw-kpi-wrap--active{border-radius:var(--radius-lg);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent-primary) 60%, transparent), 0 0 32px -4px color-mix(in srgb, var(--color-accent-primary) 35%, transparent)}.vp-ai-prompt-draw-kpi-wrap--active .kpi-card{border-color:color-mix(in srgb, var(--color-accent-primary) 40%, var(--color-border-subtle))}.vp-ai-prompt-draw-charts{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.vp-ai-prompt-draw-chart{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary);padding:var(--space-2) var(--space-3);flex-direction:column;gap:4px;min-width:0;display:flex}.vp-ai-prompt-draw-chart-head{justify-content:space-between;align-items:center;display:flex}.vp-ai-prompt-draw-chart-title{color:var(--color-text-primary);font-size:11px;font-weight:500}.vp-ai-prompt-draw-chart-legend{gap:var(--space-2);flex-wrap:wrap;display:flex}.vp-ai-prompt-draw-chart-svg{width:100%;height:110px;display:block;overflow:visible}.vp-ai-prompt-draw-chart-grid{stroke:color-mix(in srgb, var(--color-border-subtle) 60%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.vp-ai-prompt-draw-chart-axis{font-family:var(--font-family-mono);fill:var(--color-text-muted);font-size:8px}.vp-ai-prompt-draw-chart-stroke{fill:none;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.vp-ai-prompt-draw-caret{opacity:.6;margin-left:2px;font-size:9px}.vp-ai-prompt-draw-line{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary);padding:var(--space-2) var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.vp-ai-prompt-draw-line-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.vp-ai-prompt-draw-line-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:9px}.vp-ai-prompt-draw-line-meta{font-family:var(--font-family-mono);color:var(--color-text-muted);font-size:9px}.vp-ai-prompt-draw-line-legend{gap:var(--space-3);display:flex}.vp-ai-prompt-draw-line-key{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:9px;display:inline-flex}.vp-ai-prompt-draw-line-key:before{content:"";background:var(--key-color,var(--color-text-secondary));border-radius:1px;width:8px;height:2px}.vp-ai-prompt-draw-line-svg{width:100%;height:56px;display:block;overflow:visible}.vp-ai-prompt-draw-line-stroke{fill:none;stroke:var(--color-accent-primary);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.vp-ai-prompt-draw .kpi-card{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary);cursor:default;gap:4px;min-width:0}.vp-ai-prompt-draw .kpi-card:hover{border-color:var(--color-border-subtle);box-shadow:none}.vp-ai-prompt-draw .kpi-card-label{letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.vp-ai-prompt-draw .kpi-card-icon{width:18px;height:18px}.vp-ai-prompt-draw .kpi-card-icon svg{width:10px;height:10px}.vp-ai-prompt-draw .kpi-card-value-row{gap:var(--space-2);flex-wrap:nowrap}.vp-ai-prompt-draw .kpi-card-value{font-size:16px;line-height:1.1}.vp-ai-prompt-draw .kpi-card-diff{font-size:9px}.vp-ai-prompt-draw .kpi-card .badge{gap:2px;padding:2px 5px;font-size:8px}.vp-ai-prompt-draw .kpi-card .badge svg{width:10px;height:10px}.vp-ai-prompt-draw .kpi-card-sparkline{margin:0 calc(-1 * var(--space-3)) calc(-1 * var(--space-2));padding:0 var(--space-3) var(--space-2)}.vp-ai-prompt-draw .kpi-card-sparkline svg{height:22px}.vp-ai-prompt-term{right:calc(-1 * var(--space-6));bottom:calc(-1 * var(--space-6));width:68%;max-width:360px;padding:var(--space-4);border-radius:var(--radius-xl);z-index:2;background:#0a0907;border:1px solid #ffffff1a;position:absolute}.vp-ai-prompt-term-body{font-family:var(--font-family-mono);color:#ffffffbf;flex-direction:column;gap:2px;font-size:12px;line-height:1.7;display:flex}.vp-ai-prompt-term-line{align-items:baseline;gap:8px;display:flex}.vp-ai-prompt-term-prompt{color:var(--color-accent-primary);flex-shrink:0}.vp-ai-prompt-term-cmd{color:#ffffffe6}.vp-ai-prompt-term-str{color:var(--color-accent-primary)}.vp-ai-prompt-term-status{color:#ffffff8c;align-items:center;gap:8px;padding-left:18px;display:flex}.vp-ai-prompt-term-spin{background:var(--color-accent-primary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite vp-ai-prompt-term-pulse}@keyframes vp-ai-prompt-term-pulse{0%,to{opacity:.35}50%{opacity:1}}.vp-ai-prompt-term-tool{color:#fffc;align-items:baseline;gap:8px;padding-left:18px;display:flex}.vp-ai-prompt-term-bullet{color:var(--color-accent-primary)}.vp-ai-prompt-term-file{color:#fff9}.vp-ai-prompt-term-done{color:#ffffffb3;align-items:center;gap:8px;padding-left:18px;display:flex}.vp-ai-prompt-term-check{color:var(--color-accent-primary)}.vp-ai-prompt-term-caret{background:#ffffffb3;width:7px;height:11px;animation:1s step-end infinite vp-ai-prompt-term-blink;display:inline-block}@keyframes vp-ai-prompt-term-blink{0%,50%{opacity:1}51%,to{opacity:0}}.home-vp-visual--ai-c{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--color-accent-primary) 16%, transparent), transparent 60%), var(--color-surface-subtle)}.vp-ai-orbit{width:100%;height:100%;position:relative}.vp-ai-orbit-ring{border:1px solid var(--color-border-subtle);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vp-ai-orbit-ring--1{width:220px;height:220px}.vp-ai-orbit-ring--2{width:340px;height:340px}.vp-ai-orbit-ring--3{width:480px;height:480px}.vp-ai-orbit-center{background:var(--color-accent-primary);width:110px;height:110px;box-shadow:0 0 40px color-mix(in srgb, var(--color-accent-primary) 35%, transparent);z-index:3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vp-ai-orbit-center svg{width:56%;height:56%;display:block}.vp-ai-orbit-center svg path{fill:var(--color-accent-text)}.vp-ai-orbit-node{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-family:var(--font-family-mono);color:var(--color-text-secondary);z-index:2;box-shadow:var(--shadow-sm);white-space:nowrap;padding:6px 12px;font-size:10px;position:absolute}.vp-ai-orbit-node--colors{animation:7s ease-in-out infinite vp-ai-orbit-float;top:22%;left:14%}.vp-ai-orbit-node--type{animation:8s ease-in-out -1.5s infinite vp-ai-orbit-float;top:18%;right:14%}.vp-ai-orbit-node--shadows{animation:9s ease-in-out -3s infinite vp-ai-orbit-float;bottom:24%;left:10%}.vp-ai-orbit-node--spacing{animation:7.5s ease-in-out -2s infinite vp-ai-orbit-float;bottom:18%;right:12%}.vp-ai-orbit-node--corners{animation:8.5s ease-in-out -4s infinite vp-ai-orbit-float;top:48%;right:4%}.vp-ai-orbit-node--tokens{background:var(--color-accent-primary);color:var(--color-accent-text);border-color:#0000;animation:6.5s ease-in-out -2.5s infinite vp-ai-orbit-float;top:48%;left:4%}@keyframes vp-ai-orbit-float{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(8px,-10px)rotate(1deg)}40%{transform:translate(-6px,-14px)rotate(-.5deg)}60%{transform:translate(-12px,6px)rotate(-1deg)}80%{transform:translate(4px,10px)rotate(.5deg)}}@media (prefers-reduced-motion:reduce){.vp-ai-orbit-node--colors,.vp-ai-orbit-node--type,.vp-ai-orbit-node--spacing,.vp-ai-orbit-node--shadows,.vp-ai-orbit-node--corners,.vp-ai-orbit-node--tokens{animation:none}}.vp-ai-chat-frame{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.vp-ai-chat-msg{gap:var(--space-2);align-items:flex-start;display:flex}.vp-ai-chat-avatar{border-radius:var(--radius-sm);width:26px;height:26px;font-family:var(--font-family-mono);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:500;display:inline-flex}.vp-ai-chat-avatar--user{background:var(--color-surface-subtle);color:var(--color-text-secondary)}.vp-ai-chat-avatar--agent{background:var(--color-accent-primary);color:var(--color-accent-text)}.vp-ai-chat-bubble{color:var(--color-text-primary);flex:1;padding-top:4px;font-size:12px;line-height:1.6}.vp-ai-chat-reading{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-family-mono);color:var(--color-text-secondary);align-items:center;gap:var(--space-2);font-size:10px;display:flex}.vp-ai-chat-reading-dot{background:var(--color-accent-primary);border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite vp-ai-chat-pulse}@keyframes vp-ai-chat-pulse{0%,to{opacity:.4}50%{opacity:1}}.vp-ai-chat-generated{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-subtle);border-radius:var(--radius-sm);font-family:var(--font-family-mono);color:var(--color-text-secondary);font-size:10px;line-height:1.6}.vp-ai-chat-token{background:var(--color-accent-primary);color:var(--color-accent-text);border-radius:3px;padding:0 4px}.home-section--sot{background:var(--color-surface-primary)}.home-sot-diagram{margin-top:var(--space-10);padding:var(--space-10);background:var(--palette-neutral-950);border-radius:var(--radius-xl);color:var(--palette-neutral-50)}.home-sot-source{padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid color-mix(in srgb, var(--palette-neutral-50) 12%, transparent)}.home-sot-source .home-sot-mono{font-size:var(--font-size-md);color:var(--color-accent-primary)}.home-sot-mono{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--palette-neutral-50)}.home-sot-arrows{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.home-sot-arrow-row{align-items:center;gap:var(--space-3);display:flex}.home-sot-arrow{font-family:var(--font-family-mono);color:var(--palette-neutral-400)}.home-sot-bottom{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--palette-neutral-200);padding-top:var(--space-5);border-top:1px solid color-mix(in srgb, var(--palette-neutral-50) 12%, transparent)}.home-sot-closing{margin-top:var(--space-8);text-align:center;font-family:var(--font-family-display);font-size:var(--font-size-lg);color:var(--color-text-secondary)}.home-sot-closing em{font-style:italic}.home-section[data-theme=dark],.home-section--themes{background:var(--color-surface-primary)}.home-themes-grid{gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.home-themes-carousel{margin-top:var(--space-8);position:relative}.home-themes-pager{top:calc(var(--space-4) * -1);gap:var(--space-2);display:flex;position:absolute;right:0;transform:translateY(-100%)}.home-themes-dot{background:var(--color-border-subtle);cursor:pointer;width:6px;height:6px;transition:background var(--transition-fast), transform var(--transition-fast);border:none;border-radius:50%;padding:0}.home-themes-dot:hover{transform:scale(1.2)}.home-themes-dot--active{background:var(--color-text-primary)}.home-themes-viewport{overflow:hidden}.home-themes-track{gap:var(--space-5);will-change:transform;transition:transform .5s cubic-bezier(.22,.61,.36,1);display:flex}.home-themes-track>.home-theme-card{flex:0 0 calc((100% - 2 * var(--space-5)) / 3);min-width:0}.home-themes-arrow{border:1px solid var(--color-border-subtle);background:var(--color-surface-primary);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);z-index:2;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.home-themes-arrow--prev{left:calc(var(--space-4) * -1)}.home-themes-arrow--next{right:calc(var(--space-4) * -1)}.home-themes-arrow:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-surface-subtle)}.home-themes-arrow:disabled{opacity:0;pointer-events:none}@media (width<=960px){.home-themes-track>.home-theme-card{flex:0 0 calc((100% - var(--space-5)) / 2)}}@media (width<=600px){.home-themes-track>.home-theme-card{flex:0 0 100%}}.home-theme-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-3);transition:border-color var(--transition-fast);background:0 0;flex-direction:column;display:flex}.home-theme-card:hover{border-color:var(--color-border-hover)}.home-theme-card--soon{opacity:.7}.home-theme-preview{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);height:140px;margin-bottom:var(--space-2)}.home-theme-preview--amber{background:linear-gradient(135deg,#282620 0%,#8a8770 60%,#e5e2d4 100%)}.home-theme-preview--ink{background:linear-gradient(135deg,#000 0%,#1a1a1a 55%,#404040 100%)}.home-theme-preview--slate{background:linear-gradient(135deg,#0b1220 0%,#1c2538 60%,#4b76bd 100%)}.home-theme-preview--sage{background:linear-gradient(135deg,#1a2b22 0%,#4a6b5a 55%,#7a9684 100%)}.home-theme-preview--bloom{background:linear-gradient(135deg,#2b2528 0%,#a87fae 55%,#e8c8d4 100%)}.home-theme-preview--mist{background:linear-gradient(135deg,#e8edf3 0%,#94a3b8 55%,#ccd6e0 100%)}.home-theme-badge{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.12em;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);align-self:flex-start;font-size:9px;display:inline-block}.home-theme-badge--available{background:var(--color-fill-primary);color:var(--color-text-inverse);border-color:var(--color-fill-primary)}.home-theme-name{font-family:var(--font-family-display);font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:500}.home-theme-tagline{font-family:var(--font-family-display);font-style:italic;font-size:var(--font-size-base);color:var(--color-text-secondary);min-height:calc(var(--font-size-base) * 1.5)}.home-theme-body{font-size:var(--font-size-base);color:var(--color-text-secondary);min-height:calc(var(--font-size-base) * 1.6 * 4);line-height:1.6}.home-theme-meta{font-family:var(--font-family-mono);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;min-height:28px;font-size:10px}.home-theme-swatches{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.home-theme-swatches span{border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);width:20px;height:20px;display:block}.home-themes-callout{margin-top:var(--space-8);padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:0 0}.home-themes-callout-title{font-family:var(--font-family-display);font-size:var(--font-size-xl);letter-spacing:-.01em;color:var(--color-text-primary);margin-bottom:var(--space-3);font-weight:500}.home-themes-callout-body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:720px;line-height:1.7}.home-themes-callout-body strong{color:var(--color-text-primary);font-weight:500}.home-faq-grid{gap:var(--space-12);grid-template-columns:1fr 1.6fr;align-items:start;display:grid}.home-faq-intro{position:sticky;top:80px}.home-faq-intro .home-section-h2{margin-bottom:var(--space-6)}.home-faq-side{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:360px;margin-bottom:var(--space-4);line-height:1.65}.home-faq-link{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:opacity var(--transition-fast);text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline;display:inline-block}.home-faq-link:hover{opacity:.7}.home-faq-accordion{background:var(--color-surface-elevated)}.home-faq-accordion .accordion-trigger{font-family:var(--font-family-display);font-size:var(--font-size-xl);letter-spacing:-.01em;font-weight:500}.home-faq-accordion .accordion-body{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}@media (width<=900px){.home-faq-grid{gap:var(--space-8);grid-template-columns:1fr}.home-faq-intro{position:static}}.home-pain-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.home-pain-card{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-fast)}.home-pain-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.home-pain-icon{margin-bottom:var(--space-4);color:var(--color-icon-secondary);display:block}.home-pain-title{font-family:var(--font-family-display);font-size:var(--font-size-lg);letter-spacing:-.01em;color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:600;line-height:1.2}.home-pain-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.65}.home-pillars-rows{margin-top:var(--space-16);flex-direction:column;display:flex}.home-pillar-row{gap:var(--space-16);padding:var(--space-20) 0;border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr 1fr;align-items:center;display:grid}.home-pillar-row:first-child{padding-top:0}.home-pillar-row:last-child{border-bottom:none;padding-bottom:0}.home-pillar-row:nth-child(2n) .home-pillar-visual{order:2}.home-pillar-visual{aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);justify-self:center;width:100%;max-width:560px;overflow:hidden}.home-pillar-visual--01{background:0 0;border:none;justify-content:stretch;align-items:stretch;padding:0;display:flex}.vp-found{border-radius:var(--radius-lg);background:#111110;border:1px solid #2a2a28;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;container-type:inline-size}.vp-found-bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid #2a2a28;flex-shrink:0;display:flex}.vp-found-mark{background:var(--vp-found-accent,var(--color-accent-primary));border-radius:2px;flex-shrink:0;width:8px;height:8px;transition:background .6s}.vp-found-file{font-family:var(--font-family-mono);color:#e8e7e2;font-size:clamp(10px,2.4cqi,12px)}.vp-found-label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.12em;color:#7a7a75;margin-left:auto;font-size:clamp(8px,2cqi,10px)}.vp-found-theme{font-family:var(--font-family-mono);letter-spacing:.14em;color:var(--vp-found-accent,var(--color-accent-primary));border:1px solid color-mix(in srgb, var(--vp-found-accent,var(--color-accent-primary)) 35%, transparent);background:color-mix(in srgb, var(--vp-found-accent,var(--color-accent-primary)) 12%, transparent);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:clamp(8px,2cqi,10px);transition:color .6s,background .6s,border-color .6s}.vp-found-body{font-family:var(--font-family-mono);color:#c9c7be;padding:var(--space-4);flex-direction:column;flex:1;gap:0;font-size:clamp(9px,2.3cqi,12px);line-height:1.7;display:flex;overflow:hidden}.vp-found-line{gap:var(--space-3);white-space:nowrap;text-overflow:ellipsis;align-items:baseline;display:flex;overflow:hidden}.vp-found-line--blank{height:.6em}.vp-found-ln{color:#4a4a48;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:1.6em}.vp-found-comment{color:#7a7a75}.vp-found-hex{background:color-mix(in srgb, var(--vp-found-accent,var(--color-accent-primary)) 18%, transparent);color:var(--vp-found-accent,var(--color-accent-primary));border-radius:3px;padding:0 4px;transition:background .6s,color .6s}.vp-found-hex--static{color:var(--color-accent-primary);background:#f6ff462e;transition:none}.vp-found-str{color:var(--vp-found-accent,var(--color-accent-primary));transition:color .6s}.home-pillar-visual--02,.home-pillar-visual--03{background:0 0;border:none;justify-content:stretch;align-items:stretch;padding:0;display:flex}.vp-blocks{border-radius:var(--radius-lg);background:#111110;border:1px solid #2a2a28;flex-direction:column;gap:clamp(6px,2cqi,12px);width:100%;height:100%;padding:clamp(8px,2.4cqi,14px);display:flex;overflow:hidden;container-type:inline-size}.vp-blocks-bar{justify-content:space-between;align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.vp-blocks-tag{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.12em;color:#c9c7be;font-size:clamp(8px,2cqi,11px)}.vp-blocks-dots{gap:clamp(3px,1cqi,5px);display:inline-flex}.vp-blocks-dot{background:#2a2a28;border-radius:50%;width:clamp(4px,1cqi,6px);height:clamp(4px,1cqi,6px);transition:background .4s}.vp-blocks-dot--active{background:#c9c7be}.vp-blocks-stage{flex:1;min-height:0;position:relative}.vp-blocks-grid{opacity:0;visibility:hidden;pointer-events:none;will-change:transform, opacity;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:clamp(4px,1.4cqi,8px);transition:opacity .45s,transform .55s cubic-bezier(.4,0,.2,1),visibility 0s linear .45s;display:grid;position:absolute;inset:0;transform:translate(8%)}.vp-blocks-grid--active{opacity:1;visibility:visible;transition:opacity .45s,transform .55s cubic-bezier(.4,0,.2,1),visibility;transform:translate(0)}.vp-blocks-card{color:#c9c7be;background:#161614;border:1px solid #2a2a28;border-radius:clamp(6px,1.8cqi,10px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,1.2cqi,7px);min-width:0;min-height:0;padding:clamp(6px,2.2cqi,12px) clamp(4px,1.2cqi,7px);display:flex}.vp-blocks-icon{flex-shrink:0;width:clamp(24px,7.2cqi,43px);height:clamp(24px,7.2cqi,43px)}.vp-blocks-label{font-family:var(--font-family);color:#c9c7be;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:clamp(8.4px,2.28cqi,13px);overflow:hidden}.vp-source{border-radius:var(--radius-lg);width:100%;height:100%;font-family:var(--font-family);background:#111110;border:1px solid #2a2a28;flex-direction:column;display:flex;overflow:hidden;container-type:inline-size}.vp-source-bar{border-bottom:1px solid #2a2a28;flex-shrink:0;align-items:center;gap:clamp(6px,1.8cqi,10px);padding:clamp(8px,2.4cqi,12px) clamp(10px,3cqi,16px);display:flex}.vp-source-dots{flex-shrink:0;gap:clamp(3px,.8cqi,5px);display:inline-flex}.vp-source-dots span{background:#2a2a28;border-radius:50%;width:clamp(5px,1.2cqi,8px);height:clamp(5px,1.2cqi,8px)}.vp-source-url{font-family:var(--font-family-mono);color:#c9c7be;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:clamp(8px,2cqi,11px);overflow:hidden}.vp-source-search{font-family:var(--font-family-mono);color:#7a7a75;border:1px solid #2a2a28;border-radius:4px;flex-shrink:0;padding:clamp(2px,.6cqi,4px) clamp(5px,1.4cqi,8px);font-size:clamp(8px,1.9cqi,10px)}.vp-source-body{flex:1;min-height:0;display:flex}.vp-source-sidebar{width:36%;font-family:var(--font-family);border-right:1px solid #2a2a28;flex-direction:column;flex-shrink:0;gap:clamp(2px,.6cqi,4px);padding:clamp(8px,2.4cqi,12px);font-size:clamp(8px,2cqi,11px);display:flex;overflow:hidden}.vp-source-section{font-family:var(--font-family-mono);letter-spacing:.1em;color:#7a7a75;margin-top:clamp(4px,1.2cqi,8px);padding:0 clamp(4px,1.2cqi,8px);font-size:clamp(7px,1.6cqi,9px)}.vp-source-section:first-child{margin-top:0}.vp-source-item{color:#c9c7be;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:clamp(2px,.8cqi,4px) clamp(4px,1.2cqi,8px);transition:background .4s,color .4s;overflow:hidden}.vp-source-item--active{color:#e8e7e2;background:#161614}.vp-source-content{flex-direction:column;flex:1;gap:clamp(5px,1.4cqi,9px);min-width:0;min-height:0;padding:clamp(10px,3cqi,16px);display:flex}.vp-source-title{font-family:var(--font-family-display);color:#e8e7e2;margin:0;font-size:clamp(13px,3.6cqi,20px);font-weight:500;line-height:1.1}.vp-source-desc{font-family:var(--font-family);color:#c9c7be;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(8px,2cqi,11px);line-height:1.4;display:-webkit-box;overflow:hidden}.vp-source-token{color:#faf9f7;font-family:var(--font-family-mono);background:#000;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:clamp(3px,1cqi,5px) clamp(6px,1.8cqi,10px);font-size:clamp(8px,1.9cqi,11px);transition:background .4s,color .4s,transform .4s;display:inline-flex}.vp-source-token--copied{background:var(--color-accent-primary);color:#111110;transform:scale(1.04)}.vp-source-stage{background:#161614;border:1px solid #2a2a28;border-radius:clamp(8px,2cqi,12px);flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(10px,2.8cqi,16px);display:flex}.vp-source-btn-demo{color:#111110;font-family:var(--font-family);white-space:nowrap;background:#faf9f7;justify-content:center;align-items:center;padding:clamp(8px,2.4cqi,14px) clamp(16px,4.4cqi,28px);font-size:clamp(10px,2.6cqi,14px);font-weight:500;transition:border-radius .6s cubic-bezier(.4,0,.2,1);display:inline-flex}.home-pillar-visual--04{background:radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--color-accent-primary) 12%, transparent), transparent 60%), linear-gradient(135deg, var(--palette-neutral-50), var(--palette-neutral-100))}.home-pillar-info{gap:var(--space-4);flex-direction:column;display:flex}.home-pillar-head{align-items:center;gap:var(--space-3);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);font-size:10px;display:flex}.home-pillar-number{color:var(--color-text-primary)}.home-pillar-headline{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--color-text-primary);margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;line-height:1.15}.home-pillar-stats{gap:var(--space-12);padding:var(--space-3) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.home-pillar-stat{flex-direction:column;gap:2px;display:flex}.home-pillar-stat-value{font-family:var(--font-family-display);font-size:var(--font-size-2xl);letter-spacing:-.02em;color:var(--color-text-primary);font-weight:500}.home-pillar-stat-unit{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:10px}.home-pillar-body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.65}.home-pillar-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.home-pillar-item{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);padding-left:var(--space-5);line-height:1.7;position:relative}.home-pillar-item:before{content:"→";color:var(--color-text-secondary);position:absolute;left:0}.home-pillar-row--full{gap:var(--space-8);grid-template-columns:1fr;align-items:stretch}.home-pillar-row--full .home-pillar-info{max-width:none}.home-pillar-row--full .home-pillar-body{max-width:60ch}.home-pillar-split{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:start;display:grid}.home-pillar-split>.home-pillar-body,.home-pillar-split>.home-pillar-list{margin:0}@media (width<=720px){.home-pillar-split{gap:var(--space-5);grid-template-columns:1fr}}.home-pillar-workflow{width:100%}.home-pillar-row--full .home-pillar-workflow{width:100vw;margin-inline:calc(50% - 50vw);margin-top:var(--space-8);padding-inline:var(--space-8);box-sizing:border-box}.home-pillar-row--full .home-orchestration{width:100%;max-width:1440px;margin-inline:auto}.home-orchestration{padding:var(--space-16) var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-subtle);flex-direction:column;align-items:stretch;gap:0;display:flex;position:relative}.home-orchestration:before{content:"";background-image:radial-gradient(circle, var(--color-text-muted) 1px, transparent 1px);background-size:var(--space-6) var(--space-6);opacity:.25;pointer-events:none;border-radius:var(--radius-xl);z-index:0;background-position:50%;position:absolute;inset:0}.home-orchestration>*{z-index:1;position:relative}.home-orchestration{--orch-card-w:calc((100% - var(--space-3) * 3) / 4 * 1.1);--orch-aria-w:var(--orch-card-w)}.home-orch-row{justify-content:center;align-items:stretch;display:flex}.home-orch-row--intake{grid-template-columns:1fr var(--orch-aria-w) 1fr;align-items:center;gap:0;display:grid}.home-orch-intake-left{justify-content:flex-end;align-items:center;gap:0;min-width:0;display:flex}.home-orch-intake-left>.home-orch-arrow{width:var(--space-12);flex-shrink:0}.home-orch-row--specialists{gap:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.home-orch-row--specialists>.home-orch-card{flex:0 0 var(--orch-card-w);width:var(--orch-card-w)}.home-orch-tree{padding-top:var(--space-20);position:relative}.home-orch-tree>*{z-index:1;position:relative}.home-orch-rail-full{z-index:0;width:100%;height:100%;color:color-mix(in srgb, var(--color-border-hover) 50%, var(--color-border-subtle));pointer-events:none;position:absolute;inset:0}.home-orch-rail-gap{height:var(--space-16)}.home-orch-flow{stroke:#fff9;filter:drop-shadow(0 0 1.5px #fff6)}.home-orch-flow--intake{animation:4.2s linear forwards orchFlowIntake}.home-orch-flow--rail{animation:4.2s linear forwards orchFlowRail}.home-orch-row--intake>.home-orch-card{animation:4.2s linear forwards orchCardLeadGlow}.home-orch-card--active{animation:4.2s linear forwards orchCardBuddyGlow}@keyframes orchCardLeadGlow{0%,42%{border-color:var(--color-border-subtle);box-shadow:0 6px 18px #0000002e,0 1px 3px #0000001f}47%{border-color:#fffc;box-shadow:0 0 0 1px #fff9,0 0 16px #ffffff59,0 6px 18px #0000002e}54%,to{border-color:var(--color-border-subtle);box-shadow:0 6px 18px #0000002e,0 1px 3px #0000001f}}@keyframes orchCardBuddyGlow{0%,79%{border-color:var(--color-border-subtle);box-shadow:0 6px 18px #0000002e,0 1px 3px #0000001f}84%{border-color:#fffc;box-shadow:0 0 0 1px #fff9,0 0 16px #ffffff59,0 6px 18px #0000002e}91%,to{border-color:var(--color-border-subtle);box-shadow:0 6px 18px #0000002e,0 1px 3px #0000001f}}@keyframes orchFlowIntake{0%,23%{opacity:0;stroke-dashoffset:0}24%{opacity:1;stroke-dashoffset:0}42%{opacity:1;stroke-dashoffset:-100px}43%,to{opacity:0;stroke-dashoffset:-100px}}@keyframes orchFlowRail{0%,53%{opacity:0;stroke-dashoffset:0}54%{opacity:1;stroke-dashoffset:0}79%{opacity:1;stroke-dashoffset:-100px}80%,to{opacity:0;stroke-dashoffset:-100px}}@media (prefers-reduced-motion:reduce){.home-orch-flow{opacity:0;animation:none}}.home-orch-card{background:var(--color-surface-primary);align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-5) var(--space-4);box-shadow:0 6px 18px #0000002e,0 1px 3px #0000001f}.home-orch-card .vflow-card-label{font-size:var(--font-size-base);line-height:1.3}.home-orch-card .home-orch-buddy{width:var(--space-16);height:var(--space-16);align-self:center}.home-orch-card.vflow-card{width:auto;min-width:0}.home-orch-row--intake>.home-orch-card{width:100%}.home-orch-prompt-box{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-primary);flex-direction:column;flex:1;min-width:0;display:flex}.home-orch-prompt-badge{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.12em;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:9px;line-height:1;display:inline-block}.home-orch-prompt-text{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);min-height:1.4em;line-height:1.4}.home-orch-prompt-cursor{vertical-align:text-bottom;background:currentColor;width:.5ch;height:1em;margin-left:2px;animation:.7s step-end infinite orchCursorBlink;display:inline-block}.home-orch-prompt-cursor.is-done{animation:.7s step-end infinite orchCursorBlink}@keyframes orchCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.home-orch-prompt-detail{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.home-orch-buddy{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-md);background:#faf9f7;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;display:flex;overflow:hidden}.home-orch-buddy img{object-fit:contain;width:100%;height:100%;display:block}.home-orch-arrow{color:color-mix(in srgb, var(--color-border-hover) 50%, var(--color-border-subtle));width:var(--space-8);align-items:center;display:flex}.home-orch-arrow svg{width:100%;height:var(--space-4);overflow:visible}.home-orch-rail-chevrons{pointer-events:none;z-index:0;color:color-mix(in srgb, var(--color-border-hover) 50%, var(--color-border-subtle));position:absolute;inset:0}.home-orch-rail-chevron{width:12px;height:12px;display:block;position:absolute;transform:translate(-50%,-50%)}.home-orch-rail-chevron svg{width:100%;height:100%;display:block}@media (width<=960px){.home-orchestration{--orch-card-w:calc((100% - var(--space-3)) / 2);--orch-aria-w:var(--orch-card-w)}.home-orch-rail-full,.home-orch-rail-gap{display:none}}@media (width<=520px){.home-orchestration{--orch-card-w:100%;--orch-aria-w:100%}.home-orch-row--intake{flex-direction:column;align-items:stretch;display:flex}.home-orch-intake-left{flex-direction:column;align-items:stretch}.home-orch-arrow{justify-content:center;width:100%}.home-orch-arrow svg{width:var(--space-8);transform:rotate(90deg)}}.sbx-wrap{width:100%;max-width:1400px;margin:var(--space-8) auto 0;padding:0 var(--space-8)}.sbx-split{gap:var(--space-4);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);min-height:520px;display:grid}.sbx-canvas{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 56px #2826201f,0 8px 20px #28262014}.sbx-canvas-bar{background:var(--color-fill-primary);border-bottom:1px solid var(--color-border-subtle);height:44px;padding:0 var(--space-4);flex-shrink:0;align-items:center;gap:6px;display:flex}.sbx-dot{border-radius:50%;width:10px;height:10px}.sbx-canvas-bar-label{font-family:var(--font-family-mono);letter-spacing:.04em;color:var(--color-text-inverse);opacity:.7;margin:0 auto;font-size:10px}.sbx-canvas-body{padding:var(--space-8);flex:1;animation:.3s ease-out sbx-fade-in;overflow:hidden}@keyframes sbx-fade-in{0%{opacity:0}to{opacity:1}}.sbx-empty{justify-content:center;align-items:center;height:100%;min-height:420px;display:flex}.sbx-empty-dashed{border:1px dashed var(--color-border-subtle);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-2);background-image:linear-gradient(var(--color-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--color-border-subtle) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px;background-color:var(--color-surface-subtle);opacity:.95;flex-direction:column;width:100%;height:100%;min-height:400px;display:flex}.sbx-empty-label{font:var(--type-body-family);font-size:var(--font-size-base,14px);color:var(--color-text-secondary);font-weight:500}.sbx-empty-hint{font-family:var(--font-family-mono);letter-spacing:.04em;color:var(--color-text-muted);font-size:11px}.sbx-page{gap:var(--space-5);flex-direction:column;height:100%;display:flex}.sbx-page--center{text-align:center;justify-content:center;align-items:center}.sbx-page-title{border-radius:var(--radius-md);background:var(--color-fill-disabled);width:60%;height:36px;animation:.4s ease-out backwards sbx-slide-in}.sbx-page-title--center{width:320px;max-width:80%}.sbx-page-kpis{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.sbx-kpi{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-2);background:var(--color-surface-elevated);flex-direction:column;animation:.4s ease-out backwards sbx-slide-in;display:flex}.sbx-kpi-label{border-radius:var(--radius-sm);background:var(--color-fill-disabled);width:60%;height:10px}.sbx-kpi-value{border-radius:var(--radius-sm);background:var(--color-text-primary);opacity:.85;width:50%;height:22px}.sbx-kpi-trend{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-success) 30%, transparent);width:40%;height:14px}.sbx-page-chart{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent-primary) 18%, transparent) 0%, color-mix(in srgb, var(--color-accent-primary) 2%, transparent) 100%), var(--color-surface-elevated);flex:1;min-height:180px;animation:.5s ease-out .32s backwards sbx-slide-in}.sbx-table{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.sbx-table-head,.sbx-table-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:2fr 1fr 1fr .7fr;align-items:center;display:grid}.sbx-table-head{background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-subtle)}.sbx-table-row{border-bottom:1px solid var(--color-border-subtle);animation:.4s ease-out backwards sbx-slide-in}.sbx-table-row:last-child{border-bottom:none}.sbx-cell{align-items:center;gap:var(--space-2);display:flex}.sbx-cell-text{border-radius:var(--radius-sm);background:var(--color-fill-disabled);width:70%;height:10px}.sbx-avatar{background:var(--color-fill-disabled);border-radius:50%;flex-shrink:0;width:24px;height:24px}.sbx-badge{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-success) 25%, transparent);width:56px;height:18px}.sbx-cell--wide .sbx-cell-text{width:55%}.sbx-cell--narrow .sbx-cell-text{width:90%}.sbx-form{gap:var(--space-4);flex-direction:column;display:flex}.sbx-field{gap:var(--space-2);flex-direction:column;animation:.4s ease-out backwards sbx-slide-in;display:flex}.sbx-field--toggle{flex-direction:row;justify-content:space-between;align-items:center}.sbx-field-label{border-radius:var(--radius-sm);background:var(--color-fill-disabled);width:30%;height:10px}.sbx-field-input{border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);height:40px}.sbx-toggle{border-radius:var(--radius-full);background:var(--color-accent-primary);width:40px;height:22px;position:relative}.sbx-toggle:after{content:"";background:var(--color-surface-primary);border-radius:50%;width:18px;height:18px;position:absolute;top:2px;right:2px}.sbx-stepper{gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.sbx-step{border-radius:var(--radius-full);background:var(--color-fill-disabled);width:32px;height:4px}.sbx-step--done{background:var(--color-text-primary);opacity:.4}.sbx-step--active{background:var(--color-accent-primary)}.sbx-options{gap:var(--space-2);flex-direction:column;width:100%;max-width:360px;display:flex}.sbx-option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-elevated);animation:.4s ease-out backwards sbx-slide-in;display:flex}.sbx-option--active{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary)}.sbx-option-mark{border:1px solid var(--color-border-subtle);border-radius:50%;flex-shrink:0;width:18px;height:18px}.sbx-option--active .sbx-option-mark{border-color:var(--color-accent-primary);background:var(--color-accent-primary)}.sbx-option-label{border-radius:var(--radius-sm);background:var(--color-fill-disabled);width:60%;height:10px}.sbx-cta{margin-top:var(--space-4);border-radius:var(--radius-full);background:var(--color-text-primary);width:200px;height:44px;animation:.4s ease-out .36s backwards sbx-slide-in}@keyframes sbx-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sbx-rail{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden}.sbx-rail-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.sbx-rail-label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-primary);font-size:10px;font-weight:600}.sbx-rail-hint{font-family:var(--font-family-mono);letter-spacing:.04em;color:var(--color-text-muted);font-size:10px}.sbx-thread{padding:var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;min-height:200px;max-height:340px;display:flex;overflow-y:auto}.sbx-thread-empty{color:var(--color-text-muted);text-align:center;max-width:240px;margin:auto;font-size:13px;line-height:1.5}.sbx-msg{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);max-width:85%;font-size:13px;line-height:1.5;animation:.3s ease-out sbx-msg-in}.sbx-msg--user{background:var(--color-text-primary);color:var(--color-text-inverse);border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.sbx-msg--assistant{background:var(--color-surface-primary);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.sbx-msg--thinking{padding:var(--space-3) var(--space-4);align-items:center;gap:4px;display:flex}.sbx-dot-think{background:var(--color-text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite sbx-think}.sbx-dot-think:nth-child(2){animation-delay:.15s}.sbx-dot-think:nth-child(3){animation-delay:.3s}@keyframes sbx-think{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes sbx-msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sbx-prompts{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-subtle);gap:var(--space-2);background:var(--color-surface-primary);flex-direction:column;display:flex}.sbx-prompt{padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);color:var(--color-text-primary);text-align:left;font:inherit;cursor:pointer;transition:all var(--transition-fast);font-size:13px}.sbx-prompt:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-surface-primary)}.sbx-prompt--active{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary);background:var(--color-surface-primary)}.sbx-prompt:disabled{opacity:.55;cursor:not-allowed}.sbx-disclaimer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);background:var(--color-surface-elevated);font-size:11px;line-height:1.5}.sbx-disclaimer-link{color:var(--color-text-primary);text-underline-offset:2px;font-weight:500;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.sbx-disclaimer-link:hover{color:var(--color-accent-primary)}@media (width<=900px){.sbx-split{grid-template-columns:1fr}.sbx-page-kpis{grid-template-columns:repeat(2,1fr)}}.home-showcase-wrap{width:100%;max-width:1440px;margin:var(--space-6) auto 0;padding:0 var(--space-8)}.home-showcase-tabs{margin-bottom:var(--space-4);flex-wrap:wrap;gap:6px;display:flex}.home-showcase-tab{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:7px 14px;font-size:10px}.home-showcase-tab:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.home-showcase-tab.active{background:var(--color-fill-primary);color:var(--color-text-inverse);border-color:var(--color-fill-primary)}.home-showcase-frame{background:var(--color-surface-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);overflow:hidden;box-shadow:0 24px 56px #2826201f,0 8px 20px #28262014}.home-showcase-split{gap:var(--space-5);grid-template-columns:minmax(300px,1fr) minmax(0,2.4fr);align-items:stretch;display:grid}@media (width<=1100px){.home-showcase-split{grid-template-columns:1fr}}.home-showcase-term{border-radius:var(--radius-xl);font-family:var(--font-family-mono);color:#ffffffc7;background:#0a0907;border:1px solid #ffffff0f;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 56px #0006,0 8px 20px #00000040}.home-showcase-term-bar{background:#060503;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;display:flex}.home-showcase-term-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.home-showcase-term-dot:first-of-type{background:#ff5f57}.home-showcase-term-dot:nth-of-type(2){background:#febc2e}.home-showcase-term-dot:nth-of-type(3){background:#28c840}.home-showcase-term-title{margin-left:var(--space-3);color:#ffffff73;letter-spacing:.04em;font-size:11px}.home-showcase-term-body{padding:var(--space-5) var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;min-height:0;font-size:12px;line-height:1.7;display:flex}.home-showcase-term-line{align-items:baseline;gap:8px;display:flex}.home-showcase-term-prompt{color:var(--color-accent-primary);flex-shrink:0}.home-showcase-term-str{color:#c9c7be}.home-showcase-term-status{color:#ffffff80;opacity:0;align-items:center;gap:8px;max-height:0;transition:opacity .24s,max-height .24s;display:flex;overflow:hidden}.home-showcase-term-status.is-visible{opacity:1;max-height:24px}.home-showcase-term-steps{gap:var(--space-2);flex-direction:column;max-height:0;transition:max-height .32s;display:flex;overflow:hidden}.home-showcase-term-steps.is-revealed{max-height:480px}.home-showcase-term-step{opacity:0;transition:opacity .32s,transform .32s;transform:translateY(2px)}.home-showcase-term-steps.is-revealed .home-showcase-term-step{opacity:1;transition-delay:calc(var(--step-index,0) * .38s);transform:translateY(0)}.home-showcase-term-verb{color:#ffffffd9}.home-showcase-term-sep{color:#ffffff4d}.home-showcase-term-spin{border:1.5px solid #ffffff1f;border-top-color:var(--color-accent-primary);border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1s linear infinite home-showcase-term-spin}@keyframes home-showcase-term-spin{to{transform:rotate(360deg)}}.home-showcase-term-tool{color:#ffffff8c;align-items:baseline;gap:8px;display:flex}.home-showcase-term-bullet{color:var(--color-accent-primary);flex-shrink:0}.home-showcase-term-file{color:var(--color-accent-primary)}.home-showcase-term-done{color:#ffffffd9;margin-top:var(--space-2);align-items:baseline;gap:8px;display:flex}.home-showcase-term-check{color:var(--color-success);flex-shrink:0}.home-showcase-term-caret{background:var(--color-accent-primary);vertical-align:middle;width:7px;height:14px;animation:1s step-end infinite home-showcase-term-blink;display:inline-block}@keyframes home-showcase-term-blink{50%{opacity:0}}.home-showcase-frame{position:relative}.home-showcase-overlay{background:var(--color-surface-subtle);z-index:10;opacity:1;justify-content:center;align-items:center;transition:opacity .32s;display:flex;position:absolute;inset:44px 0 0}.home-showcase-overlay.is-hidden{opacity:0;pointer-events:none;transition:opacity .6s}.home-showcase-bar{background:var(--color-fill-primary);border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:6px;height:44px;padding:0 16px;display:flex}.home-showcase-bar-label{font-family:var(--font-family-mono);color:var(--color-text-secondary);letter-spacing:.04em;margin:0 auto;font-size:10px}.home-showcase-screen{background:var(--color-surface-primary);pointer-events:none;-webkit-user-select:none;user-select:none;height:720px;position:relative;overflow:hidden}.sc-layout{height:100%;display:flex}.sc-layout--center{background:var(--color-fill-primary);justify-content:center;align-items:center}.sc-sidebar{background:var(--color-fill-primary);border-right:1px solid var(--color-border-subtle);width:180px;min-width:180px;padding:14px 8px}.sc-nav-label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin:12px 0 4px;padding:0 8px;font-size:8px}.sc-nav-label:first-child{margin-top:0}.sc-nav-item{color:var(--color-text-secondary);border-radius:6px;align-items:center;gap:7px;margin-bottom:1px;padding:6px 8px;font-size:11px;display:flex}.sc-nav-item.active{background:var(--color-accent-bg,var(--color-surface-subtle));color:var(--color-text-inverse);border-left:2px solid var(--color-accent-primary);padding-left:6px}.sc-main{background:var(--color-fill-primary);opacity:.95;flex:1;padding:18px 20px;overflow:hidden}.sc-main--chat{flex-direction:column;display:flex}.sc-title{font-family:var(--font-family-display);color:var(--color-text-inverse);letter-spacing:-.02em;margin-bottom:2px;font-size:18px;font-weight:600}.sc-subtitle{font-family:var(--font-family-mono);color:var(--color-text-secondary);margin-bottom:14px;font-size:9px}.sc-header-row{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.sc-header-actions{gap:6px;display:flex}.sc-btn-outline{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);text-align:center;border-radius:7px;padding:6px 10px;font-size:11px}.sc-btn-accent{background:var(--color-accent-primary);color:var(--color-accent-text);text-align:center;border:none;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:500}.sc-metric-grid{gap:8px;margin-bottom:12px;display:grid}.sc-metric-grid--4{grid-template-columns:repeat(4,1fr)}.sc-metric{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:12px 14px}.sc-metric-label{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:6px;font-size:8px}.sc-metric-value{font-family:var(--font-family-display);color:var(--color-text-inverse);letter-spacing:-.02em;font-size:20px;font-weight:700}.sc-metric-unit{color:var(--color-text-secondary);font-size:12px;font-weight:400}.sc-metric-delta{font-family:var(--font-family-mono);color:var(--color-text-secondary);margin-top:2px;font-size:8px}.sc-metric-delta.positive{color:var(--color-success)}.sc-metric-delta.negative{color:var(--color-error)}.sc-card{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:12px 14px}.sc-card--accent-border{border-color:var(--color-accent-primary)}.sc-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sc-badge{font-family:var(--font-family-mono);border-radius:var(--radius-full);padding:2px 6px;font-size:8px}.sc-badge.success{background:color-mix(in srgb, var(--color-success), transparent 85%);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success), transparent 60%)}.sc-badge.warning{background:color-mix(in srgb, var(--color-warning), transparent 85%);color:var(--color-warning);border:1px solid color-mix(in srgb, var(--color-warning), transparent 60%)}.sc-badge.error{background:color-mix(in srgb, var(--color-error), transparent 85%);color:var(--color-error);border:1px solid color-mix(in srgb, var(--color-error), transparent 60%)}.sc-badge-accent{font-family:var(--font-family-mono);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-accent-primary), transparent 85%);color:var(--color-accent-primary);border:1px solid color-mix(in srgb, var(--color-accent-primary), transparent 60%);padding:2px 7px;font-size:8px}.sc-bottom-grid{grid-template-columns:1fr 200px;gap:8px;display:grid}.sc-activity-row{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:10px;padding:7px 0;font-size:11px;display:flex}.sc-activity-row:last-child{border-bottom:none}.sc-av-tiny{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);width:22px;height:22px;color:var(--color-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:8px;display:flex}.sc-activity-text{color:var(--color-text-inverse);flex:1;font-weight:500}.sc-health-row{justify-content:space-between;margin-bottom:3px;font-size:10px;display:flex}.sc-health-label{color:var(--color-text-secondary)}.sc-health-val{font-family:var(--font-family-mono)}.sc-health-val.positive{color:var(--color-success)}.sc-health-val.warning{color:var(--color-warning)}.sc-progress-track{background:var(--color-surface-subtle);border-radius:2px;height:3px;margin-bottom:8px}.sc-progress-fill{border-radius:2px;height:100%}.sc-progress-fill.positive{background:var(--color-success)}.sc-progress-fill.warning{background:var(--color-warning)}.sc-progress-fill.accent{background:var(--color-accent-primary)}.sc-chat-messages{flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden}.sc-chat-user{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);max-width:85%;color:var(--color-text-inverse);border-radius:8px 8px 2px;margin-left:auto;padding:8px 12px;font-size:11px;line-height:1.55}.sc-chat-ai{border-left:2px solid var(--color-accent-primary);background:var(--color-surface-subtle);border-radius:0 8px 8px 0;max-width:88%;padding:10px 12px}.sc-chat-ai-label{font-family:var(--font-family-mono);color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:8px}.sc-chat-ai p{color:var(--color-text-secondary);font-size:11px;line-height:1.65}.sc-chat-ai p strong{color:var(--color-text-inverse);font-weight:500}.sc-chat-ai--typing{align-items:center;gap:4px;padding:10px 12px;display:flex}.sc-chat-ai--typing .sc-chat-ai-label{margin-bottom:0;margin-right:8px}.sc-typing-dot{background:var(--color-accent-primary);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite sc-typing}.sc-typing-dot:nth-child(2){animation-delay:.15s}.sc-typing-dot:nth-child(3){animation-delay:.3s}@keyframes sc-typing{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.sc-chat-input-row{gap:8px;margin-top:10px;display:flex}.sc-chat-input{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);border-radius:7px;flex:1;padding:8px 12px;font-size:11px}.sc-chat-send{background:var(--color-accent-primary);color:var(--color-accent-text);border-radius:7px;padding:8px 14px;font-size:11px}.sc-table{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.sc-table-head{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr 80px 70px 60px 70px;padding:8px 14px;display:grid}.sc-table-head span{font-family:var(--font-family-mono);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.sc-table-row{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr 80px 70px 60px 70px;align-items:center;padding:9px 14px;display:grid}.sc-table-row:last-child{border-bottom:none}.sc-table-name{color:var(--color-text-inverse);font-size:11px;font-weight:500}.sc-table-cell{color:var(--color-text-secondary);font-size:10px}.sc-table-cell--mono{font-family:var(--font-family-mono);color:var(--color-text-inverse)}.sc-table-cell--dim{font-family:var(--font-family-mono);color:var(--color-text-secondary);font-size:9px}.sc-onboarding{width:100%;max-width:420px;padding:var(--space-8);text-align:center}.sc-onboarding-step{font-family:var(--font-family-mono);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:9px}.sc-onboarding-progress{justify-content:center;gap:6px;margin-bottom:18px;display:flex}.sc-progress-pip{background:var(--color-surface-subtle);border-radius:2px;width:28px;height:3px}.sc-progress-pip.active{background:var(--color-accent-primary)}.sc-onboarding-title{font-family:var(--font-family-display);color:var(--color-text-inverse);letter-spacing:-.02em;margin-bottom:6px;font-size:24px;font-weight:600}.sc-onboarding-desc{color:var(--color-text-secondary);margin-bottom:var(--space-5);font-size:12px;line-height:1.6}.sc-onboarding-options{text-align:left;flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.sc-option{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:10px;align-items:center;gap:10px;padding:11px 14px;display:flex}.sc-option.selected{border-color:var(--color-accent-primary)}.sc-option-icon{background:var(--color-surface-subtle);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.sc-option.selected .sc-option-icon{background:color-mix(in srgb, var(--color-accent-primary), transparent 85%)}.sc-option-content{flex:1}.sc-option-title{color:var(--color-text-inverse);font-size:12px;font-weight:500}.sc-option-title.dim{color:var(--color-text-secondary)}.sc-option-desc{color:var(--color-text-secondary);font-size:10px}.sc-option-radio{border:1px solid var(--color-border-subtle);border-radius:50%;width:15px;height:15px}.sc-option-radio.checked{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-accent-text);justify-content:center;align-items:center;display:flex}.sc-onboarding-actions{gap:8px;display:flex}.sc-settings-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.sc-settings-note{color:var(--color-text-secondary);margin-top:3px;font-size:10px}.sc-settings-usage{color:var(--color-text-secondary);margin-bottom:6px;font-size:11px}.sc-settings-reset{font-family:var(--font-family-mono);color:var(--color-text-secondary);margin-top:6px;font-size:9px}.sc-history-row{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:10px;padding:6px 0;font-size:11px;display:flex}.sc-history-row:last-child{border-bottom:none}.sc-history-name{color:var(--color-text-inverse);flex:1}.home-testimonials{background:var(--color-fill-primary);padding:var(--space-20) 0}.home-testimonials-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.home-testimonial-card{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.home-testimonial-stars{color:var(--color-warning);margin-bottom:var(--space-3);letter-spacing:2px;font-size:12px}.home-testimonial-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);font-style:italic;line-height:1.7}.home-testimonial-text strong{color:var(--color-text-inverse);font-style:normal;font-weight:500}.home-testimonial-author{align-items:center;gap:10px;display:flex}.home-testimonial-av{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);width:30px;height:30px;font-family:var(--font-family-mono);color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.home-testimonial-name{color:var(--color-text-inverse);font-size:12px;font-weight:500}.home-testimonial-role{font-family:var(--font-family-mono);color:var(--color-text-secondary);margin-top:1px;font-size:9px}.home-sales-grid{margin-top:var(--space-10);grid-template-columns:minmax(0,520px);justify-content:center;display:grid}.home-sales-card{background:var(--color-fill-primary);border:1px solid var(--color-fill-primary);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);transition:all var(--transition-fast)}.home-sales-card:hover{transform:translateY(-2px)}.home-sales-tier{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:10px}.home-sales-divider{background:var(--color-border-subtle);opacity:.3;height:1px;margin:var(--space-5) 0}.home-sales-feature{align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.4;display:flex}.home-sales-check{color:var(--color-success);flex-shrink:0;margin-top:1px;display:flex}.home-sales-btn{width:100%;margin-top:var(--space-6);background:var(--color-surface-primary);color:var(--color-text-primary);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);text-align:center;border:1px solid #0000;padding:14px;font-weight:500;text-decoration:none;display:block}.home-sales-btn:hover{background:var(--color-surface-elevated)}.home-final-block{isolation:isolate;background:var(--color-surface-primary);position:relative}.home-final-block>section,.home-final-block>footer{z-index:1;position:relative}.home-final-cta{padding:calc(var(--space-24) * 2.25) 0 var(--space-24);background:0 0}.home-final-block .home-footer{background:0 0;border-top:none}.home-final-cta-inner{text-align:center}.home-final-h2{font-family:var(--font-family-display);letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--space-5);font-size:clamp(2rem,5vw,3.5rem);font-weight:500;line-height:1.06}.home-final-h2 em{color:var(--color-accent-primary);font-style:italic}.home-final-sub{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:680px;margin-left:auto;margin-right:auto;line-height:1.7}.home-final-sub strong{color:var(--color-text-primary);font-weight:500}.home-final-cta .home-sales-grid{margin-top:0;margin-bottom:var(--space-8)}.home-final-cta .home-sales-card{text-align:left;background:color-mix(in srgb, var(--color-surface-primary) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;box-shadow:0 24px 60px #0000008c,0 8px 24px #00000059}.home-final-cta .home-sales-card:hover{border-color:var(--color-border-hover);box-shadow:0 24px 60px #0000008c, 0 8px 24px #00000059, var(--shadow-md);transform:none}.home-final-cta .home-sales-card .home-sales-divider{background:var(--color-border-hover);opacity:1}.home-final-cta .home-sales-btn{background:var(--color-fill-primary);color:var(--color-text-inverse)}.home-final-cta .home-sales-btn:hover{background:var(--color-fill-hover);color:var(--color-text-primary)}.home-footer{border-top:1px solid var(--color-border-subtle);padding:var(--space-8) 0}.home-footer-inner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.home-footer-logo{cursor:pointer;width:40px;height:40px;color:var(--color-text-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.home-footer-logo svg{width:100%;height:100%}.home-footer-logo svg path{fill:var(--color-fill-primary)}.home-footer-links{gap:var(--space-6);display:flex}.home-footer-link{font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:color var(--transition-fast);cursor:pointer;font-family:var(--font-family);white-space:nowrap;background:0 0;border:none;text-decoration:none}.home-footer-link:hover{color:var(--color-text-primary)}.home-footer-copy{font-family:var(--font-family-mono);color:var(--color-text-secondary);align-items:center;gap:var(--space-2);white-space:nowrap;flex-wrap:wrap;font-size:10px;display:inline-flex}.home-footer-dot{opacity:.5}@media (width<=768px){.home-container{padding:0 var(--space-4)}.home-hero{padding:var(--space-12) 0 var(--space-8)}.home-hero-actions{flex-direction:column}.home-preview-inner{grid-template-columns:1fr}.home-preview-sidebar{display:none}.home-social-proof-inner{gap:var(--space-4);flex-direction:column}.home-sp-divider{width:100%;height:1px}.home-sp-group{gap:var(--space-2);flex-direction:column}.home-tools-grid,.home-pain-grid{grid-template-columns:1fr}.home-pillar-row{gap:var(--space-6);padding:var(--space-10) 0;grid-template-columns:1fr}.home-pillar-row:nth-child(2n) .home-pillar-visual{order:0}.home-showcase-screen{height:auto;min-height:300px}.sc-sidebar{display:none}.home-testimonials-grid,.home-sales-grid{grid-template-columns:1fr}.home-footer-inner{gap:var(--space-4);text-align:center;flex-direction:column}.sc-metric-grid--4{grid-template-columns:repeat(2,1fr)}.sc-bottom-grid{grid-template-columns:1fr}.sc-table-head,.sc-table-row{grid-template-columns:1fr 60px 60px 70px}.sc-table-head span:nth-child(4),.sc-table-row span:nth-child(4){display:none}.sc-settings-grid{grid-template-columns:1fr}}.ai-panel{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);flex-direction:column;flex-shrink:1;width:570px;min-width:380px;height:calc(100vh - 16px);margin:8px 8px 8px 0;display:flex;position:sticky;top:8px;overflow:hidden}.ai-panel-top{padding:var(--space-4) var(--space-5) 0;justify-content:flex-end;display:flex}.ai-panel-body{padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-panel-footer{padding:var(--space-4) var(--space-5) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.ai-panel-actions{gap:var(--space-2);flex-wrap:nowrap;display:flex}.ai-input-textarea-row{align-items:flex-start;gap:var(--space-2);padding:var(--space-10) var(--space-10) 0;display:flex}.ai-input-context-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0;margin-top:2px;font-weight:500;display:inline-flex}.ai-input-context-badge svg{color:var(--color-text-muted)}@media (width<=1024px){.ai-panel{z-index:50;width:570px;min-width:0;height:auto;box-shadow:var(--shadow-lg);margin:0;position:fixed;top:8px;bottom:8px;right:8px}}@media (width<=640px){.ai-panel{width:calc(100vw - 16px)}}.loading-logo{justify-content:center;align-items:center;display:inline-flex;position:relative}.loading-logo-spin{border:2.5px solid var(--color-border-primary);border-top-color:var(--color-accent-primary);border-radius:50%;animation:.9s linear infinite loading-logo-spin;position:absolute;inset:0}.loading-logo-mark{width:42%;height:42%;color:var(--color-accent-primary);display:block;position:relative}.loading-logo-mark svg{width:100%;height:100%;display:block}.loading-logo-mark svg path{fill:currentColor}@keyframes loading-logo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-logo-spin{animation:none}}.component-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.component-col{gap:var(--space-4);flex-direction:column;max-width:400px;display:flex}.btn{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);height:var(--button-height-md);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-2);box-sizing:border-box;border:none;padding:0 20px;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.btn-primary{background:var(--color-fill-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{background:var(--color-fill-disabled);color:var(--color-text-muted);cursor:not-allowed;pointer-events:none}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border-primary);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-fill-disabled);color:var(--color-text-primary)}.btn-secondary:disabled{border-color:var(--color-fill-disabled);color:var(--color-text-muted);cursor:not-allowed;pointer-events:none}.btn-ghost{color:var(--color-text-primary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-fill-disabled)}.btn-ghost:disabled{color:var(--color-text-muted);cursor:not-allowed;pointer-events:none}.btn-sm{height:var(--button-height-sm);font-size:var(--font-size-xs);padding:0 14px}.btn-lg{height:var(--button-height-lg);font-size:var(--font-size-sm);padding:0 28px}.btn-icon{width:var(--button-height-md);height:var(--button-height-md);border-radius:var(--radius-full);justify-content:center;padding:0}.btn-icon.btn-sm{width:var(--button-height-sm);height:var(--button-height-sm)}.btn-icon.btn-lg{width:var(--button-height-lg);height:var(--button-height-lg)}.btn-icon svg{flex-shrink:0}.btn-full{width:100%}.btn-group{gap:-1px;width:fit-content;display:inline-flex}.btn-group .btn-group-item{border:1px solid var(--color-border-primary);transition:border-color var(--transition-fast), background var(--transition-fast);border-radius:0;margin-right:-1px}.btn-group .btn-group-item:not(.active):hover{border-color:var(--color-border-hover);background:var(--color-fill-disabled);z-index:2}.btn-group .btn-group-item:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full)}.btn-group .btn-group-item:last-child{border-radius:0 var(--radius-full) var(--radius-full) 0;margin-right:0}.btn-group .btn-group-item.active{background:var(--color-fill-disabled);border-color:var(--color-fill-disabled);color:var(--color-text-primary);z-index:1}.split-btn-root{display:inline-block;position:relative}.split-btn{border-radius:var(--radius-full);transition:border-color var(--transition-fast);border:1px solid #0000;align-items:stretch;display:inline-flex}.split-btn.split-btn-secondary{border:none}.split-btn.split-btn-secondary .split-btn-main{border:1px solid var(--color-border-primary);border-radius:var(--radius-full) 0 0 var(--radius-full);transition:border-color var(--transition-fast);margin-right:-1px;position:relative}.split-btn.split-btn-secondary .split-btn-main:hover{border-color:var(--color-border-hover);background:var(--color-fill-disabled);z-index:2}.split-btn.split-btn-secondary .split-btn-trigger{border:1px solid var(--color-border-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;transition:border-color var(--transition-fast);position:relative}.split-btn.split-btn-secondary .split-btn-trigger:hover{border-color:var(--color-border-hover);background:var(--color-fill-disabled);z-index:2}.split-btn-main{border-radius:var(--radius-full) 0 0 var(--radius-full);border:none;border-right:1px solid var(--color-border-primary);white-space:nowrap}.split-btn-main.btn-icon{width:auto;padding:0 12px}.split-btn-main.btn-icon.btn-sm{padding:0 12px}.split-btn-trigger{border-radius:0 var(--radius-full) var(--radius-full) 0;padding-left:var(--space-3);padding-right:var(--space-3);white-space:nowrap;border:none}.split-btn-trigger svg{transition:transform var(--transition-fast)}.split-btn-trigger.open svg{transform:rotate(180deg)}.split-btn-menu{top:calc(100% + var(--space-1-5));white-space:nowrap;background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-width:auto;padding:var(--space-2);z-index:50;animation:select-enter var(--transition-fast) forwards;position:absolute;right:0}.split-btn-menu-cal{width:auto;padding:0}.split-btn-menu-item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:block}.split-btn-menu-item:hover{background:var(--color-fill-disabled)}.split-btn-menu-item.selected{background:0 0}.input-group{display:block}.input-group .input-label{margin-bottom:var(--space-2);display:block}.variant-wrapper.variant-block{width:100%;display:flex}.input-label{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-primary)}.input{font-family:var(--font-family);font-size:var(--font-size-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);background:var(--color-surface-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);width:50%;padding:10px 14px}.input::placeholder{color:var(--color-text-muted);font-size:var(--font-size-sm)}.input:hover{border-color:var(--color-border-hover);box-shadow:none}.input:focus{border-color:var(--color-border-hover);box-shadow:none;outline:none}.textarea{resize:none;border-radius:var(--radius-lg);min-height:80px}.card-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-base);background:var(--color-surface-primary);flex-direction:column;display:flex;overflow:hidden}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.card-image{height:140px;margin:var(--space-2);padding:var(--space-5);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;display:block}.card-image-square{aspect-ratio:1;height:auto;padding:0}.card-body{padding:var(--space-2) var(--space-5) var(--space-5);flex:1}.card-title{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-leading);letter-spacing:var(--type-body-lg-tracking);color:var(--color-text-primary);margin-bottom:var(--space-2)}.card-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.card-footer{padding:0 var(--space-5) var(--space-5)}.card-author{align-items:center;gap:var(--space-3);display:flex}.card-author-name{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-primary)}.card-grid-wide{grid-template-columns:repeat(2,1fr)}.card-grid-item{flex-direction:column;display:flex}.card-variant-label{padding:0 0 var(--space-3);font-family:var(--type-overline-family);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-leading);letter-spacing:var(--type-overline-tracking);color:var(--color-text-muted);text-transform:uppercase}.card-body-center{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.card-newsletter-icon{margin-bottom:var(--space-2)}.card-newsletter-input{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--font-size-sm);display:flex}.card-appstore-banner{padding:var(--space-8);justify-content:flex-end;align-items:center;gap:var(--space-4);display:flex;position:relative;overflow:visible;background:var(--color-surface-subtle)!important}.card-appstore-dots{top:var(--space-3);right:var(--space-3);position:absolute}.card-appstore-cube{flex-shrink:0}.card-appstore-tagline{font-family:var(--font-family-display);font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:400;line-height:1.3}.card-appstore-tagline mark{background:var(--palette-accent);color:var(--color-text-primary);padding:0 var(--space-1);border-radius:2px}.card-appstore-icon-row{padding:0 var(--space-5);margin-top:calc(var(--space-5) * -1)}.card-appstore-app-icon{border-radius:var(--radius-md);background:var(--palette-accent);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.card-appstore-title-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.card-appstore-title-row .card-title{margin-bottom:0}.card-appstore-footer{align-items:center;gap:var(--space-4);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-5);display:flex}.card-appstore-installs{align-items:center;gap:var(--space-2);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-primary);display:flex}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);border-radius:var(--radius-full);display:inline-flex}.badge-default{background:var(--color-fill-primary);color:var(--color-text-inverse)}.badge-secondary{background:var(--color-surface-subtle);color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}.badge-destructive{background:var(--color-error-subtle);color:var(--color-error)}.badge-outline{color:var(--color-text-primary);border:1px solid var(--color-border-subtle);background:0 0}.badge-ghost{color:var(--color-text-secondary);background:0 0}.badge-with-icon{gap:var(--space-2)}.badge-success{background:var(--color-success-subtle);color:var(--color-success)}.badge-error{background:var(--color-error-subtle);color:var(--color-error)}.badge-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-severity-critical{background:color-mix(in srgb, var(--color-error) 10%, transparent);color:var(--color-error)}.badge-severity-high{background:color-mix(in srgb, var(--color-severity-high) 10%, transparent);color:var(--color-severity-high)}.badge-severity-medium{background:color-mix(in srgb, var(--color-warning) 10%, transparent);color:var(--color-warning)}.badge-severity-low{background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-success)}.badge-blue{color:#2563eb;background:#2563eb14}.badge-green{color:#16a34a;background:#16a34a14}.badge-sky{color:#0284c7;background:#0284c714}.badge-purple{color:#7c3aed;background:#7c3aed14}.badge-red{color:#dc2626;background:#dc262614}.card-detail{padding:var(--space-5)}.card-detail-header{align-items:flex-start;gap:var(--space-3);display:flex}.card-detail-icon{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-lg);background:var(--color-surface-subtle);color:var(--color-icon-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-detail-header-content{flex:1;min-width:0}.card-detail-title-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.card-detail-title-row .card-title{margin-bottom:0}.card-detail-meta{padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--color-border-subtle);justify-content:space-between;display:flex}.card-detail-meta-item{gap:var(--space-1);flex-direction:column;display:flex}.card-detail-meta-label{font-family:var(--type-overline-family);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-leading);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--color-text-muted)}.card-detail-meta-value{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);letter-spacing:var(--type-small-tracking);color:var(--color-text-primary)}.card-detail-meta-value code{font-family:var(--type-mono-family);font-size:var(--type-mono-size);font-weight:var(--type-mono-weight);line-height:var(--type-mono-leading);letter-spacing:var(--type-mono-tracking)}.card-project{padding:var(--space-5)}.card-project .card-body{padding:0}.card-project-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.card-project-header .card-title{margin-bottom:0}.card-project-footer{padding:0;padding-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-project-meta{align-items:center;gap:var(--space-3);display:flex}.card-project-date{align-items:center;gap:var(--space-1);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);display:inline-flex}.chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-primary);background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);display:inline-flex;position:relative}.chip:hover{border-color:var(--color-border-hover);background:var(--color-fill-hover)}.chip.selected{border-color:var(--color-border-hover);background:var(--color-surface-subtle);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.chip:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.chip-icon{gap:var(--space-2)}.chip-close{right:var(--space-2);width:var(--icon-size-md);height:var(--icon-size-md);border-radius:var(--radius-full);background:var(--color-surface-primary);opacity:0;color:var(--color-icon-muted);transition:opacity var(--transition-base) ease, transform var(--transition-base) ease, color var(--transition-base) ease;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)scale(.5)}.chip:hover .chip-close{opacity:1;color:var(--color-icon-primary);transform:translateY(-50%)scale(1)}.chip:disabled:hover .chip-close{opacity:0;transform:translateY(-50%)scale(.5)}.chip-dismissing{opacity:0;max-width:0;transition:opacity var(--transition-fast) ease, transform var(--transition-fast) ease, max-width var(--transition-base) ease var(--transition-fast), padding var(--transition-base) ease var(--transition-fast), margin var(--transition-base) ease var(--transition-fast), border-width var(--transition-base) ease var(--transition-fast);border-width:0;margin:0;padding:0;overflow:hidden;transform:scale(.8)}.toggle{align-items:center;gap:var(--space-2);cursor:pointer;display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--color-fill-disabled);border-radius:var(--radius-full);width:52px;height:28px;transition:background var(--transition-base);align-items:center;display:flex;position:relative}.toggle input:checked+.toggle-track{background:var(--color-text-primary)}.toggle-thumb{background:var(--color-surface-primary);border-radius:var(--radius-full);width:22px;height:22px;transition:transform var(--transition-base), background var(--transition-base);box-shadow:var(--shadow-sm);z-index:1;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track .toggle-thumb{background:var(--color-surface-primary);transform:translate(24px)}.toggle-indicator{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast);-webkit-user-select:none;user-select:none;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.toggle-indicator.on{color:var(--color-text-muted);opacity:0;left:10px}.toggle-indicator.off{color:var(--color-text-muted);opacity:1;right:9px}.toggle input:checked+.toggle-track .toggle-indicator.on{opacity:1}.toggle input:checked+.toggle-track .toggle-indicator.off{opacity:0}.toggle-label{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-primary)}.toggle.disabled{cursor:not-allowed;pointer-events:none}.toggle.disabled .toggle-track{background:var(--color-fill-disabled)}.toggle.disabled .toggle-thumb{background:var(--color-surface-primary)}.toggle.disabled .toggle-label{color:var(--color-text-muted)}.select-root{width:50%;position:relative}.select-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;height:var(--button-height-md);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);cursor:pointer;text-align:left;transition:border-color var(--transition-fast);box-sizing:border-box;background:0 0;padding:0 14px;display:flex}.select-trigger:hover{border-color:var(--color-border-hover);background:var(--color-fill-disabled)}.select-trigger.open{border-color:var(--color-border-hover)}.select-trigger:focus{outline:none}.select-trigger:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.select-placeholder{color:var(--color-text-muted);font-size:var(--font-size-xs)}.select-value{align-items:center;gap:var(--space-2);display:inline-flex}.select-chevron{color:var(--color-text-primary);transition:transform var(--transition-fast);flex-shrink:0}.select-chevron.open{transform:rotate(180deg)}.select-panel{white-space:nowrap;background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);z-index:10;min-width:100%;padding:var(--space-2);animation:select-enter var(--transition-fast) forwards;box-shadow:none;position:absolute;top:calc(100% + 6px);right:0}@keyframes select-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-item{align-items:center;gap:var(--space-3);text-align:left;width:100%;padding:10px var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.select-item:hover{background:var(--color-fill-disabled)}.select-item.selected{font-weight:var(--font-weight-medium);background:0 0}.select-check{color:var(--color-text-secondary);flex-shrink:0;margin-left:auto}.select-item-icon{flex-shrink:0;align-items:center;display:inline-flex}.select-group-heading{padding:var(--space-2) var(--space-3);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}.select-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-2) 0}.select-search-wrapper{padding:0 var(--space-1) var(--space-2) var(--space-1);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-1)}.select-search{width:100%;padding:8px var(--space-3);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-primary);background:0 0;border:none;outline:none}.select-search::placeholder{color:var(--color-text-muted)}.multiselect-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.multiselect-tag{align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-primary);background:var(--color-surface-subtle);border-radius:var(--radius-full);display:inline-flex}.multiselect-tag-remove{font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);align-items:center;line-height:1;display:inline-flex}.multiselect-tag-remove:hover{color:var(--color-text-primary)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking)}.alert-info{background:var(--color-surface-subtle);color:var(--color-icon-secondary)}.alert-success{background:var(--color-success-subtle);color:var(--color-success)}.alert-error{background:var(--color-error-subtle);color:var(--color-error)}.file-dropzone{align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);border:1px dashed var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast);text-align:center;flex-direction:column;display:flex}.file-dropzone:hover{border-color:var(--color-border-hover);background:var(--color-fill-disabled)}.file-dropzone.drag-over{border-color:var(--color-accent-primary);background:var(--color-fill-hover)}.file-input-hidden{display:none}.file-stack{width:72px;height:72px;margin-bottom:var(--space-2);position:relative}.file-stack-card{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface-primary);width:48px;height:56px;color:var(--color-text-muted);transition:transform .4s cubic-bezier(.34, 1.56, .64, 1), background var(--transition-base), border-color var(--transition-base), color var(--transition-base);justify-content:center;align-items:center;display:flex;position:absolute}.file-dropzone:hover .file-stack-card,.file-dropzone.drag-over .file-stack-card{border-color:var(--color-border-hover);background:var(--color-fill-disabled);color:var(--color-text-secondary)}.file-stack-back{z-index:1;top:0;left:50%;transform:translate(-50%)rotate(-6deg)}.file-stack-mid{z-index:2;top:4px;left:50%;transform:translate(-50%)rotate(3deg)}.file-stack-front{z-index:3;top:8px;left:50%;transform:translate(-50%)rotate(0)}.file-dropzone:hover .file-stack-back{transform:translate(calc(-50% - 28px),-6px)rotate(-14deg)}.file-dropzone:hover .file-stack-mid{transform:translate(calc(28px - 50%),-6px)rotate(14deg)}.file-dropzone:hover .file-stack-front{transform:translate(-50%,-10px)rotate(0)}.file-dropzone.drag-over .file-stack-back{transform:translate(calc(-50% - 34px),-8px)rotate(-18deg)}.file-dropzone.drag-over .file-stack-mid{transform:translate(calc(34px - 50%),-8px)rotate(18deg)}.file-dropzone.drag-over .file-stack-front{transform:translate(-50%,-12px)rotate(0)}.file-dropzone-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.file-dropzone-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.file-dropzone-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.file-list{gap:var(--space-2);flex-direction:column;display:flex}.file-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex}.file-item-icon{color:var(--color-text-secondary);flex-shrink:0}.file-item-info{gap:var(--space-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.file-item-name{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-item-size{font-size:var(--font-size-xs);color:var(--color-text-muted)}.file-item-remove{padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.file-item-remove:hover{color:var(--color-error)}.tabs{gap:0;display:inline-flex;position:relative}.tab{z-index:1;align-items:center;gap:var(--space-2);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;background:0 0;border:none;display:inline-flex;position:relative}.tab:hover{color:var(--color-text-primary)}.tab-icon{align-items:center;display:inline-flex}.tab-indicator{transition:left var(--transition-base), width var(--transition-base);pointer-events:none;position:absolute}.tabs-underline{border-bottom:1px solid var(--color-border-subtle);gap:var(--space-6)}.tabs-underline .tab{padding:var(--space-3) 0;margin-bottom:-1px}.tabs-underline .tab.active{color:var(--color-text-primary)}.tabs-underline .tab-indicator{background:var(--color-fill-primary);border-radius:1px;height:2px;bottom:-1px}.tabs-pill{background:var(--color-surface-subtle);border-radius:var(--radius-md);padding:var(--space-1);gap:var(--space-0-5);width:fit-content}.tabs-pill .tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.tabs-pill .tab.active{color:var(--color-text-primary)}.tabs-pill .tab-indicator{background:var(--color-surface-elevated);border-radius:var(--radius-md);height:calc(100% - 6px);box-shadow:var(--shadow-sm);top:3px}.tabs-bordered{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden}.tabs-bordered .tab{padding:var(--space-2) var(--space-5);border-right:1px solid var(--color-border-primary);font-size:var(--font-size-xs)}.tabs-bordered .tab:last-child{border-right:none}.tabs-bordered .tab.active{color:var(--color-text-primary)}.tabs-bordered .tab-indicator{background:var(--color-surface-subtle);height:100%;top:0}.avatar{border-radius:var(--radius-full);background:var(--color-surface-subtle);color:var(--color-text-primary);font-family:var(--font-family);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar-square,.avatar-square .avatar-img{border-radius:var(--radius-lg)}.avatar-xs{width:var(--space-5);height:var(--space-5);font-size:var(--font-size-2xs,9px)}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-md{width:40px;height:40px;font-size:var(--font-size-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--font-size-base)}.avatar-img{object-fit:cover;border-radius:var(--radius-full);width:100%;height:100%}.avatar-initials{letter-spacing:.02em;line-height:1}.avatar-logo{color:currentColor;width:60%;height:60%}.avatar-color-1{color:var(--palette-white);background:linear-gradient(135deg,#e8a04ccc,#de7248cc,#c04375cc)}.avatar-color-2{color:var(--palette-white);background:linear-gradient(135deg,#d4e876cc,#aac657cc,#4eb6aacc)}.avatar-color-3{color:var(--palette-white);background:linear-gradient(135deg,#5fd9c4cc,#4eb6aacc,#4b76bdcc)}.avatar-color-4{color:var(--palette-white);background:linear-gradient(135deg,#6ba3e8cc,#4b76bdcc,#965cd9cc)}.avatar-color-5{color:var(--palette-white);background:linear-gradient(135deg,#b87de8cc,#965cd9cc,#c04375cc)}.avatar-color-6{color:var(--palette-white);background:linear-gradient(135deg,#e06b8acc,#c04375cc,#965cd9cc)}.avatar-color-7{color:var(--palette-white);background:linear-gradient(135deg,#e8a04ccc,#e14b4ecc,#c04375cc)}.avatar-light-1{background:var(--color-series-1-light);color:var(--color-series-1)}.avatar-light-2{background:var(--color-series-2-light);color:var(--color-series-2)}.avatar-light-3{background:var(--color-series-3-light);color:var(--color-series-3)}.avatar-light-4{background:var(--color-series-4-light);color:var(--color-series-4)}.avatar-light-5{background:var(--color-series-5-light);color:var(--color-series-5)}.avatar-light-6{background:var(--color-series-6-light);color:var(--color-series-6)}.avatar-light-7{background:var(--color-series-7-light);color:var(--color-series-7)}.avatar-status{border-radius:var(--radius-full);border:2px solid var(--color-surface-primary);width:12px;height:12px;position:absolute;bottom:0;right:0}.avatar-sm .avatar-status{width:10px;height:10px}.avatar-lg .avatar-status{border-width:2.5px;width:14px;height:14px}.avatar-status-online{background:var(--color-success)}.avatar-status-offline{background:var(--color-text-muted)}.avatar-status-busy{background:var(--color-error)}.avatar-status-away{background:var(--color-warning)}.avatar-status-label{bottom:calc(100% + var(--space-2));padding:var(--space-1) var(--space-2);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-inverse);background:var(--color-fill-primary);border-radius:var(--radius-sm);white-space:nowrap;text-transform:capitalize;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);position:absolute;left:50%;transform:translate(-50%)}.avatar-status:hover .avatar-status-label{opacity:1}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid var(--color-surface-primary);margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.dialog-backdrop{z-index:100;background:var(--color-backdrop);justify-content:center;align-items:center;animation:.2s forwards dialog-fade-in;display:flex;position:fixed;inset:0}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}.dialog-content{background:var(--color-surface-primary);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8) var(--space-8);width:90vw;max-width:440px;animation:.25s cubic-bezier(.4,0,.2,1) dialog-scale-in;position:relative}@keyframes dialog-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dialog-close-btn{z-index:1;position:absolute;top:24px;right:24px}.dialog-title{font-family:var(--type-h3-family);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-leading);letter-spacing:var(--type-h3-tracking);color:var(--color-text-primary);margin-bottom:var(--space-2)}.dialog-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.7}.dialog-footer{justify-content:flex-end;gap:var(--space-3);display:flex}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:200;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);box-shadow:var(--shadow-lg);min-width:280px;animation:.2s cubic-bezier(.4,0,.2,1) toast-slide-in;display:flex}@keyframes toast-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.toast-success{background:var(--color-surface-elevated);border:1px solid var(--color-success);color:var(--color-success)}.toast-error{background:var(--color-surface-elevated);border:1px solid var(--color-error);color:var(--color-error)}.toast-info{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-primary)}.toast-message{flex:1}.toast-dismiss{font-size:var(--font-size-md);color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.toast-dismiss:hover{opacity:1}.toast-bold-success{background:var(--color-success);color:var(--color-text-inverse);border:none}.toast-bold-error{background:var(--color-error);color:var(--color-text-inverse);border:none}.toast-bold-info{background:var(--color-fill-primary);color:var(--color-text-inverse);border:none}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip{z-index:50;white-space:nowrap;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-inverse);background:var(--color-fill-primary);border-radius:var(--radius-md);pointer-events:none;animation:.1s tooltip-fade;display:inline-flex;position:absolute}@keyframes tooltip-fade{0%{opacity:0}to{opacity:1}}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-left{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.tooltip-right{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.table-wrapper{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;overflow:hidden}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-family:var(--type-overline-family);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-leading);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-subtle)}.table td{padding:var(--space-3) var(--space-4);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#00000005}.table-cell-primary{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.table-striped tbody tr:nth-child(2n) td{background:var(--color-surface-subtle)}.table-headed{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.table-headed .table-heading{padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;display:flex}.table-headed .table-heading-left{align-items:center;gap:var(--space-2);display:flex}.table-headed .table-heading-title{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-leading);letter-spacing:var(--type-body-lg-tracking);color:var(--color-text-primary)}.table-headed .table-wrapper{border:none;border-radius:0}.table-headed .table th{border-top:1px solid var(--color-border-subtle)}.datatable{gap:var(--space-4);flex-direction:column;display:flex}.datatable-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.datatable-search{max-width:320px}.datatable-columns-btn{flex-shrink:0}.datatable-pill-group{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.table-cell-checkbox{width:var(--space-10);padding-left:var(--space-4)!important}.table-cell-right{text-align:right}.table-cell-mono{font-variant-numeric:tabular-nums}.table-cell-action{width:var(--space-12);text-align:center;padding-right:var(--space-4)!important}.column-picker-item{cursor:grab;-webkit-user-select:none;user-select:none}.column-picker-item:active{cursor:grabbing}.column-picker-grip{color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:grab;line-height:1}.column-picker-dragging{opacity:.5}.table-sortable{align-items:center;gap:var(--space-1);cursor:pointer;display:inline-flex}.table-sortable.active,.table-sortable.active svg{color:var(--color-text-primary)}.datatable-toolbar-actions{align-items:center;gap:var(--space-2);display:flex}.datatable-filter-count{margin-left:var(--space-1)}.datatable-bulk-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-subtle);display:flex}.datatable-bulk-count{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-primary)}.datatable-bulk-actions{align-items:center;gap:var(--space-2);display:flex}.datatable-bulk-danger{color:var(--color-error)}.datatable-bulk-danger:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error)}.table-status{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking)}.table-status-success{color:var(--color-text-primary)}.table-status-processing,.table-status-failed{color:var(--color-text-secondary)}.table-row-selected td{background:var(--color-surface-subtle)!important}.table-action-btn{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.table-action-btn:hover{background:var(--color-surface-subtle);color:var(--color-text-primary)}.table-row-menu{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-width:140px;padding:var(--space-1);z-index:10;position:absolute;top:100%;right:0}.table-row-menu-up{margin-bottom:var(--space-1);z-index:50;animation:select-enter var(--transition-fast) forwards;top:auto;bottom:100%}.table-row-menu-item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:block}.table-row-menu-item:hover{background:var(--color-fill-disabled)}.table-row-menu-danger{color:var(--color-error)}.table-row-menu-danger:hover{background:var(--color-error-subtle)}.table-row-menu-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-1) 0}.datatable-footer{justify-content:space-between;align-items:center;display:flex}.datatable-selection-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.datatable-footer-left{align-items:center;gap:var(--space-4);display:flex}.datatable-page-size{align-items:center;gap:var(--space-2);display:inline-flex;position:relative}.datatable-page-size-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.datatable-page-size-menu{top:auto;bottom:calc(100% + var(--space-1));min-width:80px;left:0;right:auto}.datatable-pagination{gap:var(--space-2);display:flex}.list-wrapper{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.list-header{padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.list-header .tabs-underline{padding:var(--space-3) 0;border-bottom:none}.list-header-label{font-family:var(--type-overline-family);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-leading);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--color-text-secondary)}.list-item{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.list-item:hover{background:var(--color-surface-subtle)}.list-item-text{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.list-item-value{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);color:var(--color-text-secondary);flex-shrink:0}.list-card-wrapper{gap:var(--space-3);flex-direction:column;display:flex}.list-card-item{padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.list-card-item:hover{background:var(--color-surface-subtle)}.list-card-leading{align-items:center;gap:var(--space-3);min-width:0;display:flex}.list-card-info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.list-card-title-row{align-items:center;gap:var(--space-2);display:flex}.list-card-title{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-leading);color:var(--color-text-primary)}.list-card-subtitle{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-muted)}.list-card-trailing{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.list-card-meta{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-muted)}.cal{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:280px;padding:var(--space-4);background:var(--color-surface-primary)}.split-btn-menu .cal{border:none}.cal-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.cal-title{font-family:var(--type-subheading-family);font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);line-height:var(--type-subheading-leading);letter-spacing:var(--type-subheading-tracking);color:var(--color-text-primary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast);background:0 0;border:none}.cal-title:hover{background-color:var(--color-fill-hover)}.cal-my-picker{padding:var(--space-2) 0}.cal-my-header{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.cal-my-title{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-primary)}.cal-my-grid{gap:var(--space-1);grid-template-columns:repeat(3,1fr);display:grid}.cal-my-cell{padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none}.cal-my-cell:hover{background-color:var(--color-fill-hover)}.cal-my-cell-active{background-color:var(--color-fill-hover);color:var(--color-text-primary)}.cal-my-cell-active:hover{background-color:var(--color-fill-hover)}.cal-today-btn{width:100%;padding:var(--space-2) 0;font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);color:var(--color-text-secondary);cursor:pointer;margin-top:var(--space-2);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cal-today-btn:hover{color:var(--color-text-primary)}.cal-nav{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cal-nav:hover{background:var(--color-surface-subtle);color:var(--color-text-primary)}.cal-grid{gap:var(--space-0-5) 0;grid-template-columns:repeat(7,1fr);display:grid}.cal-day-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);text-align:center;padding:var(--space-2) 0}.cal-day{height:36px;font-size:var(--font-size-xs);color:var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cal-day:hover:not(:disabled):not(.cal-day-selected):not(.cal-day-range-start):not(.cal-day-range-end){background:var(--color-fill-hover)}.cal-day-disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.4}.cal-day-empty{cursor:default}.cal-day-today{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);position:relative}.cal-day-today:after{content:"";border-radius:var(--radius-full);background:var(--color-fill-primary);width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.cal-day-selected{background:var(--color-fill-primary);color:var(--color-text-inverse)}.cal-day-selected:hover{background:var(--color-fill-primary)}.cal-day-selected.cal-day-today:after{background:var(--color-text-inverse)}.cal-day-range-start.cal-day-today:after,.cal-day-range-end.cal-day-today:after{background:var(--color-fill-primary);border-radius:var(--radius-full);width:36px;height:36px;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.cal-day-in-range.cal-day-today:after{background:var(--color-text-primary)}.cal-day-in-range{background:var(--color-surface-subtle);color:var(--color-text-primary);border-radius:0}.cal-day-range-start,.cal-day-range-end{isolation:isolate;color:var(--color-text-inverse);background:0 0;border-radius:0;position:relative}.cal-day-range-start:after,.cal-day-range-end:after{content:"";background:var(--color-fill-primary);border-radius:var(--radius-full);z-index:-1;width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cal-day-range-start:before,.cal-day-range-end:before{content:"";background:var(--color-surface-subtle);z-index:-2;width:50%;position:absolute;top:0;bottom:0}.cal-day-range-start:before{right:0}.cal-day-range-end:before{left:0}.cal-day-range-start.cal-day-range-end:before{display:none}.cal-selection-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-3)}.cal-input-wrapper{max-width:280px;position:relative}.cal-input-wrapper.cal-input-open{margin-bottom:340px}.cal-dropdown{z-index:50;animation:select-enter var(--transition-fast) forwards;position:absolute;top:calc(100% + 6px);left:0}.drawer-backdrop{z-index:100;background:var(--color-backdrop,#00000080);animation:.2s forwards dialog-fade-in;position:fixed;inset:0}.drawer-backdrop.drawer-closing{animation:.25s forwards drawer-fade-out}@keyframes drawer-fade-out{0%{opacity:1}to{opacity:0}}.drawer-panel{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;overflow:hidden}.drawer-right{width:520px;max-width:85vw;animation:.25s cubic-bezier(.4,0,.2,1) drawer-slide-right;top:8px;bottom:8px;right:8px}.drawer-bottom{max-height:70vh;animation:.25s cubic-bezier(.4,0,.2,1) drawer-slide-bottom;bottom:8px;left:8px;right:8px}.drawer-bottom .drawer-header,.drawer-bottom .drawer-body{width:100%;max-width:860px;margin-left:auto;margin-right:auto}@keyframes drawer-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-panel-closing.drawer-right{animation:.25s cubic-bezier(.4,0,.2,1) forwards drawer-slide-right-out}.drawer-panel-closing.drawer-bottom{animation:.25s cubic-bezier(.4,0,.2,1) forwards drawer-slide-bottom-out}@keyframes drawer-slide-right-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes drawer-slide-bottom-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.drawer-header{padding:var(--space-10) var(--space-8) var(--space-4);justify-content:space-between;align-items:center;display:flex}.drawer-title{font-family:var(--type-h2-family);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-leading);letter-spacing:var(--type-h2-tracking);color:var(--color-text-primary)}.drawer-close-btn{z-index:1;position:absolute;top:24px;right:24px}.drawer-body{padding:var(--space-6) var(--space-8) var(--space-8);flex:1;overflow-y:auto}.drawer-demo-content{gap:var(--space-5);flex-direction:column;display:flex}.drawer-demo-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);margin-top:var(--space-2);display:flex}.drawer-demo-article{gap:var(--space-3);flex-direction:column;display:flex}.drawer-demo-heading{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary);margin-top:var(--space-4)}.drawer-demo-heading:first-child{margin-top:0}.drawer-demo-paragraph{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.drawer-demo-paragraph code{font-size:var(--font-size-xs);background:var(--color-surface-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:2px 6px}.dropdown-root{display:inline-block;position:relative}.dropdown-panel{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-width:200px;padding:var(--space-2);z-index:50;animation:select-enter var(--transition-fast) forwards;position:absolute;top:calc(100% + 6px);left:0}.dropdown-panel-right{left:auto;right:0}.dropdown-item{align-items:center;gap:var(--space-2);text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.dropdown-item:hover{background:var(--color-fill-disabled)}.dropdown-item-danger{color:var(--color-error)}.dropdown-item-danger:hover{background:var(--color-error-subtle)}.dropdown-separator{background:var(--color-border-subtle);height:1px;margin:var(--space-2) 0}.dropdown-label{padding:var(--space-2) var(--space-3) var(--space-1);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}.notification-bell-wrap{position:relative}.notification-bell-dot{top:calc(var(--space-1) / -2);right:calc(var(--space-1) / -2);width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);background:var(--color-series-1);border:2px solid var(--color-surface-primary);position:absolute}.notification-panel{top:calc(100% + var(--space-2));background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);z-index:50;width:360px;animation:select-enter var(--transition-fast) forwards;position:absolute;left:0;overflow:hidden}.notification-panel-right{left:auto;right:0}.notification-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.notification-header-title{font-family:var(--type-subheading-family);font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);line-height:var(--type-subheading-leading);letter-spacing:var(--type-subheading-tracking);color:var(--color-text-primary)}.notification-list{max-height:400px;overflow-y:auto}.notification-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);display:flex}.notification-item:hover{background:var(--color-fill-hover)}.notification-content{flex:1;min-width:0}.notification-title{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-primary);margin:0}.notification-description{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);color:var(--color-text-secondary);margin:var(--space-1) 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-time{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);color:var(--color-text-muted)}.notification-dot{width:calc(var(--space-3) / 2);height:calc(var(--space-3) / 2);border-radius:var(--radius-full);background:var(--color-series-1);margin-top:var(--space-2);flex-shrink:0}.notification-empty{align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);color:var(--color-text-muted);flex-direction:column;display:flex}.notification-empty p{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);margin:0}.checkbox{appearance:none;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-surface-primary);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);flex-shrink:0;position:relative}.checkbox:checked{background:var(--color-fill-primary);border-color:var(--color-text-primary)}.checkbox:checked:after{content:"";border:solid var(--color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.checkbox:disabled{border-color:var(--color-fill-disabled);background:var(--color-fill-disabled);cursor:not-allowed;pointer-events:none}.checkbox-label{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;display:flex}.checkbox-label:has(.checkbox:disabled){color:var(--color-text-muted);cursor:not-allowed}.radio-group{gap:var(--space-3);border:none;flex-direction:column;margin:0;padding:0;display:flex}.radio-group legend{margin-bottom:var(--space-3)}.radio{appearance:none;border:1px solid var(--color-border-primary);border-radius:var(--radius-full);background:var(--color-surface-primary);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);flex-shrink:0;position:relative}.radio:checked{border:5px solid var(--color-fill-primary)}.radio-label{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;display:flex}.radio-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);display:flex}.radio-card:has(.radio:checked){border-color:var(--color-text-primary)}.radio-card-content{gap:var(--space-0-5);flex-direction:column;display:flex}.radio-card-title{font-family:var(--type-subheading-family);font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);line-height:var(--type-subheading-leading);letter-spacing:var(--type-subheading-tracking);color:var(--color-text-primary)}.radio-card-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.skeleton{background:var(--color-fill-disabled);border-radius:var(--radius-md);animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-text{border-radius:var(--radius-sm);height:14px}.skeleton-image{border-radius:0;height:140px}.skeleton-circle{border-radius:var(--radius-full);flex-shrink:0;width:40px;height:40px}.skeleton-row{align-items:center;gap:var(--space-3);display:flex}.skeleton-row-text{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.progress-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.progress-header{justify-content:space-between;align-items:center;display:flex}.progress-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-primary)}.progress-value{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.progress-track{background:var(--color-fill-disabled);border-radius:var(--radius-full);width:100%;overflow:hidden}.progress-sm{height:4px}.progress-md{height:8px}.progress-lg{height:12px}.progress-bar{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-bar-default{background:var(--color-fill-primary)}.progress-bar-success{background:var(--color-success)}.progress-bar-error{background:var(--color-error)}.progress-bar-warning{background:var(--color-warning)}.slider-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.slider-wrapper.disabled{opacity:.5;pointer-events:none}.slider-header{justify-content:space-between;align-items:baseline;display:flex}.slider-label{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-primary)}.slider-value{font-size:var(--font-size-sm);font-family:var(--font-family-mono);color:var(--color-text-secondary)}.slider{appearance:none;border-radius:var(--radius-full);background:linear-gradient(to right, var(--color-fill-primary) var(--slider-pct,0%), var(--color-fill-disabled) var(--slider-pct,0%));cursor:pointer;width:100%;height:4px;transition:background var(--transition-fast);outline:none}.slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--color-fill-primary);border:2px solid var(--color-surface-primary);width:18px;height:18px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-md);transform:scale(1.35)}.slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--color-fill-primary);border:2px solid var(--color-surface-primary);width:18px;height:18px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.slider::-moz-range-thumb:hover{box-shadow:var(--shadow-md);transform:scale(1.35)}.slider::-moz-range-track{border-radius:var(--radius-full);background:0 0;height:4px}.slider-gradient{background:linear-gradient(to right, transparent var(--slider-pct,0%), var(--color-fill-disabled) var(--slider-pct,0%)), linear-gradient(to right, #3b82f6, #ef4444)!important}.slider-range-labels{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1);justify-content:space-between;display:flex}.slider-stepped{position:relative}.slider-ticks{margin-top:var(--space-2);justify-content:space-between;padding:0 7px;display:flex}.slider-tick{border-radius:var(--radius-full);background:var(--color-fill-disabled);width:6px;height:6px;transition:background var(--transition-fast)}.slider-tick.active{background:var(--color-fill-primary)}.cmdk-container{background:var(--color-surface-primary);border-radius:var(--radius-2xl);width:90vw;max-width:520px;animation:.2s cubic-bezier(.4,0,.2,1) dialog-scale-in;overflow:hidden}.cmdk-input-wrapper{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);display:flex}.cmdk-search-icon{color:var(--color-text-muted);flex-shrink:0}.cmdk-input{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1}.cmdk-input::placeholder{color:var(--color-text-muted)}.cmdk-list{max-height:320px;padding:var(--space-2);overflow-y:auto}.cmdk-empty{padding:var(--space-8);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.cmdk-group{padding-bottom:var(--space-2)}.cmdk-group-heading{padding:var(--space-2) var(--space-3);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}.cmdk-item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.cmdk-item:hover,.cmdk-item-active{background:var(--color-fill-disabled)}.cmdk-shortcut{gap:4px;display:flex}.cmdk-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);align-items:center;gap:var(--space-1);display:inline-flex}.kbd{min-width:24px;font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--color-border-subtle);justify-content:center;align-items:center;padding:2px 8px;display:inline-flex}.kbd-sm{min-width:var(--space-5);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.kbd-list{flex-direction:column;gap:0;max-width:320px;display:flex}.kbd-list-item{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.kbd-list-item:last-child{border-bottom:none}.kbd-list-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.kbd-combo{gap:4px;display:flex}.accordion{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.accordion-item{border-bottom:1px solid var(--color-border-subtle)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{width:100%;padding:var(--space-5) var(--space-5);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.accordion-trigger:hover{background:var(--color-surface-subtle)}.accordion-chevron{color:var(--color-icon-secondary);transition:transform var(--transition-fast);flex-shrink:0}.accordion-item.open .accordion-chevron{transform:rotate(180deg)}.accordion-content{transition:grid-template-rows var(--transition-fast);grid-template-rows:0fr;display:grid}.accordion-item.open .accordion-content{grid-template-rows:1fr}.accordion-body{padding:0 var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;overflow:hidden}.accordion-item.open .accordion-body{padding-bottom:var(--space-4)}.breadcrumb{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.breadcrumb-item{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);text-decoration:none}.breadcrumb-item:hover{color:var(--color-text-primary)}.breadcrumb-item.active{color:var(--color-text-primary);font-weight:var(--font-weight-medium);cursor:default}.breadcrumb-separator{font-size:var(--font-size-xs);color:var(--color-text-muted)}.pagination{align-items:center;gap:var(--space-2);display:flex}.pagination-btn{padding:var(--space-2) var(--space-4);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0}.pagination-btn:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-fill-disabled)}.pagination-btn:disabled{color:var(--color-text-muted);border-color:var(--color-fill-disabled);cursor:not-allowed;pointer-events:none}.pagination-pages{align-items:center;gap:var(--space-1);display:flex}.pagination-page{width:36px;height:36px;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-variant-numeric:tabular-nums;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.pagination-page:hover{background:var(--color-fill-hover);color:var(--color-text-primary)}.pagination-page.active{background:var(--color-fill-primary);color:var(--color-text-inverse)}.pagination-ellipsis{text-align:center;width:36px;font-size:var(--font-size-sm);color:var(--color-text-muted)}.ai-input-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ai-input-icon svg{width:100%;height:100%}.ai-input-icon svg path,.ai-input-icon svg circle,.ai-input-icon svg rect,.ai-input-icon svg polygon,.ai-input-icon svg ellipse,.ai-input-icon svg g[fill]:not([fill=none]){fill:currentColor}.ai-input-icon svg line,.ai-input-icon svg polyline{stroke:currentColor;fill:none!important}.ai-input-icon svg[fill=none] path,.ai-input-icon svg[fill=none] circle,.ai-input-icon svg[fill=none] rect{fill:none;stroke:currentColor}.ai-input-wrapper{max-width:560px}.ai-input-box{border:1px solid var(--color-border-primary);background:var(--color-surface-primary);box-shadow:0 0 16px var(--color-ai-input-shadow);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:var(--space-4);border-radius:24px;position:relative}.ai-input-box:hover,.ai-input-box:focus-within{box-shadow:0 0 16px var(--color-ai-input-shadow);outline:1px solid var(--color-border-hover);border-color:#0000}.ai-input-textarea{width:100%;font-size:var(--font-size-sm);color:var(--color-text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:40px;padding:0;display:block}.ai-input-textarea::placeholder{color:var(--color-text-muted)}.ai-input-toolbar{justify-content:space-between;align-items:center;padding:0;display:flex}.ai-input-toolbar-right{align-items:center;gap:var(--space-3);display:flex}.ai-input-action-btn{border:1px solid var(--color-border-primary);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.ai-input-action-btn:hover{border-color:var(--color-border-hover);background:var(--color-fill-disabled);color:var(--color-text-primary)}.ai-input-action-btn svg line{stroke:currentColor;fill:none}.ai-input-tool{align-items:center;gap:var(--space-1);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;display:flex}.ai-input-tool:hover{color:var(--color-text-primary)}.ai-input-tool .icon-chevron{transition:transform var(--transition-base);align-items:center;display:inline-flex}.ai-input-tool .icon-chevron.open{transform:rotate(180deg)}.ai-input-model-desc{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);margin-left:auto}.ai-input-icon-btn{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ai-input-icon-btn:hover{color:var(--color-text-primary)}.ai-input-submit{border-radius:var(--radius-full);background:var(--color-fill-primary);width:32px;height:32px;color:var(--color-text-inverse);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.ai-input-submit:hover{opacity:.85}.ai-input-submit-active{background:var(--color-fill-primary)}.ai-input-suggestions-panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-primary);padding:var(--space-5);margin-top:var(--space-4)}.ai-input-suggestions-header{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);display:flex}.ai-input-suggestions{margin-top:var(--space-4);justify-content:center;display:flex}.ai-input-suggestions-inner{flex-direction:column;align-items:flex-start;display:flex}.ai-input-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.ai-input-prompt-list{margin-top:var(--space-4);padding-left:var(--space-1);flex-direction:column;display:flex}.ai-input-prompt-item{padding:var(--space-2) 0;font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);letter-spacing:var(--type-small-tracking);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast)}.ai-input-prompt-item:hover{color:var(--color-text-primary)}.ai-input-autocomplete{padding:var(--space-2) 0}.ai-input-autocomplete-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.ai-input-autocomplete-item:hover{background:var(--color-surface-subtle)}.ai-input-autocomplete-item strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-8);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);text-align:center;flex-direction:column;display:flex}.empty-state-icon{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.empty-state-title{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary)}.empty-state-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.empty-state-desc strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.empty-state-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.chart-container{max-width:480px;position:relative}.chart-bar-wrapper{align-items:flex-end;gap:var(--space-2);padding-bottom:var(--space-1);display:flex}.chart-bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.chart-bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.chart-bar{background:var(--color-fill-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;transition:background var(--transition-fast), opacity var(--transition-fast);opacity:.7}.chart-bar-active{opacity:1}.chart-tooltip{padding:2px var(--space-2);font-family:var(--type-overline-family);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-leading);letter-spacing:var(--type-overline-tracking);color:var(--color-text-inverse);background:var(--color-fill-primary);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;position:absolute;top:-28px}.chart-x-labels{padding-top:var(--space-2);justify-content:space-between;display:flex}.chart-x-label{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-secondary);flex:1}.chart-line-svg{width:100%;height:200px}.chart-line-tooltip{padding:2px var(--space-2);font-family:var(--type-overline-family);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-leading);letter-spacing:var(--type-overline-tracking);color:var(--color-text-inverse);background:var(--color-fill-primary);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;position:absolute;top:-8px;transform:translate(-50%)}.chart-donut-wrapper{align-items:center;gap:var(--space-8);display:flex}.chart-donut-svg{flex-shrink:0}.chart-radial-arc{transition:opacity var(--transition-fast), stroke-width var(--transition-fast)}.chart-treemap-wrapper-v{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.analytics-chart-area:has(.chart-treemap-wrapper-v){padding:0 var(--space-6) var(--space-6)}.chart-treemap-legend{gap:var(--space-6);display:flex}.chart-treemap-svg{flex-shrink:0}.chart-treemap-label,.chart-treemap-value{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);fill:var(--color-text-inverse);pointer-events:none}.chart-treemap-subtitle{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary);padding:0 var(--space-6)}.chart-donut-total{font-family:var(--type-metric-md-family);font-size:var(--type-metric-md-size);font-weight:var(--type-metric-md-weight);line-height:var(--type-metric-md-leading);letter-spacing:var(--type-metric-md-tracking);fill:var(--color-text-primary)}.chart-donut-label{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);letter-spacing:var(--type-small-tracking);fill:var(--color-text-secondary)}.chart-donut-legend{gap:var(--space-2);flex-direction:column;display:flex}.chart-legend-item{align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.chart-legend-item:hover,.chart-legend-active{background:var(--color-surface-subtle)}.chart-color-swatch{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);flex-shrink:0}.chart-color-swatch-sm{width:var(--space-2);height:var(--space-2)}.chart-palette-swatches{gap:var(--space-0-5);align-items:center;display:flex}.chart-legend-label{font-size:var(--font-size-sm);color:var(--color-text-primary);flex:1}.chart-legend-value{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin-left:var(--space-6)}.chart-gauge-grid{gap:var(--space-6);padding:var(--space-4) 0;flex-wrap:wrap;justify-content:center;display:flex}.chart-gauge-single{padding:var(--space-4) 0;justify-content:center;display:flex}.chart-gauge-item{flex-direction:column;align-items:center;display:flex}.chart-gauge-value{font-family:var(--type-h3-family);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-leading);letter-spacing:var(--type-h3-tracking);fill:var(--color-text-primary)}.chart-gauge-label{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);letter-spacing:var(--type-small-tracking);fill:var(--color-text-secondary)}.chart-gauge-tick{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);fill:var(--color-text-secondary)}@keyframes histogram-bar-enter{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.analytics-panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:0 0;flex-direction:column;display:flex;overflow:visible}.analytics-header-title{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-leading);letter-spacing:var(--type-body-lg-tracking);color:var(--color-text-primary)}.analytics-panel-header{padding:var(--space-4) var(--space-6);background:0 0;justify-content:space-between;align-items:center;display:flex}.analytics-header-left{color:var(--color-text-primary);font-size:var(--font-size-base);align-items:center;gap:0;display:flex}.chart-menu-root{order:-1;display:flex;position:relative}.btn.btn-icon.chart-menu-trigger{opacity:0;width:0;min-width:0;color:var(--color-icon-secondary);transition:width var(--transition-base), margin var(--transition-base), opacity var(--transition-base), background var(--transition-fast), color var(--transition-fast);flex-shrink:0;margin-right:0;padding:0;overflow:hidden}.analytics-panel-header:hover .chart-menu-trigger,.table-heading:hover .chart-menu-trigger{width:var(--button-height-sm);margin-right:var(--space-2);opacity:1}.chart-menu-root:has(.chart-menu-panel) .chart-menu-trigger{width:var(--button-height-sm);margin-right:var(--space-2);opacity:1}.chart-menu-panel{white-space:nowrap;min-width:auto;left:0}.analytics-status-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-warning)}.analytics-domain{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-decoration:none}.analytics-domain:hover{text-decoration:underline}.analytics-badge-text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.analytics-separator{width:1px;height:var(--space-4);background:var(--color-border-subtle);margin:0 var(--space-1)}.analytics-online-dot{width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--radius-full);background:var(--color-success)}.analytics-online-text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.analytics-header-right{align-items:center;gap:var(--space-2);display:flex}.analytics-header-period{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);letter-spacing:var(--type-small-tracking);color:var(--color-text-muted)}.analytics-header-right .select-root{width:auto}.analytics-header-right .select-trigger{white-space:nowrap;width:auto}.analytics-header-right .split-btn-menu{min-width:auto;left:auto;right:0}.analytics-tabs{border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);display:flex}.analytics-tab{padding:var(--space-4) var(--space-5);background:var(--color-surface-subtle);border:none;border-right:1px solid var(--color-border-subtle);cursor:pointer;text-align:left;transition:background var(--transition-fast);flex:1}.analytics-tab:last-child{border-right:none}.analytics-tab:hover{background:var(--color-fill-hover)}.analytics-tab.active{background:0 0}.analytics-tab-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.analytics-tab-value-row{align-items:center;gap:var(--space-2);display:flex}.analytics-tab-value{font-family:var(--type-metric-lg-family);font-size:var(--type-metric-lg-size);font-weight:var(--type-metric-lg-weight);line-height:var(--type-metric-lg-leading);letter-spacing:var(--type-metric-lg-tracking);color:var(--color-text-primary)}.analytics-chart-area{padding:0 var(--space-6) var(--space-6);background:0 0;flex-direction:column;flex:1;display:flex;position:relative}.chart-zoom-reset{top:var(--space-2);right:var(--space-2);position:absolute}.analytics-chart-area .chart-line-svg{flex:1;min-height:200px}.analytics-chart-area .chart-axis-label{fill:var(--color-text-secondary)}.analytics-chart-area .chart-card-tooltip{background:var(--color-fill-primary);border:none}.analytics-chart-area .chart-card-tooltip-dot{background:var(--color-series-1)}.analytics-chart-area .chart-card-tooltip-label,.analytics-chart-area .chart-card-tooltip-value,.analytics-chart-area .chart-card-tooltip-date{color:var(--color-text-inverse)}.chart-legend-bar{padding:var(--space-3) var(--space-5);background:0 0}.chart-legend{align-items:center;gap:var(--space-2);display:flex}.chart-legend-pill{align-items:center;gap:var(--space-1-5);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-primary);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.chart-legend-pill:hover{background:var(--color-surface-subtle)}.chart-legend-pill-muted{color:var(--color-text-secondary)}.chart-legend-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.chart-stats-row{gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.chart-stat-card{padding:var(--space-4) var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.chart-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.chart-stat-value-row{align-items:baseline;gap:var(--space-2);display:flex}.chart-stat-value{font-family:var(--type-h2-family);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-leading);letter-spacing:var(--type-h2-tracking);color:var(--color-text-primary)}.chart-stat-change{font-family:var(--type-overline-family);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-leading);letter-spacing:var(--type-overline-tracking);padding:2px var(--space-2);border-radius:var(--radius-sm)}.chart-stat-negative{color:var(--color-error);background:var(--color-error-subtle)}.chart-stat-positive{color:var(--color-success);background:var(--color-success-subtle)}.chart-axis-label{font-size:var(--font-size-xs);fill:var(--color-text-secondary)}.chart-axis-label-active{fill:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.chart-axis-label-bold{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);fill:var(--color-text-primary)}.chart-avatar-text{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);fill:var(--color-text-inverse)}.chart-axis-label-muted{fill:var(--color-text-muted)}.chart-bullet-row{align-items:flex-start;gap:var(--space-6);z-index:0;display:flex;position:relative}.chart-bullet-row:hover{z-index:1}.chart-bullet-label{width:120px;padding-top:var(--space-2);flex-shrink:0}.chart-bullet-label-name{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-primary)}.chart-bullet-label-sub{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary)}.chart-bullet-svg-wrapper{flex:1;position:relative}.chart-bullet-list{gap:var(--space-5);padding:var(--space-4) 0;flex-direction:column;display:flex}.chart-bullet-svg-wrapper .chart-line-svg{flex:none;width:100%;min-height:0;display:block;overflow:visible}.chart-bullet-svg{height:60px}.chart-card-tooltip{padding:var(--space-3) var(--space-4);background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);pointer-events:none;white-space:nowrap;gap:var(--space-1);will-change:transform;flex-direction:column;transition:transform 80ms cubic-bezier(.22,1,.36,1),opacity .12s;display:flex;position:absolute;top:0;left:0}.chart-card-tooltip-row{align-items:center;gap:var(--space-2);display:flex}.chart-card-tooltip-dot{width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--radius-full);background:var(--color-fill-primary)}.chart-card-tooltip-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.chart-card-tooltip-value{font-family:var(--type-subheading-family);font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);line-height:var(--type-subheading-leading);letter-spacing:var(--type-subheading-tracking);color:var(--color-text-primary)}.chart-card-tooltip-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.timeline-card-area{padding:var(--space-4) var(--space-6) var(--space-6);flex-direction:column;display:flex}.timeline-card-dates{height:var(--space-10);margin:0 var(--space-6);position:relative}.timeline-card-date-tick{align-items:center;gap:var(--space-0-5);flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.timeline-card-date-day{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}.timeline-card-date-num{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary)}.timeline-card-date-today{color:var(--color-series-1)}.timeline-card-date-today .timeline-card-date-day,.timeline-card-date-today .timeline-card-date-num{color:var(--color-accent-text);background:var(--color-series-1);border-radius:var(--radius-sm);padding:var(--space-0-5) var(--space-1)}.timeline-card-grid{margin:0 var(--space-6);border-top:1px solid var(--color-border-subtle);position:relative}.timeline-card-gridline{border-left:1px dashed var(--color-border-subtle);width:0;position:absolute;top:0;bottom:0}.timeline-card-today-line{background:var(--color-series-1);z-index:1;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.timeline-card-item{height:var(--space-12);align-items:center;gap:var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);cursor:pointer;transition:box-shadow var(--transition-fast);display:flex;position:absolute}.timeline-card-item:hover{box-shadow:var(--shadow-lg)}.timeline-card-indicator{width:var(--space-1);height:var(--space-6);border-radius:var(--radius-full);flex-shrink:0}.timeline-card-content{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex;overflow:hidden}.timeline-card-name{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--font-weight-semibold);line-height:var(--type-small-leading);letter-spacing:var(--type-small-tracking);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timeline-card-meta{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.candle-tooltip{min-width:180px}.candle-tooltip-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.candle-tooltip-pill{font-family:var(--type-mono-family);font-size:var(--type-mono-size);font-weight:var(--type-mono-weight);line-height:var(--type-mono-leading);letter-spacing:var(--type-mono-tracking);color:var(--color-accent-text);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full)}.candle-tooltip-grid{gap:var(--space-2) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.candle-tooltip-cell{gap:var(--space-0-5);flex-direction:column;display:flex}.chat-container{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-primary);flex-direction:column;max-width:560px;display:flex;overflow:hidden}.chat-messages{padding:var(--space-5);gap:var(--space-4);flex-direction:column;max-height:624px;display:flex;overflow-y:auto}.chat-bubble{align-items:flex-end;gap:var(--space-3);max-width:85%;display:flex}.chat-user{flex-direction:row-reverse;align-self:flex-end}.chat-assistant{align-self:flex-start}.chat-avatar{flex-shrink:0}.chat-content{font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);line-height:1.6}.chat-content-user{background:var(--color-fill-primary);color:var(--color-text-inverse);border-bottom-right-radius:var(--radius-sm)}.chat-content-assistant{background:var(--color-surface-subtle);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-sm)}.chat-input-bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);display:flex}.chat-input{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);padding:var(--space-2) 0;background:0 0;border:none;outline:none;flex:1}.chat-input::placeholder{color:var(--color-text-muted)}.chat-send-btn{width:var(--button-height-md);height:var(--button-height-md);border-radius:var(--radius-full);background:var(--color-fill-primary);color:var(--color-text-inverse);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover:not(:disabled){opacity:.85}.chat-send-btn:disabled{background:var(--color-fill-disabled);color:var(--color-text-muted);cursor:not-allowed;pointer-events:none}.chat-typing{gap:var(--space-1);padding:var(--space-0-5) 0;display:flex}.chat-typing-dot{border-radius:var(--radius-full);background:var(--color-text-muted);width:6px;height:6px;animation:1.2s ease-in-out infinite chat-typing-bounce}.chat-typing-dot:nth-child(2){animation-delay:.15s}.chat-typing-dot:nth-child(3){animation-delay:.3s}@keyframes chat-typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-cursor{background:var(--color-text-primary);vertical-align:text-bottom;width:2px;height:14px;margin-left:1px;animation:.8s step-end infinite chat-cursor-blink;display:inline-block}@keyframes chat-cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media (width<=768px){.card-grid,.card-grid-wide{grid-template-columns:1fr}}.stepper{gap:var(--space-3);display:flex}.stepper-step{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.stepper-track{height:var(--space-1);border-radius:var(--radius-full);background:var(--color-fill-disabled);overflow:hidden}.stepper-fill{border-radius:var(--radius-full);background:var(--color-fill-primary);height:100%;transition:width var(--transition-slow)}.stepper-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);transition:color var(--transition-base)}.stepper-step.completed .stepper-label,.stepper-step.active .stepper-label{color:var(--color-text-primary)}.stepper-demo-actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}.stepper-vertical,.stepper-v-step{flex-direction:column;display:flex}.stepper-v-box{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--transition-base)}.stepper-v-clickable{cursor:pointer}.stepper-v-clickable:hover{border-color:var(--color-border-hover)}.stepper-v-header{align-items:center;gap:var(--space-3);display:flex}.stepper-v-indicator{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);background:var(--color-surface-primary);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stepper-v-step.completed .stepper-v-indicator,.stepper-v-step.active .stepper-v-indicator{background:var(--color-fill-primary);border-color:var(--color-fill-primary);color:var(--color-text-inverse)}.stepper-v-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:currentColor}.stepper-v-label{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking);color:var(--color-text-muted);transition:color var(--transition-base)}.stepper-v-step.completed .stepper-v-label{color:var(--color-text-secondary)}.stepper-v-step.active .stepper-v-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.stepper-v-connector{margin-left:var(--space-6);height:var(--space-6);border-left:2px dashed var(--color-border-subtle)}.stepper-v-step.active .stepper-v-box{background:var(--color-surface-subtle)}.stepper-v-body{margin-top:var(--space-4)}.stepper-v-body .empty-state{border:none}.stepper-v-actions{margin-top:var(--space-4);justify-content:space-between;display:flex}.vflow-track{padding:var(--space-6) 0;flex-direction:column;align-items:center;display:flex;position:relative}.vflow-track:before{content:"";background-image:radial-gradient(circle, var(--color-text-muted) 1px, transparent 1px);background-size:var(--space-6) var(--space-6);opacity:.3;pointer-events:none;border-radius:var(--radius-md);z-index:0;background-position:50%;position:absolute;inset:0}.vflow-track>*{z-index:1;position:relative}.vflow-single,.vflow-connector{justify-content:center;display:flex}.vflow-connector-svg{width:2px;height:var(--space-6)}.vflow-branch-connector{justify-content:center;width:100%;max-width:400px;display:flex}.vflow-branch-svg{width:100%;height:var(--space-8)}.vflow-branch-row{justify-content:center;gap:var(--space-8);width:100%;max-width:500px;display:flex}.vflow-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-primary);min-width:220px;transition:opacity var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:default;display:flex}.vflow-card-hovered{box-shadow:var(--shadow-md)}.vflow-card-dimmed{opacity:.3}.vflow-card-icon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-lg);color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vflow-card-content{flex-direction:column;gap:1px;min-width:0;display:flex}.vflow-card-type{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-subheading-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking)}.vflow-card-label{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);letter-spacing:var(--type-small-tracking);color:var(--color-text-primary)}.vflow-card-detail{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary)}.vflow-card-expanded{cursor:pointer}.vflow-card-expanded-detail{font:var(--type-caption-weight) var(--type-caption-size) / var(--type-caption-leading) var(--type-caption-family);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle);white-space:pre-line}.hflow-track{padding:var(--space-6);align-items:center;display:flex;position:relative;overflow-x:auto}.hflow-track:before{content:"";background-image:radial-gradient(circle, var(--color-text-muted) 1px, transparent 1px);background-size:var(--space-6) var(--space-6);opacity:.3;pointer-events:none;border-radius:var(--radius-md);z-index:0;background-position:50%;position:absolute;inset:0}.hflow-track>*{z-index:1;position:relative}.hflow-step{flex-shrink:0;align-items:center;display:flex}.hflow-connector{padding:0 var(--space-1);align-items:center;display:flex}.hflow-connector-svg{width:var(--space-6);height:2px}.hflow-arrow{width:var(--space-2);height:var(--space-2)}.hflow-branch-col{gap:var(--space-3);flex-direction:column;display:flex}.vis-section-title{margin-top:var(--space-10)}.vis-inventory-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.vis-inventory-card{justify-content:center;align-items:center;gap:var(--space-2);aspect-ratio:1;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary);transition:border-color var(--transition-fast);flex-direction:column;display:flex}a.vis-inventory-card{color:inherit;text-decoration:none}.vis-inventory-card:hover{border-color:var(--color-border-hover)}.vis-inventory-icon{width:var(--space-16);height:var(--space-16)}.vis-inventory-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary)}@media (width<=768px){.vis-inventory-grid{grid-template-columns:repeat(2,1fr)}}.lumia-intro{gap:var(--space-6);padding:var(--space-7);margin:var(--space-2) 0 var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-subtle);grid-template-columns:auto 1fr;align-items:center;display:grid}.lumia-intro-mark{flex-shrink:0;width:36px;height:36px}.lumia-mark-svg{width:100%;height:100%;display:block}.lumia-mark-letter{font-family:var(--font-family);font-size:32px;font-weight:var(--font-weight-semibold);fill:var(--color-text-inverse)}.lumia-intro-body{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.lumia-intro-title{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary);margin:0}.lumia-intro-text{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking);color:var(--color-text-secondary);max-width:72ch;margin:0}@media (width<=640px){.lumia-intro{gap:var(--space-3);padding:var(--space-5);grid-template-columns:1fr}}.kpi-card-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);max-width:720px;display:grid}.kpi-card{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;flex-direction:column;display:flex}.kpi-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.kpi-card-header{justify-content:space-between;align-items:center;display:flex}.kpi-card-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);text-transform:uppercase;color:var(--color-text-secondary)}.kpi-card-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--color-surface-subtle);color:var(--color-icon-secondary);justify-content:center;align-items:center;display:flex}.kpi-card-value-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.kpi-card-value{font-family:var(--type-metric-lg-family);font-size:var(--type-metric-lg-size);font-weight:var(--type-metric-lg-weight);line-height:var(--type-metric-lg-leading);letter-spacing:var(--type-metric-lg-tracking);color:var(--color-text-primary)}.kpi-card-diff{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-secondary)}.kpi-card-sparkline{margin:var(--space-2) calc(-1 * var(--space-5)) calc(-1 * var(--space-5));padding:0 var(--space-6) var(--space-6);line-height:0}.kpi-card-sparkline svg{border-radius:var(--radius-md)}@media (width<=768px){.kpi-card-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.kpi-card-grid{grid-template-columns:1fr!important}}.tpl-dashboard{background:var(--color-surface-primary);min-height:100vh;display:flex}.tpl-dashboard-sidebar .sidebar-demo-wrapper{border:none;border-radius:0;height:100vh;position:sticky;top:0}.tpl-dashboard-sidebar .sidebar-demo-panel{border-radius:0}.tpl-dashboard-sidebar .sidebar-demo-collapsed{display:none}.tpl-dashboard-sidebar .sidebar-demo-icons{height:100vh;position:sticky;top:0}.tpl-dashboard-main{flex-direction:column;flex:1;min-width:0;display:flex}.tpl-dashboard-content{padding:var(--space-6) var(--space-8);gap:var(--space-6);background:var(--color-surface-primary);flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;display:flex;overflow-y:auto}.tpl-dashboard-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.tpl-dashboard-title{font-family:var(--type-page-title-family);font-size:var(--type-page-title-size);font-weight:var(--type-page-title-weight);line-height:var(--type-page-title-leading);letter-spacing:var(--type-page-title-tracking);color:var(--color-text-primary);margin:0}.tpl-dashboard-header .breadcrumb{margin-top:var(--space-1)}.tpl-kpi-row{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1200px){.tpl-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.tpl-kpi-row{grid-template-columns:1fr}}.tpl-dashboard-header-actions{align-items:center;gap:var(--space-2);display:flex}.tpl-chart-row{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.tpl-chart-row-full{grid-template-columns:1fr}@media (width<=900px){.tpl-chart-row{grid-template-columns:1fr}.analytics-panel-header{gap:var(--space-2);flex-wrap:wrap}.analytics-header-right{flex-wrap:wrap}}.tpl-topbar{padding:var(--space-3) var(--space-8);background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:var(--space-4);z-index:10;display:flex;position:sticky;top:0}.tpl-topbar-left{align-items:center;gap:var(--space-1);display:flex}.tpl-topbar-actions{align-items:center;gap:var(--space-2);display:flex}.tpl-topbar-avatar{width:var(--space-8);height:var(--space-8);background:var(--color-surface-subtle);color:var(--color-text-secondary);border-radius:var(--radius-full);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:flex}.tpl-analytics-row{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.tpl-analytics-col-main{grid-column:span 3;min-width:0}.tpl-analytics-col-side{grid-column:span 1;min-width:0}.tpl-customers-row{padding:var(--space-4) var(--space-5);gap:var(--space-6);display:flex}.tpl-customer-stat{align-items:center;gap:var(--space-3);flex:1;display:flex}.tpl-customer-stat-icon{font-size:var(--font-size-lg);line-height:1}.tpl-customer-stat-info{flex-direction:column;display:flex}.tpl-customer-stat-value{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-lg-leading);color:var(--color-text-primary)}.tpl-customer-stat-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);color:var(--color-text-secondary)}@media (width<=1024px){.tpl-analytics-row{grid-template-columns:1fr}.tpl-analytics-col-main,.tpl-analytics-col-side{grid-column:span 1}}@media (width<=768px){.tpl-sidebar{display:none}.tpl-dashboard-content{padding:var(--space-4)}.tpl-dashboard-header{flex-direction:column}}.tpl-form-container{gap:var(--space-8);flex-direction:column;width:100%;max-width:720px;margin:0 auto;display:flex}.tpl-form-section{gap:var(--space-5);flex-direction:column;display:flex}.tpl-form-section-title{font-family:var(--type-h4-family);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);line-height:var(--type-h4-leading);letter-spacing:var(--type-h4-tracking);color:var(--color-text-primary);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);margin:0}.tpl-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.tpl-form-field{gap:var(--space-2);flex-direction:column;display:flex}.tpl-form-field .input,.tpl-form-field .input.textarea{width:100%}.tpl-form-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);display:flex}.tpl-form-tags{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tpl-form-description{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);color:var(--color-text-secondary);margin:0}@media (width<=600px){.tpl-form-row{grid-template-columns:1fr}}.crm-sidebar-wrapper .crm-sidebar{border-right:none;border-radius:0;height:100vh;position:sticky;top:0}.crm-sidebar-wrapper{border-right:1px solid var(--color-border-subtle)}.crm-sidebar{border-right:1px solid var(--color-border-subtle);background:var(--color-surface-primary);width:260px;min-width:260px;padding:var(--space-3);flex-direction:column;display:flex;overflow-y:auto}.crm-sidebar-header{padding:var(--space-2);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.crm-sidebar-org{align-items:center;gap:var(--space-3);display:flex}.crm-sidebar-org-icon{background:var(--color-fill-primary);width:32px;height:32px;color:var(--color-text-inverse);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.crm-sidebar-org-info{flex-direction:column;display:flex}.crm-sidebar-org-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2}.crm-sidebar-org-plan{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.crm-sidebar-nav{flex-direction:column;display:flex}.crm-sidebar-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);padding-left:calc(var(--space-3) + var(--space-4) * var(--depth,0));border-radius:var(--radius-md);cursor:pointer;font-family:var(--type-body-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:left;width:100%;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;display:flex}.crm-sidebar-item:hover{background:var(--color-fill-hover);color:var(--color-text-primary)}.crm-sidebar-item.active{background:var(--color-fill-hover);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.crm-sidebar-item-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.crm-sidebar-item-icon{width:20px;font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.crm-sidebar-item-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crm-sidebar-badge{font-size:var(--font-size-xs);padding:var(--space-0-5) var(--space-2);line-height:1.4}.crm-sidebar-count{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);color:var(--color-text-muted);flex-shrink:0}.crm-sidebar-chevron{transition:transform var(--transition-fast);align-items:center;display:inline-flex}.crm-sidebar-chevron.open{transform:rotate(90deg)}.crm-sidebar-children{flex-direction:column;display:flex}.crm-sidebar-section{margin-top:var(--space-2)}.crm-sidebar-section-header{padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;display:flex}.crm-sidebar-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.crm-sidebar-section-actions{align-items:center;gap:var(--space-2);color:var(--color-text-muted);display:flex}.crm-content{flex:1;min-height:0;display:flex;overflow:hidden}.crm-thread{border-right:1px solid var(--color-border-subtle);flex-direction:column;flex:1;min-width:0;display:flex}.crm-thread-header{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.crm-thread-header-left{align-items:center;gap:var(--space-2);display:flex}.crm-thread-header-right{align-items:center;gap:var(--space-1);display:flex}.crm-thread-messages{padding:var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;width:100%;max-width:1000px;margin:0 auto;display:flex;overflow-y:auto}.crm-message{gap:var(--space-3);display:flex}.crm-message-body{flex:1;min-width:0}.crm-message-header{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.crm-message-name{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.crm-message-time{font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted)}.crm-message-text{font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-leading);color:var(--color-text-primary);margin:0 0 var(--space-2)}.crm-mention{color:var(--color-accent-primary);font-weight:var(--font-weight-medium);cursor:pointer}.crm-message-mentions{margin:0 0 var(--space-2);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-leading)}.crm-message-mentions .crm-mention+.crm-mention{margin-left:var(--space-1)}.crm-message-link-card{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-2);display:flex}.crm-link-card-info{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.crm-link-card-title{font-family:var(--type-body-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crm-link-card-domain{font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted)}.crm-message-reactions{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.crm-reaction{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface-primary);cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-fast);display:inline-flex}.crm-reaction:hover{background:var(--color-fill-hover)}.crm-reaction-count{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.crm-reaction-add{color:var(--color-text-muted);border-style:dashed}.crm-compose{padding:var(--space-4) var(--space-6);flex-shrink:0;width:100%;max-width:1000px;margin:0 auto}.crm-compose-box{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-primary);box-shadow:0 0 16px var(--color-ai-input-shadow);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.crm-compose-box:hover,.crm-compose-box:focus-within{box-shadow:0 0 16px var(--color-ai-input-shadow);outline:1px solid var(--color-border-hover);border-color:#0000}.crm-compose-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-leading);color:var(--color-text-primary);resize:none;background:0 0;border:none;outline:none}.crm-compose-textarea::placeholder{color:var(--color-text-muted)}.crm-compose-toolbar{padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;display:flex}.crm-compose-toolbar-left{align-items:center;gap:0;display:flex}.crm-compose-toolbar-right{align-items:center;gap:var(--space-2);display:flex}.crm-detail{background:var(--color-surface-primary);flex-direction:column;width:320px;min-width:320px;display:flex;overflow-y:auto}.crm-detail-tabs{padding:var(--space-3) var(--space-5);flex-shrink:0}.crm-detail-tabs .tabs-pill{width:100%;display:flex}.crm-detail-tabs .tabs-pill .tab{text-align:center;flex:1;justify-content:center}.crm-detail-content{padding:var(--space-5);gap:var(--space-6);flex-direction:column;display:flex}.crm-detail-section-title{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3)}.crm-detail-section-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.crm-detail-section-header .crm-detail-section-title{margin:0}.crm-detail-count{font-weight:var(--font-weight-regular);color:var(--color-text-muted);margin-left:var(--space-2)}.crm-detail-section-actions{align-items:center;gap:0;display:flex}.crm-detail-rows{gap:var(--space-3);flex-direction:column;display:flex}.crm-detail-row{align-items:center;gap:var(--space-3);display:flex}.crm-detail-row-icon{color:var(--color-icon-secondary);flex-shrink:0;align-items:center;display:flex}.crm-detail-row-label{font-family:var(--type-body-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:120px}.crm-detail-row-value{font-family:var(--type-body-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.crm-detail-row-link{cursor:pointer;color:var(--color-text-secondary)}.crm-detail-row-link:hover{color:var(--color-text-primary)}.crm-detail-threads{gap:var(--space-1);flex-direction:column;display:flex}.crm-detail-thread-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--type-body-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast);display:flex}.crm-detail-thread-item:hover{background:var(--color-fill-hover)}.crm-activity-grid{gap:var(--space-1);flex-wrap:wrap;display:flex}.crm-activity-dot{border-radius:var(--radius-sm);width:14px;height:14px}.crm-members-list{gap:var(--space-2);flex-direction:column;display:flex}.crm-member-row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.crm-member-info{flex-direction:column;flex:1;min-width:0;display:flex}.crm-member-name{font-family:var(--type-body-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.crm-member-role{font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted)}.crm-member-badge{flex-shrink:0}@media (width<=1200px){.crm-detail{display:none}}.proj-header-actions{align-items:center;gap:var(--space-4);display:flex}.proj-search-wrapper{align-items:center;gap:var(--space-2);color:var(--color-text-muted);display:flex;position:relative}.proj-search-wrapper .input{padding-left:var(--space-8);width:200px}.proj-search-wrapper>svg{left:var(--space-3);pointer-events:none;position:absolute}.proj-board{gap:var(--space-4);grid-template-columns:repeat(3,1fr);min-height:0;display:grid}.proj-column{background:var(--color-surface-subtle);border-radius:var(--radius-lg);padding:var(--space-3);flex-direction:column;min-height:0;display:flex}.proj-column-header{padding:var(--space-1) var(--space-1) var(--space-3);justify-content:space-between;align-items:center;display:flex}.proj-column-title-group{align-items:center;gap:var(--space-2);display:flex}.proj-column-title{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.proj-column-body{gap:var(--space-2);flex-direction:column;display:flex}.proj-card{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);transition:box-shadow var(--transition-fast);cursor:pointer;flex-direction:column;display:flex}.proj-card:hover{box-shadow:var(--shadow-sm)}.proj-card-selected{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary)}.proj-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.proj-card-title{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--type-body-leading)}.proj-card-desc{font-family:var(--type-small-family);font-size:var(--type-small-size);color:var(--color-text-secondary);line-height:var(--type-small-leading);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.proj-card-footer{padding-top:var(--space-1);justify-content:space-between;align-items:center;display:flex}.proj-card-meta{align-items:center;gap:var(--space-2);display:flex}.proj-card-due{align-items:center;gap:var(--space-1);font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted);display:flex}.proj-title-editable{cursor:text;border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-2));transition:background var(--transition-fast)}.proj-title-editable:hover{background:var(--color-surface-subtle)}.proj-title-input{font-family:var(--type-h2-family);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);color:var(--color-text-primary);border:none;border-bottom:2px solid var(--color-accent-primary);padding:var(--space-1) 0;background:0 0;outline:none;width:100%;max-width:400px}.proj-card[draggable]{cursor:grab}.proj-card[draggable]:active{cursor:grabbing}.proj-card-dragging{opacity:0;pointer-events:none;border:none;height:0;margin:0;padding:0;overflow:hidden}.proj-column-drag-over{background:var(--color-surface-elevated)}.proj-drop-placeholder{border:2px dashed var(--color-border-hover);border-radius:var(--radius-md);height:120px;transition:height var(--transition-fast);background:0 0}.proj-card-menu-anchor{position:relative}.proj-menu{z-index:10;background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-width:160px;padding:var(--space-1) 0;box-shadow:var(--shadow-md);position:absolute;top:100%;right:0}.proj-menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;font-family:var(--type-small-family);font-size:var(--type-small-size);color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.proj-menu-item:hover{background:var(--color-surface-subtle)}.proj-menu-item-danger{color:var(--color-error)}.proj-menu-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-1) 0}.proj-layout{gap:0;height:100%;min-height:0;display:flex}.proj-main{flex:1;min-width:0;overflow-y:auto}.proj-detail{width:400px;min-width:340px;height:calc(100vh - var(--space-4));top:var(--space-2);margin:var(--space-2) var(--space-2) var(--space-2) 0;background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);flex-direction:column;flex-shrink:0;display:flex;position:sticky;overflow:hidden}.proj-detail-top{padding:var(--space-4) var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.proj-detail-top-actions{gap:var(--space-2);display:flex}.proj-detail-body{padding:var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.proj-detail-title{font-family:var(--type-h3-family);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);color:var(--color-text-primary);line-height:var(--type-h3-leading)}.proj-detail-section{gap:var(--space-2);flex-direction:column;display:flex}.proj-detail-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--type-caption-tracking)}.proj-detail-value{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-text-primary);line-height:var(--type-body-leading)}.proj-detail-inline{align-items:center;gap:var(--space-2);display:flex}.proj-detail-row{align-items:flex-start;gap:var(--space-4);display:flex}.proj-detail-field{align-items:flex-start;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.proj-detail-desc{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-text-secondary);line-height:var(--type-body-leading);margin:0}@media (width<=1024px){.proj-board{grid-template-columns:1fr}.proj-detail{display:none}}.mon-header-left{align-items:center;gap:var(--space-3);display:flex}.mon-services-section,.mon-incidents-section{gap:var(--space-3);flex-direction:column;display:flex}.mon-section-header{justify-content:space-between;align-items:center;display:flex}.mon-section-title{font-family:var(--type-h4-family);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);color:var(--color-text-primary)}.mon-incident-count{font-family:var(--type-small-family);font-size:var(--type-small-size);color:var(--color-text-muted)}.mon-services-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.mon-service-card{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.mon-service-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.mon-service-name-row{align-items:center;gap:var(--space-2);color:var(--color-text-primary);min-width:0;display:flex}.mon-service-name{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mon-service-card-body{justify-content:space-between;gap:var(--space-3);display:flex}.mon-service-metric{gap:var(--space-1);flex-direction:column;display:flex}.mon-service-metric-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-secondary)}.mon-service-metric-value{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mon-service-sparkline{width:100%;padding:var(--space-2) 0}.sparkline-fluid-container{width:100%;line-height:0;position:relative}.sparkline-tooltip{padding:var(--space-1) var(--space-2);background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-primary);white-space:nowrap;pointer-events:none;line-height:1;position:absolute;transform:translate(-50%)}@keyframes sparkline-pulse-ring{0%{r:2.5;opacity:.55}80%{r:9;opacity:0}to{r:9;opacity:0}}@keyframes sparkline-pulse-dot{0%,to{opacity:1}50%{opacity:.55}}.sparkline-pulse-ring{animation:1.8s ease-out infinite sparkline-pulse-ring}.sparkline-pulse-dot{animation:1.8s ease-in-out infinite sparkline-pulse-dot}@media (prefers-reduced-motion:reduce){.sparkline-pulse-ring,.sparkline-pulse-dot{animation:none}.sparkline-pulse-ring{opacity:0}}.mon-gauge-grid{gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-6);grid-template-columns:repeat(2,1fr);place-items:center;display:grid}.mon-log-section{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.mon-log-section .mon-section-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.mon-log-table-wrapper{overflow-x:auto}.mon-log-section .table{border:none;border-radius:0;margin:0}.mon-log-timestamp{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.mon-log-message{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;max-width:400px;overflow:hidden}.mon-latency-bar-wrapper{align-items:center;gap:var(--space-2);min-width:120px;display:flex}.mon-latency-bar-fill{border-radius:var(--radius-full);height:6px;transition:width var(--transition-fast)}.mon-latency-bar-fill[data-severity=low]{background:var(--color-success)}.mon-latency-bar-fill[data-severity=medium]{background:var(--color-warning)}.mon-latency-bar-fill[data-severity=high]{background:var(--color-error)}.mon-latency-bar-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.mon-incident-list{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.mon-incident-row{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--transition-fast);display:flex}.mon-incident-row:last-child{border-bottom:none}.mon-incident-row:hover{background:var(--color-surface-subtle)}.mon-incident-row-main{align-items:center;gap:var(--space-3);width:100%;display:flex}.mon-incident-title{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mon-incident-meta{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.mon-incident-timestamp{align-items:center;gap:var(--space-1);font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted);white-space:nowrap;display:flex}.mon-incident-status{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--font-weight-medium);white-space:nowrap}.mon-incident-status-resolved{color:var(--color-success)}.mon-incident-status-active{color:var(--color-warning)}.mon-incident-duration{font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted);white-space:nowrap}@media (width<=1024px){.mon-services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.mon-services-grid{grid-template-columns:1fr}.mon-incident-meta{display:none}}.aichat-layout{flex:1;height:0;display:flex;overflow:hidden}.aichat-sidebar{border-right:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow:hidden}.aichat-sidebar-nav{padding:var(--space-3);flex-direction:column;display:flex}.aichat-history-list{padding:0 var(--space-3);flex:1;overflow-y:auto}.aichat-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.aichat-main-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.aichat-main-title{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);color:var(--color-text-primary)}.aichat-main-header-actions{gap:var(--space-1);display:flex}.aichat-messages{padding:var(--space-4) var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;width:100%;max-width:780px;margin:0 auto;display:flex;overflow-y:auto}.aichat-message{gap:var(--space-3);max-width:100%;display:flex}.aichat-message-user{justify-content:flex-end}.aichat-message-assistant{justify-content:flex-start}.aichat-message-content{gap:var(--space-2);flex-direction:column;min-width:0;max-width:85%;display:flex}.aichat-message-bubble{border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.aichat-message-bubble p{font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-leading);color:var(--color-text-primary);margin:0}.aichat-message-bubble-user{background:var(--color-surface-subtle)}.aichat-message-bubble-user p{color:var(--color-text-primary)}.aichat-message-bubble-assistant{background:0 0}.aichat-code-block{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.aichat-code-header{padding:var(--space-2) var(--space-3);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.aichat-code-lang{align-items:center;gap:var(--space-1);font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted);display:flex}.aichat-code-pre{padding:var(--space-3);font-family:var(--font-family-mono);font-size:var(--type-small-size);color:var(--color-text-primary);background:var(--color-surface-primary);margin:0;line-height:1.6;overflow-x:auto}.aichat-message-actions{gap:var(--space-1);padding-left:var(--space-2);opacity:0;transition:opacity var(--transition-fast);display:flex}.aichat-message:hover .aichat-message-actions{opacity:1}.aichat-signals{padding-left:var(--space-5);gap:var(--space-3);color:var(--color-text-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-leading);flex-direction:column;margin:0;list-style:decimal;display:flex}.aichat-signals li{padding-left:var(--space-1)}.aichat-signals li::marker{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.aichat-signal-title{color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:600;display:block}.aichat-signal-body{color:var(--color-text-secondary);display:block}.aichat-email-pre{white-space:pre-wrap;word-break:break-word}.aichat-email-subject{color:var(--color-text-muted)}.aichat-quick-actions{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.aichat-compose{padding:var(--space-3) var(--space-6) var(--space-4);background:var(--color-surface-primary);flex-shrink:0;width:100%;max-width:780px;margin:0 auto}.aichat-compose-box{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface-primary);transition:border-color var(--transition-fast);overflow:hidden}.aichat-compose-box:focus-within{border-color:var(--color-border-hover)}.aichat-compose-textarea{resize:none;width:100%;padding:var(--space-3) var(--space-4) 0;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--type-body-leading);min-height:var(--space-8);background:0 0;border:none;outline:none;max-height:200px}.aichat-compose-textarea::placeholder{color:var(--color-text-muted);font-size:var(--font-size-sm)}.aichat-compose-footer{padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;display:flex}.aichat-compose-footer-left,.aichat-compose-footer-right{align-items:center;gap:var(--space-1);display:flex}.aichat-disclaimer{text-align:center;font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted);padding-top:var(--space-2);margin:0}@media (width<=768px){.aichat-sidebar{display:none}.aichat-messages,.aichat-compose{padding:var(--space-3)}}.copilot-workspace{height:100%;min-height:0;display:flex;overflow:hidden}.copilot-sidebar{border-right:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);flex-direction:column;flex-shrink:0;width:200px;display:flex;overflow:hidden}.copilot-sidebar-header{align-items:center;gap:var(--space-2);padding:var(--space-3);font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle);display:flex}.copilot-sidebar-search{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;display:flex}.copilot-sidebar-search:hover{background:var(--color-surface-subtle)}.copilot-sidebar-search-text{opacity:.6}.copilot-tree{padding:var(--space-2) 0;flex:1;overflow-y:auto}.copilot-tree-item{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1) var(--space-2);padding-left:calc(var(--space-2) + var(--space-3) * var(--depth,0));cursor:pointer;color:var(--color-text-secondary);font-family:var(--type-small-family);font-size:var(--type-small-size);text-align:left;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.copilot-tree-item:hover{background:var(--color-surface-subtle)}.copilot-tree-folder{font-weight:var(--font-weight-medium)}.copilot-tree-chevron{width:var(--space-3);flex-shrink:0;align-items:center;display:flex}.copilot-tree-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.copilot-tree-file-active{background:var(--color-surface-subtle);color:var(--color-text-primary)}.copilot-editor{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.copilot-tab-bar{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);justify-content:space-between;align-items:center;display:flex}.copilot-tabs{display:flex;overflow-x:auto}.copilot-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;font-family:var(--type-small-family);font-size:var(--type-small-size);color:var(--color-text-muted);border:none;border-right:1px solid var(--color-border-subtle);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;display:flex}.copilot-tab:hover{background:var(--color-surface-subtle);color:var(--color-text-secondary)}.copilot-tab-active{background:var(--color-surface-primary);color:var(--color-text-primary)}.copilot-tab-close{opacity:0;transition:opacity var(--transition-fast);padding:var(--space-1);border-radius:var(--radius-sm);align-items:center;display:flex}.copilot-tab:hover .copilot-tab-close{opacity:.5}.copilot-tab-close:hover{background:var(--color-fill-hover);opacity:1!important}.copilot-tab-action{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.copilot-code-area{background:var(--color-surface-primary);flex:1;overflow:auto}.copilot-code{padding:var(--space-3) 0;font-family:var(--font-family-mono);font-size:var(--type-small-size);margin:0;line-height:1.7}.copilot-code-line{padding:0 var(--space-4) 0 0;min-height:1.7em;display:flex}.copilot-code-line:hover{background:var(--color-surface-subtle)}.copilot-line-number{width:var(--space-10);text-align:right;padding-right:var(--space-4);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;opacity:.5;flex-shrink:0}.copilot-line-content{white-space:pre;color:var(--color-text-primary)}.copilot-ghost-text{color:var(--color-text-muted);opacity:.5;font-style:italic}.copilot-code-ghost{background:var(--color-accent-bg)}.copilot-status-bar{padding:var(--space-1) var(--space-3);border-top:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);justify-content:space-between;align-items:center;display:flex}.copilot-status-left,.copilot-status-right{align-items:center;gap:var(--space-3);display:flex}.copilot-status-item{align-items:center;gap:var(--space-1);font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted);display:flex}.copilot-status-copilot{color:var(--color-accent-primary)}.copilot-panel{border-left:1px solid var(--color-border-subtle);background:var(--color-surface-primary);flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow:hidden}.copilot-panel-header{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.copilot-panel-title{align-items:center;gap:var(--space-2);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex}.copilot-panel-action{color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;display:flex}.copilot-panel-action:hover{background:var(--color-surface-subtle)}.copilot-panel-context{padding:var(--space-2) var(--space-3)}.copilot-context-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-surface-subtle);border-radius:var(--radius-sm);font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-secondary);display:inline-flex}.copilot-chat{padding:var(--space-3);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.copilot-chat-message{flex-direction:column;display:flex}.copilot-chat-user{align-items:flex-end}.copilot-chat-assistant{align-items:flex-start}.copilot-chat-bubble{border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);max-width:95%}.copilot-chat-user-bubble{background:var(--color-fill-primary);color:var(--color-accent-text);font-family:var(--type-small-family);font-size:var(--type-small-size)}.copilot-chat-ai-bubble{background:var(--color-surface-subtle);gap:var(--space-2);flex-direction:column;display:flex}.copilot-chat-text{font-family:var(--type-small-family);font-size:var(--type-small-size);line-height:var(--type-small-leading);color:var(--color-text-primary);margin:0}.copilot-chat-code-block{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.copilot-chat-code-header{padding:var(--space-1) var(--space-2);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.copilot-chat-code-lang{align-items:center;gap:var(--space-1);font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted);display:flex}.copilot-chat-code-content{padding:var(--space-2);font-family:var(--font-family-mono);font-size:var(--type-caption-size);color:var(--color-text-primary);margin:0;line-height:1.5;overflow-x:auto}.copilot-quick-actions{gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.copilot-input-area{align-items:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--color-border-subtle);display:flex}.copilot-input{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-family:var(--type-small-family);font-size:var(--type-small-size);color:var(--color-text-primary);background:var(--color-surface-primary);resize:none;transition:border-color var(--transition-fast);outline:none;flex:1}.copilot-input:focus{border-color:var(--color-border-hover)}.copilot-send-btn{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--color-fill-primary);color:var(--color-accent-text);cursor:pointer;transition:opacity var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.copilot-send-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=1200px){.copilot-sidebar{display:none}}@media (width<=768px){.copilot-panel{display:none}}@keyframes bubble-pop{0%{opacity:0;transform:scale(0)}60%{opacity:.9;transform:scale(1.08)}80%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}.packed-bubble{transform-origin:50%;animation:.4s cubic-bezier(.34,1.56,.64,1) both bubble-pop}.packed-bubble circle,.packed-bubble text{transition:cx .35s cubic-bezier(.34,1.56,.64,1),cy .35s cubic-bezier(.34,1.56,.64,1),r .35s cubic-bezier(.34,1.56,.64,1),x .35s cubic-bezier(.34,1.56,.64,1),y .35s cubic-bezier(.34,1.56,.64,1),opacity .15s}.ps-layout{flex:1;min-height:0;display:flex;overflow:hidden}.ps-sidebar{border-right:1px solid var(--color-border-subtle);flex-direction:column;width:240px;min-width:240px;display:flex;overflow:hidden}.ps-sidebar-header{padding:var(--space-3)}.ps-sidebar-search{padding:0 var(--space-3) var(--space-3)}.ps-prompt-list{padding:0 var(--space-2);flex:1;overflow-y:auto}.ps-prompt-item{align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--color-text-secondary);transition:background var(--transition-fast);background:0 0;border:none;display:flex}.ps-prompt-item:hover{background:var(--color-surface-subtle)}.ps-prompt-item.active{background:var(--color-surface-subtle);color:var(--color-text-primary)}.ps-prompt-item-info{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.ps-prompt-item-name{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);color:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ps-prompt-item-model{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);color:var(--color-text-muted)}.ps-editor{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.ps-editor-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.ps-editor-title{font-family:var(--type-h3-family);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-leading);color:var(--color-text-primary);margin:0}.ps-editor-actions{align-items:center;gap:var(--space-1);display:flex}.ps-editor-body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ps-config-bar{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.ps-config-item{gap:var(--space-1);flex-direction:column;display:flex}.ps-config-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--font-weight-semibold);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary);text-transform:uppercase}.ps-config-number-input{width:var(--space-16)}.ps-config-value{font-family:var(--type-mono-family);font-size:var(--type-mono-size);color:var(--color-text-secondary);text-align:center;min-width:28px}.ps-range{appearance:none;border-radius:var(--radius-full);background:var(--color-border-subtle);height:4px;margin-top:var(--space-2);outline:none}.ps-range::-webkit-slider-thumb{appearance:none;background:var(--color-fill-primary);cursor:pointer;border-radius:50%;width:14px;height:14px}.ps-prompts{gap:var(--space-3);flex-direction:column;display:flex}.ps-prompt-block{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.ps-prompt-block-header{padding:var(--space-2) var(--space-3);background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.ps-prompt-block-label{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--font-weight-semibold);line-height:var(--type-small-leading);color:var(--color-text-primary)}.ps-prompt-block-badge{font-size:var(--font-size-xs)}.ps-prompt-block-actions{gap:var(--space-1);display:flex}.ps-prompt-textarea{width:100%;padding:var(--space-3);font-family:var(--type-mono-family);font-size:var(--type-mono-size);line-height:var(--type-mono-leading);color:var(--color-text-primary);resize:none;background:0 0;border:none;outline:none}.ps-variables{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.ps-variables-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);display:flex}.ps-variables-title{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--font-weight-semibold);line-height:var(--type-small-leading);color:var(--color-text-primary)}.ps-variables-grid{padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.ps-variable-row{align-items:center;gap:var(--space-3);display:flex}.ps-variable-name{font-family:var(--type-mono-family);font-size:var(--type-mono-size);color:var(--color-accent-primary);white-space:nowrap;min-width:140px}.ps-output{border-left:1px solid var(--color-border-subtle);flex-direction:column;width:340px;min-width:340px;display:flex;overflow:hidden}.ps-output-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.ps-output-tabs{gap:var(--space-1);display:flex}.ps-output-tab{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}.ps-output-tab:hover{color:var(--color-text-primary)}.ps-output-tab.active{background:var(--color-surface-subtle);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ps-output-body{padding:var(--space-3);flex:1;overflow-y:auto}.ps-output-meta{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.ps-output-content{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);background:var(--color-surface-subtle)}.ps-output-text{font-family:var(--type-body-family);font-size:var(--type-small-size);line-height:var(--type-body-leading);color:var(--color-text-primary);white-space:pre-wrap;margin:0}.ps-history-list{gap:var(--space-1);flex-direction:column;display:flex}.ps-history-item{width:100%;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.ps-history-item:hover{background:var(--color-surface-subtle)}.ps-history-item-left{align-items:center;gap:var(--space-2);display:flex}.ps-history-item-right{gap:var(--space-1);display:flex}.ps-history-dot{background:var(--color-success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.ps-history-dot.error{background:var(--color-error)}.ps-history-time{font-family:var(--type-small-family);font-size:var(--type-small-size);color:var(--color-text-secondary)}.ag-dashboard{gap:var(--space-4);padding:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ag-top-row{gap:var(--space-4);grid-template-columns:1fr 360px;display:grid}.ag-mid-row,.ag-bottom-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.ag-card{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.ag-card-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.ag-card-title{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);color:var(--color-text-primary)}.ag-card-count{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);color:var(--color-text-muted)}.ag-topology{flex:1}.ag-topo-grid{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.ag-topo-node{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-subtle);flex-direction:column;display:flex;position:relative}.ag-topo-node-header{align-items:center;gap:var(--space-2);display:flex}.ag-topo-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full)}.ag-topo-dot-active{background:var(--color-success)}.ag-topo-dot-warning{background:var(--color-warning)}.ag-topo-dot-idle{background:var(--color-text-muted)}.ag-topo-node-name{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-text-primary);font-weight:600}.ag-topo-node-type{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--type-caption-tracking)}.ag-topo-node-metric{font-family:var(--type-mono-family);font-size:var(--type-mono-size);color:var(--color-text-secondary)}.ag-topo-arrow{right:calc(var(--space-3) * -1 - 6px);color:var(--color-text-muted);z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.ag-events{min-height:0}.ag-live-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-success);animation:2s ease-in-out infinite ag-pulse}@keyframes ag-pulse{0%,to{opacity:1}50%{opacity:.4}}.ag-event-list{padding:var(--space-2);flex:1;overflow-y:auto}.ag-event-row{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);display:flex}.ag-event-row:hover{background:var(--color-surface-subtle)}.ag-event-time{font-family:var(--type-mono-family);font-size:var(--type-mono-size);color:var(--color-text-muted);flex-shrink:0}.ag-event-icon{color:var(--color-text-muted);flex-shrink:0;margin-top:1px}.ag-event-resolve .ag-event-icon{color:var(--color-success)}.ag-event-escalate .ag-event-icon{color:var(--color-warning)}.ag-event-message{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);color:var(--color-text-secondary);line-height:var(--type-small-leading)}.ag-rate-card{flex:1}.ag-rate-value-row{align-items:baseline;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-2);display:flex}.ag-rate-value{font-family:var(--type-h2-family);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-leading);color:var(--color-text-primary)}.ag-rate-change{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:600}.ag-rate-up,.ag-rate-down{color:var(--color-success)}.ag-rate-breakdown{padding:0 var(--space-4) var(--space-4);flex-direction:column;gap:0;display:flex}.ag-rate-breakdown-item{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;display:flex}.ag-rate-breakdown-item:last-child{border-bottom:none}.ag-rate-breakdown-label{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);color:var(--color-text-muted)}.ag-rate-breakdown-value{font-family:var(--type-mono-family);font-size:var(--type-mono-size);color:var(--color-text-primary)}.ag-fleet-table{flex-direction:column;display:flex}.ag-fleet-head{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);text-transform:uppercase;letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);grid-template-columns:1fr 120px 80px 80px;display:grid}.ag-fleet-row{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr 120px 80px 80px;align-items:center;display:grid}.ag-fleet-row:last-child{border-bottom:none}.ag-fleet-name{align-items:center;gap:var(--space-2);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);color:var(--color-text-primary);display:flex}.ag-fleet-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.ag-fleet-dot-running{background:var(--color-success)}.ag-fleet-dot-warning{background:var(--color-warning)}.ag-fleet-dot-idle{background:var(--color-text-muted)}.ag-fleet-model,.ag-fleet-uptime,.ag-fleet-processed{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);color:var(--color-text-secondary)}.ag-review-table{flex-direction:column;display:flex}.ag-review-head{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);text-transform:uppercase;letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);grid-template-columns:72px 1fr 80px 56px;display:grid}.ag-review-row{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:72px 1fr 80px 56px;align-items:center;display:grid}.ag-review-row:last-child{border-bottom:none}.ag-review-id{font-family:var(--type-mono-family);font-size:var(--type-mono-size);color:var(--color-text-primary)}.ag-review-subject{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ag-review-priority{font-family:var(--type-caption-family);font-size:var(--type-caption-size);text-transform:capitalize;font-weight:600}.ag-priority-high{color:var(--color-error)}.ag-priority-medium{color:var(--color-warning)}.ag-priority-low{color:var(--color-text-muted)}.ag-review-age{font-family:var(--type-mono-family);font-size:var(--type-mono-size);color:var(--color-text-muted)}.world-map-container{aspect-ratio:2;width:100%;position:relative}.world-map-container svg{width:100%;height:100%}.world-map-land{fill:var(--color-surface-subtle);stroke:var(--color-border-subtle);stroke-width:.5px}.world-map-bubble{cursor:pointer;transition:r var(--transition-fast)}.topo-dot-bg:before{content:"";background-image:radial-gradient(circle, var(--color-text-muted) 1px, transparent 1px);background-size:var(--space-6) var(--space-6);opacity:.3;pointer-events:none;border-radius:var(--radius-md);z-index:0;background-position:50%;position:absolute;inset:0}.topo-dot-bg>*{z-index:1;position:relative}.topo-node-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.orch-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.orch-header-left{align-items:center;gap:var(--space-3);display:flex}.orch-header-right{align-items:center;gap:var(--space-2);display:flex}.orch-kpi-row{gap:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.orch-card{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.orch-card-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.orch-card-title{font:var(--type-h4-weight) var(--type-h4-size) / var(--type-h4-leading) var(--type-h4-family);letter-spacing:var(--type-h4-tracking);color:var(--color-text-primary)}.orch-main-grid{gap:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.orch-main-grid>:first-child{grid-column:span 2}.orch-main-grid>:last-child{grid-column:span 4}.orch-main-grid>.analytics-panel{flex-direction:column;max-height:460px;display:flex;overflow:hidden}.orch-main-grid>.analytics-panel .orch-event-list{flex:1;min-height:0;overflow-y:auto}.orch-bottom-grid{gap:var(--space-4);grid-template-columns:repeat(6,1fr);align-items:start;display:grid}.orch-bottom-grid>*{grid-column:span 3}.orch-bottom-grid .table td{height:var(--space-12);vertical-align:middle}.orch-agent-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.orch-agent-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);display:flex}.orch-agent-row:last-child{border-bottom:none}.orch-agent-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.orch-agent-name{font:var(--type-small-weight) var(--type-small-size) / var(--type-small-leading) var(--type-small-family);letter-spacing:var(--type-small-tracking);color:var(--color-text-primary);font-weight:500}.orch-agent-meta{font:var(--type-caption-weight) var(--type-caption-size) / var(--type-caption-leading) var(--type-caption-family);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}.orch-agent-prefix{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background:var(--color-surface-subtle);font:var(--type-caption-weight) var(--type-caption-size) / var(--type-caption-leading) var(--type-caption-family);letter-spacing:var(--type-caption-tracking);color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.orch-event-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.orch-event-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.orch-event-agent-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.orch-event-agent-icon:before{content:"";border-radius:inherit;opacity:.12;background:currentColor;position:absolute;inset:0}.orch-event-agent-name{font:var(--type-small-weight) var(--type-small-size) / var(--type-small-leading) var(--type-small-family);letter-spacing:var(--type-small-tracking);color:var(--color-text-primary);font-weight:600}.orch-event-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.orch-event-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.orch-event-title{font:var(--type-small-weight) var(--type-small-size) / var(--type-small-leading) var(--type-small-family);letter-spacing:var(--type-small-tracking);color:var(--color-text-primary)}.orch-event-time{font:var(--type-caption-weight) var(--type-caption-size) / var(--type-caption-leading) var(--type-caption-family);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}.orch-perf-stack{gap:var(--space-4);flex-direction:column;display:flex}.aorc-gate-list{gap:var(--space-4);padding:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.aorc-gate-card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary);transition:border-color var(--transition-fast);flex-direction:column;display:flex}.aorc-gate-card:hover{border-color:var(--color-border-hover)}.aorc-gate-disabled{opacity:.5}.aorc-gate-card-top{align-items:flex-start;gap:var(--space-3);display:flex}.aorc-gate-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-icon-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.aorc-gate-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.aorc-gate-name{font:var(--type-body-weight) var(--type-body-size) / var(--type-body-leading) var(--type-body-family);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary);font-weight:500}.aorc-gate-desc{font:var(--type-small-weight) var(--type-small-size) / var(--type-small-leading) var(--type-small-family);letter-spacing:var(--type-small-tracking);color:var(--color-text-secondary)}.aorc-gate-card-details{gap:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);display:flex}.aorc-gate-detail{gap:var(--space-1);flex-direction:column;display:flex}.aorc-gate-detail-label{font:var(--type-caption-weight) var(--type-caption-size) / var(--type-caption-leading) var(--type-caption-family);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);text-transform:uppercase}.aorc-gate-detail-value{font:var(--type-small-weight) var(--type-small-size) / var(--type-small-leading) var(--type-small-family);letter-spacing:var(--type-small-tracking);color:var(--color-text-primary)}.aorc-gate-mono{font:var(--type-mono-weight) var(--type-mono-size) / var(--type-mono-leading) var(--type-mono-family);letter-spacing:var(--type-mono-tracking)}.bank-accounts-row{gap:var(--space-6);grid-template-columns:1fr auto;display:grid}.bank-accounts-section{min-width:0}.bank-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.bank-section-title{font:var(--type-h4-weight) var(--type-h4-size) / var(--type-h4-leading) var(--type-h4-family);letter-spacing:var(--type-h4-tracking);color:var(--color-text-primary)}.bank-account-cards{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.bank-account-card{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-primary);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);text-align:left;flex-direction:column;align-items:flex-start;display:flex}.bank-account-card:hover{border-color:var(--color-border-hover)}.bank-account-card-active{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary)}.bank-account-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.bank-account-name{font:var(--type-body-weight) var(--type-body-size) / var(--type-body-leading) var(--type-body-family);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary);font-weight:500}.bank-account-number{font:var(--type-caption-weight) var(--type-caption-size) / var(--type-caption-leading) var(--type-caption-family);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}.bank-account-balance{font:var(--type-h3-weight) var(--type-h3-size) / var(--type-h3-leading) var(--type-h3-family);letter-spacing:var(--type-h3-tracking);color:var(--color-text-primary)}.bank-quick-actions{width:var(--space-48);flex-shrink:0}.bank-actions-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.bank-action-btn{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex}.bank-action-btn:hover{background:var(--color-surface-subtle);border-color:var(--color-border-hover)}.bank-action-icon{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-text-primary);justify-content:center;align-items:center;display:flex}.bank-action-label{font:var(--type-small-weight) var(--type-small-size) / var(--type-small-leading) var(--type-small-family);letter-spacing:var(--type-small-tracking);color:var(--color-text-secondary)}.bank-transactions-section{gap:var(--space-4);flex-direction:column;display:flex}.bank-transactions-actions{align-items:center;gap:var(--space-3);display:flex}.bank-search-wrapper{align-items:center;gap:var(--space-2);color:var(--color-icon-muted);display:flex}.bank-search-wrapper .input{width:var(--space-48)}.bank-transactions-table{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.bank-tx-header{padding:var(--space-3) var(--space-5);background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-subtle);display:flex}.bank-tx-header .bank-tx-col{font:var(--type-caption-weight) var(--type-caption-size) / var(--type-caption-leading) var(--type-caption-family);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);text-transform:uppercase;font-weight:600}.bank-tx-row{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast);display:flex}.bank-tx-row:last-child{border-bottom:none}.bank-tx-row:hover{background:var(--color-surface-subtle)}.bank-tx-col{font:var(--type-body-weight) var(--type-body-size) / var(--type-body-leading) var(--type-body-family);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary);align-items:center;display:flex}.bank-tx-col-name{gap:var(--space-3);flex:2}.bank-tx-col-cat{flex:1}.bank-tx-col-date{color:var(--color-text-secondary);flex:1}.bank-tx-col-amount{flex:1;justify-content:flex-end;font-weight:500}.bank-tx-amount-credit{color:var(--color-success)}.bank-tx-icon{width:var(--space-7);height:var(--space-7);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bank-tx-icon-credit{background:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success)}.bank-tx-icon-debit{background:var(--color-surface-subtle);color:var(--color-text-muted)}@media (width<=1200px){.bank-accounts-row{grid-template-columns:1fr}.bank-quick-actions{width:100%}.bank-actions-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.bank-account-cards{grid-template-columns:1fr}.bank-actions-grid{grid-template-columns:repeat(2,1fr)}}.trade-main-row{grid-template-columns:1fr var(--space-72);gap:var(--space-6);display:grid}.trade-chart-section{min-width:0}.trade-chart-price{font:var(--type-h3-weight) var(--type-h3-size) / var(--type-h3-leading) var(--type-h3-family);letter-spacing:var(--type-h3-tracking);color:var(--color-text-primary);margin-left:var(--space-3)}.trade-watchlist{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary);flex-direction:column;display:flex;overflow:hidden}.trade-watchlist-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.trade-watchlist-list{flex:1;overflow-y:auto}.trade-watchlist-item{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.trade-watchlist-item:last-child{border-bottom:none}.trade-watchlist-item:hover{background:var(--color-surface-subtle)}.trade-watchlist-info{gap:var(--space-1);flex-direction:column;display:flex}.trade-watchlist-symbol{font:var(--type-body-weight) var(--type-body-size) / var(--type-body-leading) var(--type-body-family);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary);font-weight:600}.trade-watchlist-name{font:var(--type-caption-weight) var(--type-caption-size) / var(--type-caption-leading) var(--type-caption-family);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}.trade-watchlist-price-col{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.trade-watchlist-price{font:var(--type-body-weight) var(--type-body-size) / var(--type-body-leading) var(--type-body-family);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary);font-weight:500}.trade-watchlist-change{font:var(--type-caption-weight) var(--type-caption-size) / var(--type-caption-leading) var(--type-caption-family);letter-spacing:var(--type-caption-tracking);align-items:center;gap:var(--space-1);display:flex}.trade-change-positive{color:var(--color-success)}.trade-change-negative{color:var(--color-error)}.trade-bottom-section{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary);overflow:hidden}.trade-tabs{border-bottom:1px solid var(--color-border-subtle);display:flex}.trade-tab{padding:var(--space-3) var(--space-5);font:var(--type-body-weight) var(--type-body-size) / var(--type-body-leading) var(--type-body-family);letter-spacing:var(--type-body-tracking);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500}.trade-tab:hover{color:var(--color-text-primary)}.trade-tab-active{color:var(--color-text-primary);border-bottom-color:var(--color-accent-primary)}.trade-table{width:100%}.trade-table-header{padding:var(--space-3) var(--space-5);background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-subtle);display:flex}.trade-table-header .trade-table-col{font:var(--type-caption-weight) var(--type-caption-size) / var(--type-caption-leading) var(--type-caption-family);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);text-transform:uppercase;font-weight:600}.trade-table-row{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast);display:flex}.trade-table-row:last-child{border-bottom:none}.trade-table-row:hover{background:var(--color-surface-subtle)}.trade-table-col{font:var(--type-body-weight) var(--type-body-size) / var(--type-body-leading) var(--type-body-family);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary);flex:1;align-items:center;display:flex}.trade-col-symbol{flex:1}.trade-symbol-bold{font-weight:600}.trade-col-qty,.trade-col-avg,.trade-col-current,.trade-col-price{flex:1}.trade-col-pnl,.trade-col-pnlpct{gap:var(--space-1);flex:1}.trade-col-pnlpct{justify-content:flex-end}.trade-col-id{color:var(--color-text-muted);flex:1.2}.trade-col-side,.trade-col-type,.trade-col-status{flex:.8}.trade-col-time{color:var(--color-text-muted);flex:.6;justify-content:flex-end}@media (width<=1200px){.trade-main-row{grid-template-columns:1fr}.trade-watchlist{max-height:var(--space-72)}.trade-watchlist-list{grid-template-columns:repeat(2,1fr);display:grid}.trade-watchlist-item{border-right:1px solid var(--color-border-subtle)}}.it-page{gap:var(--space-6);padding:var(--space-6);flex-direction:column;max-width:1400px;display:flex}.it-hero{align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);flex-direction:column;display:flex}.it-hero-title{font-family:var(--type-h1-family);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--type-h1-leading);letter-spacing:var(--type-h1-tracking);color:var(--color-text-primary);text-align:center}.it-omni-bar{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);width:100%;max-width:768px;box-shadow:var(--shadow-md);padding:var(--space-2)}.it-omni-inner{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);display:flex}.it-omni-icon-btn{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full);color:var(--color-icon-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.it-omni-icon-btn:hover{background:var(--color-fill-hover)}.it-omni-placeholder{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);color:var(--color-text-muted);flex:1}.it-omni-send{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full);background:var(--color-success);color:var(--color-accent-text);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.it-prompt-chips{align-items:center;gap:var(--space-1);flex-wrap:wrap;justify-content:center;display:flex}.it-prompt-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--color-text-muted);font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);cursor:pointer;background:0 0;border:none;display:flex}.it-prompt-chip:hover{background:var(--color-surface-subtle)}.it-prompt-more{padding:var(--space-2)}.it-grid-top{gap:var(--space-4);grid-template-columns:1fr 2fr;display:grid}.it-grid-right{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.it-panel{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);flex-direction:column;display:flex}.it-panel-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.it-panel-title{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--type-body-lg-weight);line-height:var(--type-body-lg-leading);letter-spacing:var(--type-body-lg-tracking);color:var(--color-text-primary)}.it-panel-subtitle{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);color:var(--color-text-muted)}.it-panel-actions{flex-direction:column;min-height:0;max-height:750px;display:flex;overflow:hidden}.it-tabs{gap:var(--space-1);margin-bottom:var(--space-3);display:flex}.it-tab{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-secondary);cursor:pointer;background:0 0;display:flex}.it-tab:hover{background:var(--color-surface-subtle)}.it-tab-active{background:var(--color-surface-subtle);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.it-tab-active:hover{background:var(--color-surface-subtle)}.it-tab-count{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);background:var(--color-surface-subtle);padding:0 var(--space-1);border-radius:var(--radius-full);color:var(--color-text-muted)}.it-tab-count-active{background:var(--color-fill-primary);color:var(--color-accent-text)}.it-action-subtitle{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-muted);margin-bottom:var(--space-3)}.it-action-list{gap:var(--space-3);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.it-action-card{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.it-action-card:last-child{border-bottom:none}.it-action-badges{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.it-action-title{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-leading);color:var(--color-text-primary);margin-bottom:var(--space-1)}.it-action-desc{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-muted);margin-bottom:var(--space-2)}.it-action-buttons{gap:var(--space-2);display:flex}.it-see-all{color:var(--color-accent-primary);font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--font-weight-semibold);line-height:var(--type-small-leading);padding:var(--space-3) 0 0;cursor:pointer;text-align:left;background:0 0;border:none}.it-see-all:hover{text-decoration:underline}.it-inventory-chart{margin-bottom:var(--space-3);justify-content:center;display:flex}.it-donut-wrapper{justify-content:center;display:flex}.it-donut-wrapper .chart-donut-wrapper{flex-direction:column;align-items:center}.it-donut-wrapper .chart-donut-legend{display:none}.it-inventory-stats{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.it-stat-row{align-items:center;gap:var(--space-2);display:flex}.it-stat-label{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-secondary);flex:1}.it-stat-value{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-leading);color:var(--color-text-primary)}.it-ai-insight{background:var(--color-surface-subtle);border-radius:var(--radius-md);padding:var(--space-3);margin-top:auto}.it-insight-text{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.it-sparkle{color:var(--color-success)}.it-insight-btn{justify-content:center;width:100%}.it-governance-bars{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.it-gov-row{align-items:center;gap:var(--space-3);display:flex}.it-gov-label{width:var(--space-24);font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-secondary);text-align:right;flex-shrink:0}.it-gov-bar{height:var(--space-4);border-radius:var(--radius-sm);gap:var(--space-0-5);flex:1;display:flex;overflow:hidden}.it-gov-segment{border-radius:var(--radius-sm)}.it-gov-legend{gap:var(--space-4);flex-wrap:wrap;display:flex}.it-gov-legend-item{align-items:center;gap:var(--space-1);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);color:var(--color-text-secondary);display:flex}.it-risk-chart{margin-bottom:var(--space-3);justify-content:center;display:flex}.it-donut-value{font-family:var(--type-h2-family);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);fill:var(--color-text-primary)}.it-donut-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);fill:var(--color-text-muted)}.it-risk-legend{gap:var(--space-4);margin-bottom:var(--space-3);justify-content:center;display:flex}.it-risk-legend-item{align-items:center;gap:var(--space-1);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);color:var(--color-text-secondary);display:flex}.it-panel-aivalue{position:relative;overflow:hidden}.it-aivalue-content{align-items:center;gap:var(--space-1);padding:var(--space-6) 0 var(--space-3);flex-direction:column;display:flex}.it-aivalue-amount{font-family:var(--type-display-family);font-size:var(--font-size-4xl);font-weight:var(--type-display-weight);color:var(--color-text-primary);line-height:1}.it-aivalue-trend{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-success);background:color-mix(in srgb, var(--color-success) 12%, transparent);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.it-aivalue-chart{margin-top:auto}.it-aivalue-chart svg{display:block}.it-panel-tasks{width:100%}.it-task-tabs{gap:var(--space-1);margin-bottom:var(--space-4);display:flex}.it-task-tab{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-secondary);cursor:pointer;background:0 0}.it-task-tab:hover{background:var(--color-surface-subtle)}.it-task-tab-active{background:var(--color-surface-subtle);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.it-task-tab-active:hover{background:var(--color-surface-subtle)}.it-task-table{width:100%}.it-task-header{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);align-items:center;display:flex}.it-task-header .it-task-col{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--font-weight-semibold);line-height:var(--type-caption-leading);color:var(--color-text-muted)}.it-task-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);align-items:center;display:flex}.it-task-row:last-child{border-bottom:none}.it-task-col{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-secondary)}.it-task-col-member{align-items:center;gap:var(--space-2);flex:2;display:flex}.it-task-col-review{flex:1.2}.it-task-col-stat{align-items:center;gap:var(--space-1);flex:1;display:flex}.it-task-col-actions{width:var(--space-8);color:var(--color-icon-muted);cursor:pointer;justify-content:center;display:flex}.it-member-info{flex-direction:column;display:flex}.it-member-name{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--font-weight-semibold);line-height:var(--type-small-leading);color:var(--color-text-primary)}.it-member-role{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);color:var(--color-text-muted)}.it-stat-overdue{color:var(--color-error)}.it-stat-progress{color:var(--color-accent-primary)}.it-stat-completed{color:var(--color-success)}@media (width<=1200px){.it-grid-top{grid-template-columns:1fr}.it-panel-actions{max-height:500px}}@media (width<=768px){.it-grid-right{grid-template-columns:1fr}.it-page{padding:var(--space-4)}}.it-dot-series-1{background:var(--color-series-1)}.it-dot-series-2{background:var(--color-series-2)}.it-dot-series-4{background:var(--color-series-4)}.it-dot-success{background:var(--color-success)}.it-dot-warning{background:var(--color-warning)}.it-dot-error{background:var(--color-error)}.it-dot-muted{background:var(--color-text-muted)}.it-seg-success{background:var(--color-series-3)}.it-seg-warning{background:var(--color-warning)}.it-seg-series-4{background:var(--color-series-4)}.it-seg-error{background:var(--color-error)}.sales-sync-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.sales-deal-sub{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);margin-top:var(--space-1)}.sales-deal-activity{color:var(--color-text-muted)}.sales-account-cell{align-items:center;gap:var(--space-3);display:flex}.sales-owner-cell{align-items:center;gap:var(--space-2);display:flex}.sales-bottom-row{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.sales-bottom-panel{flex-direction:column;display:flex}.panel-kpi-row{gap:var(--space-3);padding:0 var(--space-6) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.panel-kpi-row .kpi-card{width:100%;padding:var(--space-4);background:var(--color-surface-subtle);border-color:#0000}.panel-kpi-row .kpi-card:hover{box-shadow:none;cursor:default;border-color:#0000}.panel-kpi-row .kpi-card-icon{background:var(--color-surface-primary)}.panel-kpi-row .kpi-card-diff{display:none}@media (width<=1200px){.sales-bottom-row{grid-template-columns:1fr}}.settings-layout{gap:var(--space-8);min-height:calc(100vh - 80px);display:flex}.settings-sidebar{width:240px;padding:var(--space-6) 0;flex-shrink:0}.settings-sidebar-header{padding:0 var(--space-4) var(--space-4)}.settings-sidebar-title{font-family:var(--type-h3-family);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-leading);letter-spacing:var(--type-h3-tracking);color:var(--color-text-primary)}.settings-sidebar-nav{gap:var(--space-1);flex-direction:column;display:flex}.settings-sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);cursor:pointer;font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;display:flex}.settings-sidebar-item:hover{background:var(--color-surface-subtle);color:var(--color-text-primary)}.settings-sidebar-item.active{background:var(--color-surface-subtle);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.settings-main{min-width:0;padding:var(--space-6) 0;flex:1}.settings-content{max-width:720px}.settings-section{margin-bottom:var(--space-6)}.settings-section-title{font-family:var(--type-h4-family);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);line-height:var(--type-h4-leading);letter-spacing:var(--type-h4-tracking);color:var(--color-text-primary);margin:0 0 var(--space-1)}.settings-section-desc{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);color:var(--color-text-secondary);margin:0}.settings-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-6) 0}.settings-profile-header{align-items:center;gap:var(--space-4);margin-top:var(--space-6);display:flex}.settings-profile-meta{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.settings-profile-name{font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-lg-leading);color:var(--color-text-primary)}.settings-profile-role{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);color:var(--color-text-secondary)}.settings-form-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.settings-form-full{grid-column:1/-1}.settings-input{width:100%}.settings-actions{gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);display:flex}.settings-plan-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6)}.settings-plan-info{margin-bottom:var(--space-5)}.settings-plan-name-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.settings-plan-name{font-family:var(--type-h3-family);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-leading);color:var(--color-text-primary)}.settings-plan-price{align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-2);display:flex}.settings-plan-amount{font-family:var(--type-h2-family);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-leading);color:var(--color-text-primary)}.settings-plan-period{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-text-secondary)}.settings-plan-renewal{font-family:var(--type-small-family);font-size:var(--type-small-size);color:var(--color-text-muted)}.settings-plan-features{gap:var(--space-2);margin-bottom:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.settings-plan-feature{align-items:center;gap:var(--space-2);font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-text-primary);display:flex}.settings-plan-feature svg{color:var(--color-success);flex-shrink:0}.settings-plan-actions{gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle);display:flex}.settings-payment-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.settings-payment-info{gap:var(--space-1);flex-direction:column;display:flex}.settings-payment-type{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-payment-expiry{font-family:var(--type-small-family);font-size:var(--type-small-size);color:var(--color-text-muted)}.settings-notif-group-label{font-family:var(--type-subheading-family);font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);line-height:var(--type-subheading-leading);letter-spacing:var(--type-subheading-tracking);text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-3)}.settings-notif-list{flex-direction:column;display:flex}.settings-notif-row{justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-subtle);display:flex}.settings-notif-row:last-child{border-bottom:none}.settings-notif-info{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.settings-notif-label{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-notif-desc{font-family:var(--type-small-family);font-size:var(--type-small-size);color:var(--color-text-muted)}.settings-notif-channels{gap:var(--space-6);flex-shrink:0;display:flex}@media (width<=768px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%}.settings-sidebar-nav{flex-direction:row;overflow-x:auto}.settings-form-grid{grid-template-columns:1fr}.settings-notif-row{gap:var(--space-3);flex-direction:column}}.tpl-files-storage{margin-bottom:var(--space-4)}.tpl-files-storage-bar{width:42%}.tpl-files-section{margin-bottom:var(--space-8)}.tpl-files-section-title{font-family:var(--type-h4-family);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);line-height:var(--type-h4-leading);letter-spacing:var(--type-h4-tracking);color:var(--color-text-primary);margin-bottom:var(--space-4)}.tpl-files-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.tpl-files-folder{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);cursor:pointer;transition:border-color var(--transition-fast);flex-direction:column;display:flex}.tpl-files-folder:hover{border-color:var(--color-border-hover)}.tpl-files-folder-icon{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-icon-secondary);margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.tpl-files-folder-name{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-leading);color:var(--color-text-primary)}.tpl-files-folder-meta{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}.tpl-files-file-cell{align-items:center;gap:var(--space-3);display:flex}.tpl-files-file-icon{color:var(--color-icon-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tpl-files-file-size{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);margin-top:var(--space-1)}.tpl-files-owner-cell{align-items:center;gap:var(--space-2);display:flex}.tpl-files-view-toggle{gap:var(--space-1);display:flex}@media (width<=1024px){.tpl-files-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.tpl-files-grid{grid-template-columns:1fr}}.onboarding-content{width:100%;max-width:1200px;margin:0 auto}.onboarding-stepper-wrap{gap:var(--space-3);flex-direction:column;display:flex}.onboarding-step-caption{font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.onboarding-header{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.onboarding-title{font-family:var(--type-page-title-family);font-size:var(--type-page-title-size);font-weight:var(--type-page-title-weight);line-height:var(--type-page-title-leading);letter-spacing:var(--type-page-title-tracking);color:var(--color-text-primary);margin:0}.onboarding-subtitle{font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-leading);color:var(--color-text-secondary);max-width:56ch;margin:0}.onboarding-body{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.onboarding-grid{gap:var(--space-6);flex-direction:column;display:flex}.onboarding-group{gap:var(--space-3);flex-direction:column;display:flex}.onboarding-group-header{justify-content:space-between;align-items:baseline;display:flex}.onboarding-group-title{font-family:var(--type-subheading-family);font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);letter-spacing:var(--type-subheading-tracking);text-transform:uppercase;color:var(--color-text-muted);margin:0}.onboarding-group-caption{font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted)}.onboarding-group-items{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.onboarding-integration{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-primary);transition:all var(--transition-base);flex-direction:column;display:flex}.onboarding-integration:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.onboarding-integration-connected{background:var(--color-surface-subtle)}.onboarding-integration-header{align-items:center;gap:var(--space-3);min-width:0;display:flex}.onboarding-logo{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);font-family:var(--font-family-display,var(--font-family));font-size:var(--font-size-base);color:var(--color-text-inverse);flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.onboarding-integration-name{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-text-primary);font-weight:500}.onboarding-integration-description{font-family:var(--type-small-family);font-size:var(--type-small-size);line-height:var(--type-small-leading);color:var(--color-text-secondary);flex:1;margin:0}.onboarding-integration-footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-1);display:flex}.onboarding-integration-status{align-items:center;gap:var(--space-2);font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-success);min-width:0;display:inline-flex}.onboarding-integration-status-dim{color:var(--color-text-secondary)}.onboarding-integration-status-dim svg{color:var(--color-text-muted)}.onboarding-rail{position:relative}.onboarding-rail-sticky{top:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex;position:sticky}.onboarding-rail-title{font-family:var(--type-subheading-family);font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);letter-spacing:var(--type-subheading-tracking);text-transform:uppercase;color:var(--color-text-muted);margin:0}.onboarding-rail-card{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-elevated);flex-direction:column;display:flex}.onboarding-rail-card-dim{background:0 0;border-style:dashed}.onboarding-rail-heading{font-family:var(--type-body-family);font-size:var(--type-small-size);color:var(--color-text-primary);font-weight:500}.onboarding-rail-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.onboarding-rail-item{align-items:flex-start;gap:var(--space-2);font-family:var(--type-small-family);font-size:var(--type-small-size);line-height:var(--type-small-leading);color:var(--color-text-secondary);display:flex}.onboarding-rail-item>:first-child{color:var(--color-text-muted);flex-shrink:0;margin-top:3px}.onboarding-rail-card:not(.onboarding-rail-card-dim) .onboarding-rail-item>:first-child{color:var(--color-success)}.onboarding-footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-5);margin-top:var(--space-4);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.onboarding-footer-note{font-family:var(--type-caption-family);font-size:var(--type-caption-size);color:var(--color-text-muted);max-width:64ch}.onboarding-footer-link{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle);text-decoration:none;display:inline-flex}.onboarding-footer-link:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.onboarding-footer-actions{align-items:center;gap:var(--space-2);display:flex}@media (width<=1024px){.onboarding-body{gap:var(--space-6);grid-template-columns:1fr}.onboarding-rail-sticky{position:static}}@media (width<=768px){.onboarding-stepper-wrap .stepper{gap:var(--space-2)}.onboarding-stepper-wrap .stepper-step:not(.active) .stepper-label{display:none}.onboarding-footer{flex-direction:column;align-items:stretch}.onboarding-footer-actions{justify-content:flex-end}}@media (width<=640px){.onboarding-group-items{grid-template-columns:1fr}.onboarding-integration{padding:var(--space-3)}.onboarding-footer-actions{flex-wrap:wrap}.onboarding-footer-actions .btn{flex:1}}.nav-demo-container{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.nav-demo{padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;padding-bottom:0;display:flex}.nav-demo-brand{align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--font-size-base);color:var(--color-text-primary);padding-bottom:var(--space-3);display:flex}.nav-demo-logo{background:var(--color-fill-primary);width:28px;height:28px;color:var(--color-text-inverse);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.nav-demo-links{align-items:center;gap:var(--space-6);padding-bottom:var(--space-3);display:flex;position:relative}.nav-demo-indicator{background:var(--color-fill-primary);height:2px;transition:left var(--transition-base), width var(--transition-base);pointer-events:none;border-radius:1px;position:absolute;bottom:0}.nav-demo-link{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);font-weight:500}.nav-demo-link.active{color:var(--color-text-primary)}.nav-demo-actions{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);display:flex}.dropdown-demo-container{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary);overflow:hidden}.dropdown-demo{padding:var(--space-6)}.dropdown-group-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:600;display:block}.dropdown-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.dropdown-demo-container .dropdown-item:hover{background:var(--color-fill-hover)}.dropdown-icon{background:var(--color-surface-subtle);border-radius:var(--radius-md);flex-shrink:0;width:32px;height:32px}.dropdown-item-title{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:2px;font-weight:500}.dropdown-item-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.topbar-demo-wrapper{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.topbar-demo-wrapper .tpl-topbar{border-bottom:none;position:static}.sidebar-demo-wrapper{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);height:480px;display:flex;overflow:visible}.sidebar-demo-panel{border-right:1px solid var(--color-border-subtle);width:260px;padding:var(--space-3);flex-direction:column;display:flex}.sidebar-demo-nav-scroll{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.sidebar-demo-nav-scroll::-webkit-scrollbar{display:none}.sidebar-demo-panel.collapsed{width:auto}.sidebar-demo-header{padding:var(--space-2);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sidebar-demo-org{align-items:center;gap:var(--space-3);display:flex}.sidebar-demo-org-icon{background:var(--color-fill-primary);width:32px;height:32px;color:var(--color-text-inverse);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.sidebar-demo-org-info{flex-direction:column;display:flex}.sidebar-demo-org-name{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600;line-height:1.2}.sidebar-demo-org-plan{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sidebar-demo-header-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-demo-header-btn:hover{background:var(--color-fill-hover)}.sidebar-demo-section-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);margin-top:var(--space-2);font-weight:500}.sidebar-demo-nav-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;font-weight:500;display:flex}.sidebar-demo-nav-item svg{color:var(--color-icon-primary)}.sidebar-demo-nav-item:hover{background:var(--color-fill-hover)}.sidebar-demo-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);margin-left:auto;display:flex}.sidebar-demo-chevron.open{transform:rotate(180deg)}.sidebar-demo-arrow{color:var(--color-text-muted);margin-left:auto;display:flex}.sidebar-demo-nav-item.active{color:var(--color-text-primary);background:var(--color-fill-hover)}.sidebar-demo-flyout-anchor{position:relative}.sidebar-demo-flyout{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-width:200px;padding:var(--space-2);z-index:100;animation:select-enter var(--transition-fast) forwards;flex-direction:column;display:flex;position:fixed}.sidebar-demo-flyout-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);text-align:left;white-space:nowrap;background:0 0;border:none;font-weight:500;display:flex}.sidebar-demo-flyout-item svg{color:var(--color-icon-primary)}.sidebar-demo-flyout-item:hover{background:var(--color-fill-hover)}.sidebar-demo-flyout-badge{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface-subtle);padding:1px var(--space-2);border-radius:var(--radius-full);margin-left:auto;font-weight:500}.sidebar-demo-subnav{margin-left:calc(var(--space-3) + 16px);padding-left:var(--space-3);border-left:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.sidebar-demo-subnav-item{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.sidebar-demo-subnav-item:hover{background:var(--color-fill-hover)}.sidebar-demo-subnav-item.active{color:var(--color-text-primary);font-weight:500}.sidebar-demo-footer{padding:var(--space-2);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.sidebar-demo-user{align-items:center;gap:var(--space-3);display:flex}.sidebar-demo-user-avatar{background:var(--color-surface-subtle);width:32px;height:32px;color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);justify-content:center;align-items:center;font-weight:600;display:flex}.sidebar-demo-user-info{flex-direction:column;display:flex}.sidebar-demo-user-name{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;line-height:1.2}.sidebar-demo-user-email{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sidebar-demo-icons{padding:var(--space-5) var(--space-3) var(--space-3);align-items:center;gap:var(--space-2);border-right:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.sidebar-demo-icon-nav{gap:var(--space-1);margin-top:var(--space-4);flex-direction:column;flex:1;min-height:0;display:flex}.sidebar-demo-icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-icon-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-demo-icon-btn:hover{background:var(--color-fill-hover)}.sidebar-demo-icon-btn.active{background:var(--color-fill-hover);color:var(--color-text-primary)}.sidebar-demo-icon-btn{position:relative}.sidebar-demo-icon-dot{border-radius:var(--radius-full);background:var(--color-text-muted);width:3px;height:3px;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.sidebar-demo-icon-footer{margin-top:auto}.sidebar-demo-collapsed{padding:var(--space-3);align-items:flex-start;display:flex}.sidebar-demo-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-2) var(--space-3)}.simple-sidebar-demo-wrapper{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);display:inline-flex}.simple-sidebar-demo-panel{padding:var(--space-6) var(--space-5)}.simple-sidebar-demo-nav{gap:var(--space-1);flex-direction:column;min-width:200px;display:flex}.simple-sidebar-demo-link{text-align:left;width:100%;padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-base), background var(--transition-fast);background:0 0;border:none;font-weight:500;display:block}.simple-sidebar-demo-link:hover{background:var(--color-fill-hover)}.simple-sidebar-demo-link.active{color:var(--color-text-primary);background:var(--color-surface-subtle)}.simple-sidebar-demo-children{padding-left:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.contact-page{min-height:calc(100vh - 60px);padding:var(--space-16) 0 var(--space-20);background:var(--color-surface-primary)}.contact-select-placeholder{color:var(--color-text-muted)}.contact-field-optional{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.contact-confirm-email{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.contact-success-actions{align-items:center;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.contact-secondary-link{font:inherit;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.contact-secondary-link:hover{color:var(--color-text-primary)}.contact-field .select-panel{white-space:normal;width:100%;min-width:0;left:0;right:auto}.contact-container{width:100%;max-width:720px;padding:0 var(--space-8);margin:0 auto}.contact-intro{text-align:left;margin-bottom:var(--space-10)}.contact-section-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);display:flex}.contact-title{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--color-text-primary);margin:0 0 var(--space-4);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:500;line-height:1.05}.contact-title em{color:var(--color-text-secondary);font-style:italic}.contact-sub{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:520px;margin:0;line-height:1.7}.contact-form{gap:var(--space-5);flex-direction:column;display:flex}.contact-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.contact-field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.contact-field--half{width:calc(50% - var(--space-2))}@media (width<=700px){.contact-field--half{width:100%}}.contact-input{width:100%}.contact-field .select-trigger,.contact-field .select-placeholder{font-size:var(--font-size-sm)}.contact-textarea{resize:vertical;border-radius:var(--radius-lg);min-height:140px;line-height:1.5;font-family:var(--font-family);padding:12px 16px}.contact-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-error) 12%, var(--color-surface-primary));border:1px solid color-mix(in srgb, var(--color-error) 40%, transparent);color:var(--color-error);font-size:var(--font-size-sm)}.contact-actions{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.contact-inline-link{color:var(--color-text-primary);text-underline-offset:2px;text-decoration:underline}.contact-inline-link:hover{color:var(--color-accent-primary)}.contact-success{text-align:left;padding:var(--space-8) 0}.contact-success-actions{margin-top:var(--space-6)}@media (width<=640px){.contact-row{grid-template-columns:1fr}}.login-page{background:var(--color-surface-primary);height:100vh;padding:var(--space-6);justify-content:stretch;align-items:stretch;display:flex}.login-shell{background:var(--color-surface-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);isolation:isolate;grid-template-columns:1fr 1fr;width:100%;display:grid;position:relative;overflow:hidden}.login-visual{padding:var(--space-10);background:var(--color-surface-primary);border-right:1px solid var(--color-border-subtle);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.login-visual-waves{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.login-visual-wave{transform-origin:50%;transform-box:fill-box;will-change:transform}.login-visual-wave--a{animation:18s ease-in-out infinite alternate login-wave-drift-a}.login-visual-wave--b{animation:24s ease-in-out infinite alternate login-wave-drift-b}.login-visual-wave--c{animation:30s ease-in-out infinite alternate login-wave-drift-c}@keyframes login-wave-drift-a{0%{transform:translate(0)rotate(0)}50%{transform:translate(-200px,-120px)rotate(-3deg)}to{transform:translate(220px,80px)rotate(2deg)}}@keyframes login-wave-drift-b{0%{transform:translate(0)rotate(0)}50%{transform:translate(260px,140px)rotate(3deg)}to{transform:translate(-220px,-100px)rotate(-2deg)}}@keyframes login-wave-drift-c{0%{transform:translate(0)rotate(0)}50%{transform:translate(-280px,160px)rotate(-2deg)}to{transform:translate(240px,-140px)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.login-visual-wave--a,.login-visual-wave--b,.login-visual-wave--c{animation:none}}.login-visual-head{z-index:2;gap:var(--space-8);flex-direction:column;display:flex;position:relative}.login-brand{align-items:center;gap:var(--space-2);font-family:var(--font-family);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary);font-weight:600;display:flex}.login-brand-mark{width:24px;height:24px;color:var(--color-text-primary);justify-content:center;align-items:center;display:inline-flex}.login-brand-mark svg{width:100%;height:100%}.login-visual-card{z-index:1;background:color-mix(in srgb, var(--color-surface-primary) 90%, transparent);border-radius:var(--radius-xl);width:100%;max-width:380px;padding:var(--space-8) var(--space-8);align-self:center;gap:var(--space-8);border:none;outline:none;flex-direction:column;margin:auto 0;display:flex;position:relative;box-shadow:0 2px 4px #100e0a0d,0 12px 32px #100e0a1a,0 32px 80px #e58e3a29}[data-theme=dark] .login-visual-card{background:var(--color-surface-primary)}.login-visual-card-eyebrow{font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.login-visual-card-swatches{justify-content:space-between;align-items:center;width:100%;display:flex}.login-visual-swatch{border:1px solid var(--color-border-subtle);border-radius:50%;flex-shrink:0;width:28px;height:28px}.login-visual-card-body{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-primary);min-height:4em;margin:0;line-height:2}.login-visual-logo{z-index:2;margin:0 0 var(--space-5);cursor:pointer;color:var(--color-text-primary);transition:opacity var(--transition-fast);background:0 0;border:none;align-self:flex-start;align-items:center;padding:0;display:inline-flex;position:relative}.login-visual-logo:hover{opacity:.75}.login-visual-logo svg{width:auto;height:56px;display:block}.login-visual-logo svg path{fill:currentColor}.login-tagline{z-index:2;font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--color-text-primary);max-width:420px;margin:0;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:500;line-height:1.15;position:relative}.login-tagline em{color:var(--color-text-secondary);font-style:italic}.login-typewriter-cursor{vertical-align:-.15em;background:currentColor;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite login-typewriter-blink;display:inline-block}@keyframes login-typewriter-blink{0%,50%{opacity:1}51%,to{opacity:0}}.login-panel{padding:var(--space-12) clamp(var(--space-8), 6vw, var(--space-16));background:var(--color-surface-primary);flex-direction:column;justify-content:center;display:flex}.login-form{gap:var(--space-5);flex-direction:column;width:100%;max-width:400px;margin:0 auto;display:flex}.login-intro{gap:var(--space-2);flex-direction:column;display:flex}.login-title{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--color-text-primary);margin:0;font-size:clamp(2rem,3.5vw,2.5rem);font-weight:500;line-height:1.1}.login-title em{color:var(--color-text-secondary);font-style:italic}.login-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.login-fields{gap:var(--space-4);flex-direction:column;display:flex}.login-field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.login-field .input{width:100%}.login-password-wrap{position:relative}.login-password-wrap .input{padding-right:44px}.login-password-toggle{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:0;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.login-password-toggle:hover{color:var(--color-text-primary)}.login-row-between{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.login-checkrow{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-primary);display:inline-flex}.login-checkrow input[type=checkbox]{accent-color:var(--color-text-primary)}.login-link{font:inherit;color:var(--color-text-primary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.login-link:hover{color:var(--color-accent-primary)}.login-link--small{font-size:var(--font-size-xs)}.login-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-error) 10%, var(--color-surface-primary));border:1px solid color-mix(in srgb, var(--color-error) 35%, transparent);color:var(--color-error);font-size:var(--font-size-sm)}.login-error-text{color:var(--color-error);margin:0;line-height:1.5}.login-error-link{font:inherit;color:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.login-error-link:hover{opacity:.8}.login-submit{justify-content:center;width:100%}.login-divider{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:lowercase;letter-spacing:.08em;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-border-subtle);flex:1;height:1px}.login-providers{gap:var(--space-2);flex-direction:column;display:flex}.login-provider-btn{justify-content:center;gap:var(--space-2);width:100%}.login-provider-btn svg{width:var(--icon-size-md);height:var(--icon-size-md)}.login-provider-btn:disabled svg{mix-blend-mode:luminosity}.login-switch{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}@media (width<=900px){.login-page{padding:0}.login-shell{border:none;border-radius:0;grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:var(--space-10) var(--space-6)}}.live-swatch-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.live-swatch{align-items:center;gap:var(--space-2);cursor:pointer;flex-direction:column;display:flex}.live-swatch-preview{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);width:72px;height:72px;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.live-swatch-preview:hover{transform:scale(1.06)}.live-swatch-tooltip{bottom:calc(100% + var(--space-2));align-items:center;gap:var(--space-1);display:flex;position:absolute;left:50%;transform:translate(-50%)}.live-swatch-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.neutral-strip{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);height:56px;display:flex;overflow:visible}.neutral-stop:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.neutral-stop:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.neutral-stop{transition:flex var(--transition-fast);cursor:pointer;flex:1;position:relative}.neutral-stop-tooltip{bottom:calc(100% + var(--space-2));align-items:center;gap:var(--space-1);display:flex;position:absolute;left:50%;transform:translate(-50%)}.neutral-stop:hover{flex:2}.neutral-labels{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);justify-content:space-between;font-weight:500;display:flex}@media (width<=768px){.live-swatch-row{gap:var(--space-3)}.live-swatch-preview{width:56px;height:56px}}.type-family-card{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);gap:var(--space-4);flex-direction:column;display:flex}.type-family-card+.type-family-card{margin-top:var(--space-6)}.type-family-name{font-size:var(--font-size-4xl);letter-spacing:-.04em;color:var(--color-text-primary);font-weight:300}.type-family-mono{font-family:var(--font-family-mono)}.type-family-display{font-family:var(--font-family-display)}.type-family-sample{font-size:var(--font-size-sm);color:var(--color-text-secondary);word-break:break-all;line-height:1.8}.type-scale-list{gap:var(--space-1);flex-direction:column;display:flex}.type-scale-divider{border:none;border-top:1px solid var(--color-border-subtle);margin:var(--space-4) 0}.type-scale-row{gap:var(--space-1);padding:var(--space-4) 0;border-bottom:1px solid var(--color-surface-subtle);flex-direction:column;display:flex}.type-scale-meta{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.type-scale-label{font-family:var(--type-overline-family);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-leading);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--color-text-secondary);min-width:100px}.type-scale-specs{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono);text-align:right}.type-scale-preview{color:var(--color-text-primary);line-height:1.2}.type-weights{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.type-weight-item{align-items:center;gap:var(--space-2);padding:var(--space-6);background:var(--color-surface-primary);border-radius:var(--radius-lg);flex-direction:column;display:flex}.type-weight-preview{font-size:var(--font-size-4xl);color:var(--color-text-primary);line-height:1}.type-weight-label{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-primary)}.type-weight-value{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.type-hover-token{top:var(--space-2);right:var(--space-2);font-family:var(--font-family-mono);font-size:var(--type-caption-size);color:var(--color-text-inverse);background:var(--color-fill-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--shadow-sm);animation:.1s tooltip-fade;position:absolute}@media (width<=768px){.type-weights{grid-template-columns:repeat(3,1fr)}}.layout-grid-demo{gap:var(--space-3);flex-direction:column;display:flex}.grid-demo{gap:var(--space-2);display:grid}.grid-12,.grid-example{grid-template-columns:repeat(12,1fr)}.grid-col{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.spacing-list{gap:var(--space-2);flex-direction:column;display:flex}.spacing-row{align-items:center;gap:var(--space-4);padding:var(--space-2) 0;display:flex}.spacing-token{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary);min-width:120px}.spacing-bar{background:var(--color-fill-primary);border-radius:var(--radius-sm);min-width:4px;height:12px;transition:width var(--transition-base)}.spacing-value{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono);white-space:nowrap}.radius-grid{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.radius-item{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.radius-preview{background:var(--color-fill-primary);width:64px;height:64px}.radius-label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.radius-value{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.shadow-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.shadow-item{background:var(--color-surface-primary);border-radius:var(--radius-lg);padding:var(--space-10);border:none;outline:none;justify-content:center;align-items:center;display:flex}.shadow-item:first-child{box-shadow:var(--shadow-sm)}.shadow-item:nth-child(2){box-shadow:var(--shadow-md)}.shadow-item:nth-child(3){box-shadow:var(--shadow-lg)}.shadow-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.layout-hover-token{top:var(--space-2);right:var(--space-2);font-family:var(--font-family-mono);font-size:var(--type-caption-size);color:var(--color-text-inverse);background:var(--color-fill-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--shadow-sm);animation:.1s tooltip-fade;position:absolute}@media (width<=768px){.radius-grid{grid-template-columns:repeat(3,1fr)}.shadow-grid{grid-template-columns:1fr}}.auth-tpl{background:var(--color-surface-subtle);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:stretch;display:flex}.auth-tpl-shell{background:var(--color-surface-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);grid-template-columns:1fr 1fr;width:100%;max-width:1280px;display:grid;overflow:hidden}.auth-tpl-visual{padding:var(--space-10);background:var(--color-surface-elevated);isolation:isolate;flex-direction:column;justify-content:space-between;min-height:640px;display:flex;position:relative;overflow:hidden}.auth-tpl-brand{align-items:center;gap:var(--space-2);font-family:var(--font-family);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary);z-index:2;font-weight:600;display:flex;position:relative}.auth-tpl-brand-mark{width:24px;height:24px;color:var(--color-text-primary);justify-content:center;align-items:center;display:inline-flex}.auth-tpl-brand-mark svg{width:100%;height:100%}.auth-tpl-visual-art{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-tpl-visual-art:before,.auth-tpl-visual-art:after{content:"";filter:blur(2px);border-radius:50%;position:absolute}.auth-tpl-visual-art:before{background:radial-gradient(circle at 30% 30%, var(--color-fill-primary) 0, transparent 1.5px) 0 0 / 8px 8px, radial-gradient(circle, transparent 60%, var(--color-surface-elevated) 70%);opacity:.18;width:520px;height:520px;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-tpl-visual-art:after{background:radial-gradient(circle at 30% 30%, var(--color-fill-primary) 0, transparent 1.5px) 0 0 / 6px 6px;opacity:.12;width:320px;height:320px;bottom:-80px;left:-80px}.auth-tpl-visual-card{z-index:1;background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--space-5);box-shadow:var(--shadow-md);align-self:center;gap:var(--space-4);flex-direction:column;display:flex;position:relative}.auth-tpl-visual-card-tabs{gap:var(--space-2);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.auth-tpl-visual-card-tab{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid #0000;padding:6px 12px;display:inline-flex}.auth-tpl-visual-card-tab--active{color:var(--color-text-primary);border-color:var(--color-border-subtle);background:var(--color-surface-elevated)}.auth-tpl-visual-card-body{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.auth-tpl-visual-card-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.auth-tpl-visual-card-chip{border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface-primary);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.auth-tpl-visual-card-chip--active{color:var(--color-text-primary);border-color:var(--color-text-primary)}.auth-tpl-tagline{z-index:2;font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--color-text-primary);max-width:420px;margin:0;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:500;line-height:1.15;position:relative}.auth-tpl-tagline em{color:var(--color-text-secondary);font-style:italic}.auth-tpl-panel{padding:var(--space-12) clamp(var(--space-8), 6vw, var(--space-16));flex-direction:column;justify-content:center;display:flex}.auth-tpl-form{gap:var(--space-5);flex-direction:column;width:100%;max-width:400px;margin:0 auto;display:flex}.auth-tpl-intro{gap:var(--space-2);flex-direction:column;display:flex}.auth-tpl-title{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--color-text-primary);margin:0;font-size:clamp(2rem,3.5vw,2.5rem);font-weight:500;line-height:1.1}.auth-tpl-title em{color:var(--color-text-secondary);font-style:italic}.auth-tpl-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.auth-tpl-checkrow{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);display:inline-flex}.auth-tpl-checkrow input[type=checkbox]{accent-color:var(--color-text-primary)}.auth-tpl-fields{gap:var(--space-4);flex-direction:column;display:flex}.auth-tpl-field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.auth-tpl-field .input{width:100%}.auth-tpl-password-wrap{position:relative}.auth-tpl-password-wrap .input{padding-right:44px}.auth-tpl-password-toggle{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:0;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-tpl-password-toggle:hover{color:var(--color-text-primary)}.auth-tpl-fineprint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.6}.auth-tpl-link{font:inherit;color:var(--color-text-primary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.auth-tpl-link:hover{color:var(--color-accent-primary)}.auth-tpl-row-between{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.auth-tpl-submit{justify-content:center;width:100%}.auth-tpl-divider{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:lowercase;letter-spacing:.08em;display:flex}.auth-tpl-divider:before,.auth-tpl-divider:after{content:"";background:var(--color-border-subtle);flex:1;height:1px}.auth-tpl-providers{gap:var(--space-2);flex-direction:column;display:flex}.auth-tpl-provider-btn{justify-content:center;gap:var(--space-2);width:100%}.auth-tpl-provider-btn svg{width:var(--icon-size-md);height:var(--icon-size-md)}.auth-tpl-switch{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.auth-tpl-back{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);text-decoration:none;display:inline-flex}.auth-tpl-back:hover{color:var(--color-text-primary)}@media (width<=900px){.auth-tpl{padding:0}.auth-tpl-shell{border:none;border-radius:0;grid-template-columns:1fr;min-height:100vh}.auth-tpl-visual{display:none}.auth-tpl-panel{padding:var(--space-10) var(--space-6)}}.app{flex-direction:column;min-height:100vh;display:flex}.app-body{flex:1;padding-top:92px;display:flex}.main-content{min-width:0;padding:var(--space-12) var(--space-16);flex:1;margin-left:240px}.main-content>.section{max-width:860px;margin:0 auto}.app--template{background:var(--color-surface-primary)}.template-content{width:100%;min-height:100vh}.home-content{width:100%;padding-top:92px}.section{padding-bottom:var(--space-20)}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--space-2)}.section-description{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);letter-spacing:var(--type-small-tracking);color:var(--color-text-secondary);margin-bottom:var(--space-10)}.subsection{margin-bottom:var(--space-10)}.subsection-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.subsection-header .subsection-title{margin-bottom:0}.subsection-header .select-root{width:auto}.subsection-header .select-trigger{white-space:nowrap;width:auto}.section-divider{background:var(--color-border-subtle);height:1px;margin-bottom:var(--space-10)}.subsection-title{font-family:var(--type-subheading-family);font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);line-height:var(--type-subheading-leading);letter-spacing:var(--type-subheading-tracking);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.subsection-description{font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-leading);color:var(--color-text-secondary);margin:calc(-1 * var(--space-3)) 0 var(--space-4) 0;max-width:72ch}.copy-token-btn{position:relative}.copy-token-tooltip{bottom:calc(100% + var(--space-2));pointer-events:none;animation:.1s tooltip-fade;position:absolute;left:50%;transform:translate(-50%)}.copyable-block{cursor:pointer;transition:opacity var(--transition-fast);position:relative}.copyable-block:hover{opacity:.8}.copyable-tooltip{top:var(--space-2);right:var(--space-2);position:absolute}.variant-wrapper{cursor:pointer;width:fit-content;display:inline-flex;position:relative}.variant-token-label{bottom:calc(100% + var(--space-2));font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-inverse);background:var(--color-fill-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--shadow-sm);border:none;animation:.1s tooltip-fade;position:absolute;left:50%;transform:translate(-50%)}.intro-hero{margin-bottom:var(--space-16)}.intro-hero-eyebrow{align-items:center;gap:var(--space-3);font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-6);display:flex}.intro-hero-dash{background:var(--color-text-muted);width:24px;height:1px;display:inline-block}.intro-hero-title{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-8);font-size:clamp(3.5rem,6vw,4.5rem);font-weight:400;line-height:1.1}.intro-hero-title em{font-family:var(--font-family-display);color:var(--color-text-secondary);font-size:.75em;font-style:italic;font-weight:400}.intro-hero-title-brand{color:var(--color-accent-primary)}.intro-hero-body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:640px;margin-bottom:var(--space-10);line-height:1.7}.intro-hero-body strong{color:var(--color-text-primary);font-weight:600}.intro-hero-tags{gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.intro-hero-tag{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);display:inline-flex}.intro-hero-divider{background:var(--color-border-subtle);height:1px}.intro-hero-divider+.subsection{margin-top:var(--space-16)}.intro-hero-stats{padding:var(--space-10) 0;grid-template-columns:repeat(4,1fr);display:grid}.intro-hero-stat{gap:var(--space-2);flex-direction:column;display:flex}.intro-hero-stat-value{font-family:var(--font-family-display);font-size:var(--font-size-2xl);letter-spacing:-.02em;color:var(--color-text-primary);font-weight:400}.intro-hero-stat-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);text-transform:uppercase;color:var(--color-text-secondary)}.intro-callout{padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-12)}.intro-callout-title{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary);margin-bottom:var(--space-2)}.intro-callout-text{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:640px;line-height:1.7}.intro-callout-text em{font-style:italic}.intro-audience-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.intro-audience-card{padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl)}.intro-audience-label{font-family:var(--type-caption-family);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-inverse);background:var(--color-fill-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-3);display:inline-block}.intro-audience-title{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary);margin-bottom:var(--space-3)}.intro-audience-text{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.theme-card{transition:border-color var(--transition-base), box-shadow var(--transition-base);position:relative}.theme-card--selected{border-color:var(--color-border-hover)}.theme-card--soon{opacity:.78}.theme-card-heading{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.theme-card-heading .card-title{margin:0}.theme-card-status{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.12em;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);white-space:nowrap;font-size:9px}.theme-card-status--selected{background:var(--color-fill-primary);color:var(--color-text-inverse);border-color:var(--color-fill-primary)}.theme-card-toggle input:disabled+.toggle-track{cursor:not-allowed}.theme-card-footer{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.theme-card-swatches{align-items:center;gap:var(--space-2);display:flex}.theme-card-swatch{border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);width:20px;height:20px}.theme-card-mode{align-items:center;gap:var(--space-2);color:var(--color-icon-secondary);align-self:flex-start;display:inline-flex}.intro-next{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.intro-next-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.intro-next-grid .intro-next-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);flex-direction:column;min-height:160px}.intro-next-grid .intro-next-label{min-width:0}@media (width<=900px){.intro-next-grid{grid-template-columns:1fr}}.intro-next-row{align-items:baseline;gap:var(--space-6);width:100%;padding:var(--space-5) var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;color:inherit;text-align:left;transition:border-color var(--transition-fast), background var(--transition-fast);background:0 0;font-family:inherit;display:flex}.intro-next-row:hover{border-color:var(--color-border-hover);background:var(--color-surface-subtle)}.intro-next-label{font-family:var(--font-family-serif);font-size:var(--type-h4-size);line-height:var(--type-h4-leading);font-weight:var(--font-weight-regular);color:var(--color-text-primary);flex-shrink:0;min-width:160px}.intro-next-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.intro-tip-search-mock{align-items:center;gap:var(--space-2);height:var(--button-height-md);padding:0 var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-icon-secondary);background:0 0;display:flex}.intro-tip-search-icon{color:var(--color-icon-secondary);align-items:center;display:inline-flex}.intro-tip-search-placeholder{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-primary);flex:1}.intro-tip-copy-mock{align-items:center;gap:var(--space-2);display:flex}.intro-tip-copy-mock-title{font-family:var(--font-family-display);font-size:var(--type-h3-size);font-weight:var(--font-weight-regular);letter-spacing:-.02em;color:var(--color-text-primary);line-height:1.1}.intro-tip-copy-mock-icon{border-radius:var(--radius-sm);background:var(--color-fill-hover);width:28px;height:28px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:inline-flex;position:relative}.intro-tip-copy-mock-tooltip{font-family:var(--font-family-mono)}.card-text code{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background:var(--color-surface-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:1px 5px}.principle-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.principle-item{column-gap:var(--space-4);row-gap:var(--space-3);padding:var(--space-6) var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);grid-template-columns:auto 1fr;display:grid}.principle-number{font-family:var(--font-family-serif);font-size:var(--type-h2-size);font-weight:var(--font-weight-regular);line-height:var(--type-h2-leading);letter-spacing:var(--type-h2-tracking);color:var(--color-text-primary);grid-area:1/1/span 2;align-self:baseline}.principle-title{font-family:var(--font-family-serif);font-size:var(--type-h2-size);font-weight:var(--font-weight-regular);line-height:var(--type-h2-leading);letter-spacing:var(--type-h2-tracking);color:var(--color-text-primary);grid-column:2;align-self:baseline}.principle-text{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);letter-spacing:var(--type-small-tracking);color:var(--color-text-secondary);grid-column:2}.intro-setup{gap:var(--space-6);flex-direction:column;display:flex}.intro-setup-option{padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-top:var(--space-4)}.md-editor{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary);margin-top:var(--space-4);flex-direction:column;display:flex;overflow:hidden}.md-editor-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-subtle);display:flex}.md-editor-filename{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.md-editor-actions{gap:var(--space-2);display:flex}.md-editor-textarea{width:100%;min-height:540px;padding:var(--space-5);background:var(--color-surface-primary);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);resize:vertical;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;tab-size:2;border:none;outline:none;line-height:1.7;overflow:auto}.md-editor-textarea:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent-primary);outline:none}.skills-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.skills-grid{grid-template-columns:1fr}}.skills-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--transition-fast), background var(--transition-fast);background:0 0;font-family:inherit;display:flex}.skills-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-subtle)}.skills-card.active{border-color:var(--color-text-primary);background:var(--color-surface-subtle)}.skills-card-buddy{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.skills-card-buddy img{object-fit:cover;width:100%;height:100%}.skills-card-text{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.skills-card-name{font-family:var(--font-family-serif);font-size:var(--type-h4-size);font-weight:var(--font-weight-regular);letter-spacing:-.01em;color:var(--color-text-primary);line-height:1.1}.skills-card-role{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.skills-card-slash{font-family:var(--font-family-mono);color:var(--color-text-muted);flex-shrink:0;font-size:11px}.onboarding-list{margin:var(--space-8) 0 var(--space-16) 0;gap:var(--space-6);flex-direction:column;padding:0;list-style:none;display:flex}.onboarding-step{padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.onboarding-step-header{align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.onboarding-step-number{font-family:var(--font-family-serif);font-size:var(--type-h3-size);font-weight:var(--font-weight-regular);line-height:var(--type-h3-leading);color:var(--color-text-muted)}.onboarding-step-title{font-family:var(--font-family-serif);font-size:var(--type-h3-size);font-weight:var(--font-weight-regular);line-height:var(--type-h3-leading);letter-spacing:var(--type-h3-tracking);color:var(--color-text-primary);margin:0}.onboarding-step-body{gap:var(--space-4);flex-direction:column;display:flex}.onboarding-check{margin:var(--space-2) 0 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.onboarding-check li{padding-left:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;position:relative}.onboarding-check li:before{content:"";background:var(--color-accent-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:4px}.onboarding-check code{font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:var(--color-surface-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:1px 5px}.intro-setup-label{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking);color:var(--color-text-primary);margin-bottom:var(--space-3)}.intro-setup-note{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-3)}.intro-code{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-3);overflow-x:auto}.intro-code code{font-size:var(--font-size-xs);color:var(--color-text-primary);white-space:pre;line-height:1.6}.intro-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-3);line-height:1.6}.intro-token-layers{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;display:flex}.intro-token-layer{padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.intro-token-layer-title{font-family:var(--type-subheading-family);font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);line-height:var(--type-subheading-leading);letter-spacing:var(--type-subheading-tracking);color:var(--color-text-primary);margin-bottom:var(--space-2)}.intro-token-layer-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.intro-token-layer-desc code{font-size:var(--font-size-xs);background:var(--color-surface-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:1px 5px}.intro-token-table{gap:var(--space-6);margin-top:var(--space-4);flex-direction:column;display:flex}.intro-token-group-title{font-family:var(--type-overline-family);font-size:var(--type-overline-size);font-weight:var(--type-overline-weight);line-height:var(--type-overline-leading);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.intro-token-list{flex-direction:column;display:flex}.intro-token-row{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-sm);justify-content:space-between;align-items:baseline;display:flex}.intro-token-row:last-child{border-bottom:none}.intro-token-row code{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-primary);background:var(--color-surface-subtle);border-radius:var(--radius-sm);padding:2px 6px}.intro-token-row span{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:right}.intro-body code{font-size:var(--font-size-xs);background:var(--color-surface-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:2px 6px}@media (width<=768px){.main-content{padding:var(--space-8) var(--space-4);margin-left:0}.intro-hero-stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.intro-audience-grid{grid-template-columns:1fr}.intro-audience-card{border:1px solid var(--color-border-subtle)}.intro-callout{flex-direction:column}.intro-themes{grid-template-columns:1fr}.intro-next-row{gap:var(--space-2);flex-direction:column}.intro-next-label{min-width:0}}