:root{--color-app-bg:var(--wf-bg-primary);--color-surface:var(--wf-bg-card);--color-surface-muted:var(--wf-bg-secondary);--color-surface-secondary:var(--wf-bg-tertiary);--color-surface-elevated:var(--wf-bg-elevated);--color-surface-hover:var(--wf-bg-hover);--color-text:var(--wf-text-primary);--color-text-subtle:var(--wf-text-secondary);--color-text-muted:var(--wf-text-muted);--color-text-primary:var(--wf-text-primary);--color-text-secondary:var(--wf-text-secondary);--color-border:var(--wf-border-primary);--color-border-strong:var(--wf-border-secondary);--color-border-hover:var(--wf-border-secondary);--color-bg-hover:var(--wf-bg-hover);--color-focus:hsl(var(--wf-accent-primary-hsl)/35%);--color-brand:var(--wf-accent-primary);--wf-radius-pill:9999px;--wf-text-on-accent:#ffffff;--wf-text-on-accent-dark:#111827;--ws-icon-size-md:var(--spacing-5);--ws-icon-size-sm:var(--spacing-4);--ws-motion-shift-xs:var(--spacing-1);--wf-border-width-md:var(--spacing-1);--button-bg:var(--wf-button-bg);--button-bg-hover:var(--wf-button-bgHover);--button-text:var(--wf-button-text);--button-text-hover:var(--wf-button-textHover);--nav-sidebar-bg:var(--wf-bg-secondary);--nav-sidebar-border:var(--wf-border-primary);--nav-item-bg:transparent;--nav-item-bg-hover:var(--wf-bg-hover);--nav-item-bg-active:hsl(var(--wf-accent-primary-hsl)/12%);--nav-item-text:var(--wf-text-secondary);--nav-item-text-hover:var(--wf-text-primary);--nav-item-text-active:var(--wf-accent-primary);--nav-item-border:transparent;--nav-item-border-active:hsl(var(--wf-accent-primary-hsl)/30%);--nav-selection-item-bg:transparent;--nav-selection-item-bg-hover:var(--wf-bg-secondary);--nav-selection-item-bg-selected:hsl(var(--wf-accent-primary-hsl)/10%);--nav-selection-item-border:transparent;--nav-selection-item-border-selected:hsl(var(--wf-accent-primary-hsl)/30%);--nav-selection-item-text:var(--wf-text-primary);--nav-selection-item-text-selected:var(--wf-text-primary);--nav-section-bg:var(--wf-bg-secondary);--nav-section-border:var(--wf-border-primary);--nav-section-header-bg:transparent;--nav-section-header-bg-hover:var(--wf-bg-tertiary);--nav-divider-bg:var(--wf-border-primary);--nav-divider-text:var(--wf-text-muted);--nav-upload-bg:var(--wf-bg-secondary);--nav-upload-bg-hover:var(--wf-bg-tertiary);--nav-upload-border:var(--wf-border-primary);--nav-upload-icon-bg:var(--wf-accent-primary);--color-info-hsl:var(--wf-status-info-hsl);--color-success-hsl:var(--wf-status-success-hsl);--color-warning-hsl:var(--wf-status-warning-hsl);--color-error-hsl:var(--wf-status-error-hsl);--color-info:hsl(var(--color-info-hsl));--color-success:hsl(var(--color-success-hsl));--color-warning:hsl(var(--color-warning-hsl));--color-error:hsl(var(--color-error-hsl));--color-danger:hsl(var(--color-error-hsl));--alert-info-hsl:var(--color-info-hsl);--alert-info:hsl(var(--alert-info-hsl)/12%);--alert-info-foreground:hsl(var(--alert-info-hsl));--alert-info-border:hsl(var(--alert-info-hsl)/35%);--alert-info-solid:hsl(var(--alert-info-hsl));--alert-success-hsl:var(--color-success-hsl);--alert-success:hsl(var(--alert-success-hsl)/12%);--alert-success-foreground:hsl(var(--alert-success-hsl));--alert-success-border:hsl(var(--alert-success-hsl)/35%);--alert-success-solid:hsl(var(--alert-success-hsl));--alert-warning-hsl:var(--color-warning-hsl);--alert-warning:hsl(var(--alert-warning-hsl)/12%);--alert-warning-foreground:hsl(var(--alert-warning-hsl));--alert-warning-border:hsl(var(--alert-warning-hsl)/35%);--alert-warning-solid:hsl(var(--alert-warning-hsl));--alert-error-hsl:var(--color-error-hsl);--alert-error:hsl(var(--alert-error-hsl)/12%);--alert-error-foreground:hsl(var(--alert-error-hsl));--alert-error-border:hsl(var(--alert-error-hsl)/35%);--alert-error-solid:hsl(var(--alert-error-hsl));--wf-surface-secondary:var(--wf-bg-primary);--chat-bg-primary:var(--wf-bg-primary);--chat-surface:var(--wf-bg-card);--chat-surface-muted:var(--wf-bg-secondary);--chat-surface-elevated:var(--wf-bg-elevated);--chat-surface-hover:var(--wf-bg-hover);--chat-text:var(--wf-text-primary);--chat-text-primary:var(--wf-text-primary);--chat-text-secondary:var(--wf-text-secondary);--chat-text-muted:var(--wf-text-muted);--chat-border:var(--wf-border-primary);--chat-accent:var(--wf-accent-primary);--chat-accent-subtle:hsl(var(--wf-accent-primary-hsl)/0.1);--chat-card-background:var(--wf-bg-card);--chat-card-hover:var(--wf-bg-hover);--ws-accent-primary:var(--wf-accent-blue);--ws-accent-primary-hsl:var(--wf-accent-blue-hsl);--ws-accent-primary-2-hsl:var(--wf-accent-indigo-hsl);--ws-accent-secondary:var(--wf-accent-green);--ws-accent-secondary-hsl:var(--wf-accent-green-hsl);--ws-accent-secondary-2-hsl:var(--wf-accent-cyan-hsl);--ws-accent-tertiary:var(--wf-accent-purple);--ws-accent-tertiary-hsl:var(--wf-accent-purple-hsl);--ws-accent-tertiary-2-hsl:var(--wf-accent-pink-hsl);--button-padding-x:var(--wf-spacing-button,var(--spacing-4));--button-padding-y:var(--spacing-2);--button-padding-x-sm:var(--spacing-3);--button-padding-y-sm:var(--spacing-1\.5);--button-padding-x-lg:var(--spacing-6);--button-padding-y-lg:var(--spacing-3);--button-radius:var(--wf-radius-button,var(--border-radius-lg));--button-radius-sm:var(--border-radius-md);--button-font-size:var(--font-size-sm);--button-font-size-sm:var(--font-size-xs);--button-font-weight:var(--font-weight-medium);--button-bg-primary:var(--color-indigo-500);--button-bg-primary-hover:var(--color-indigo-600);--button-bg-secondary:var(--wf-bg-secondary);--button-bg-secondary-hover:var(--wf-bg-tertiary);--button-bg-ghost:transparent;--button-bg-danger:var(--color-error-500);--button-bg-danger-hover:var(--color-error-600);--button-text-primary:#ffffff;--button-text-secondary:var(--wf-text-primary);--button-text-ghost:var(--wf-text-primary);--button-text-danger:#ffffff;--button-border-secondary:var(--wf-border-primary);--button-border-ghost:transparent;--ws-button-destructive-text:hsl(var(--color-error-hsl));--ws-button-destructive-border:hsl(var(--color-error-hsl)/35%);--ws-button-destructive-bg-hover:hsl(var(--color-error-hsl)/8%);--ws-button-compact-padding-x:var(--button-padding-x-sm);--ws-button-compact-padding-y:var(--spacing-0\.5);--ws-button-compact-font-size:var(--button-font-size-sm);--cn-overlay-bg:hsl(0 0% 0%/55%);--cn-overlay-z:var(--z-modal-backdrop);--cn-overlay-padding:var(--spacing-4);--cn-modal-bg:var(--card-bg);--cn-modal-border:var(--card-border);--cn-modal-radius:var(--card-radius-sm);--cn-modal-shadow:var(--card-shadow);--cn-modal-maxh:90vh;--cn-modal-pad:var(--spacing-6);--cn-modal-maxw-md:28rem;--cn-modal-maxw-lg:38rem;--cn-modal-maxw-xl:44rem;--cn-table-font-size:var(--font-size-sm);--cn-table-header-color:var(--wf-text-secondary);--cn-table-border:var(--card-border);--cn-table-cell-padding-y:var(--spacing-2);--cn-table-cell-padding-x:var(--spacing-3);--cn-table-row-hover-bg:var(--wf-bg-hover);--density-space-comfortable:var(--spacing-6);--density-space-compact:var(--spacing-4);--density-space-1-comfortable:var(--spacing-4);--density-space-1-compact:var(--spacing-3);--density-space-2-comfortable:var(--spacing-6);--density-space-2-compact:var(--spacing-4);--density-space-1:var(--density-space-1-comfortable);--density-space-2:var(--density-space-2-comfortable);--density-card-padding:var(--density-space-2);--density-panel-padding:var(--density-space-1);--density-panel-padding-y:var(--density-space-1) var(--density-space-0);--density-container-padding:var(--density-space-2);--density-grid-gap-md:var(--density-space-1);--density-grid-gap-lg:var(--density-space-2);--density-input-height:2.5rem;--density-input-height-compact:2.25rem;--card-padding:var(--wf-spacing-card,var(--density-card-padding));--card-padding-sm:var(--spacing-4);--card-padding-lg:var(--spacing-8);--card-radius:var(--wf-radius-card,var(--border-radius-xl));--card-radius-sm:var(--border-radius-lg);--card-bg:var(--wf-surface-card-primary);--card-bg-secondary:var(--wf-bg-secondary);--card-bg-hover:hsl(var(--wf-bg-hover-hsl)/1);--card-bg-elevated:var(--wf-surface-card-tertiary);--card-border:var(--wf-border-primary);--card-border-strong:hsl(var(--wf-border-primary-hsl)/1);--card-shadow:var(--wf-shadow-card,var(--wf-shadow-sm));--card-shadow-hover:var(--wf-shadow-elevated,var(--wf-shadow-md));--card-glass-bg:var(--glass-bg);--card-glass-border:var(--glass-border);--card-glass-blur:var(--glass-blur);--card-glass-shadow:var(--glass-shadow);--input-height:var(--density-input-height);--input-height-sm:2rem;--input-height-lg:3rem;--input-padding-x:var(--spacing-3);--input-padding-y:var(--spacing-2);--input-radius:var(--wf-radius-input,var(--border-radius-md));--input-bg:var(--wf-bg-primary);--input-bg-disabled:var(--wf-bg-secondary);--input-border:var(--wf-border-primary);--input-border-hover:var(--wf-border-secondary);--input-border-focus:var(--color-indigo-500);--input-text:var(--wf-text-primary);--input-text-muted:var(--wf-text-muted);--input-placeholder:var(--wf-text-muted);--input-focus-ring:0 0 0 3px hsl(var(--wf-accent-primary-hsl)/0.1);--ws-combobox-bg:var(--wf-surface-card-primary);--ws-combobox-border:var(--wf-border-primary);--ws-combobox-radius:var(--wf-radius-card,var(--border-radius-lg));--ws-combobox-shadow:var(--wf-shadow-card,var(--wf-shadow-sm));--ws-combobox-text:var(--wf-text-primary);--ws-combobox-text-muted:var(--wf-text-muted);--ws-combobox-input-bg:transparent;--ws-combobox-input-text:var(--wf-text-primary);--ws-combobox-input-placeholder:var(--wf-text-muted);--ws-combobox-divider:var(--wf-border-primary);--ws-combobox-item-radius:var(--border-radius-sm);--ws-combobox-item-padding-x:var(--spacing-2);--ws-combobox-item-padding-y:var(--spacing-1-5,0.375rem);--ws-combobox-item-text:var(--wf-text-primary);--ws-combobox-item-text-hover:var(--wf-text-primary);--ws-combobox-item-bg-hover:var(--wf-bg-hover);--ws-combobox-item-bg-selected:var(--wf-bg-hover);--ws-combobox-item-text-disabled:var(--wf-text-muted);--ws-combobox-trigger-bg:var(--input-bg);--ws-combobox-trigger-border:var(--input-border);--ws-combobox-trigger-radius:var(--input-radius);--ws-combobox-trigger-text:var(--wf-text-primary);--ws-combobox-trigger-text-placeholder:var(--wf-text-muted);--ws-tag-input-field-bg:var(--input-bg);--ws-tag-input-field-border:var(--input-border);--ws-tag-input-field-radius:var(--input-radius);--ws-tag-input-chip-bg:hsl(var(--wf-accent-primary-hsl)/12%);--ws-tag-input-chip-border:hsl(var(--wf-accent-primary-hsl)/25%);--ws-tag-input-chip-color:var(--color-brand);--ws-tag-input-badge-bg:hsl(var(--wf-accent-primary-hsl)/6%);--ws-tag-input-badge-border:hsl(var(--wf-accent-primary-hsl)/20%);--ws-tag-input-option-bg-hover:var(--color-surface-hover);--container-max-width:1280px;--container-max-width-narrow:768px;--container-max-width-wide:1536px;--container-max-width-full:100%;--container-padding:var(--density-container-padding);--container-padding-sm:var(--spacing-4);--nav-height:4rem;--nav-height-compact:3.5rem;--sidebar-width:18rem;--sidebar-width-collapsed:4rem;--sidebar-width-wide:20rem;--content-max-width:65ch;--metric-value-size:var(--font-size-3xl);--metric-value-weight:var(--font-weight-bold);--metric-label-size:var(--font-size-sm);--metric-label-color:var(--wf-text-secondary);--metric-change-positive:var(--color-success-600);--metric-change-negative:var(--color-error-600);--metric-change-neutral:var(--wf-text-muted);--dashboard-card-min-height:8rem;--dashboard-gap:var(--spacing-6);--dashboard-grid-cols:4;--badge-padding-x:var(--spacing-2);--badge-padding-y:var(--spacing-1);--badge-radius:var(--border-radius-md);--badge-font-size:var(--font-size-xs);--badge-font-weight:var(--font-weight-medium);--badge-bg-default:var(--wf-bg-secondary);--badge-bg-success:var(--alert-success);--badge-bg-warning:var(--alert-warning);--badge-bg-error:var(--alert-error);--badge-bg-info:var(--alert-info);--badge-text-default:var(--wf-text-primary);--badge-text-success:var(--alert-success-foreground);--badge-text-warning:var(--alert-warning-foreground);--badge-text-error:var(--alert-error-foreground);--badge-text-info:var(--alert-info-foreground);--marketing-color-primary:var(--color-indigo-500);--marketing-color-primary-light:var(--color-indigo-400);--marketing-color-primary-dark:var(--color-indigo-600);--marketing-color-accent:var(--color-cyan-500);--marketing-color-accent-light:var(--color-cyan-300);--marketing-color-accent-dark:var(--color-cyan-600);--marketing-spacing-section:var(--spacing-16) var(--spacing-8);--marketing-spacing-container:var(--spacing-8);--marketing-spacing-feature-gap:var(--spacing-6);--marketing-spacing-element-gap:var(--spacing-4);--marketing-radius-sm:var(--border-radius-lg);--marketing-radius-md:var(--border-radius-xl);--marketing-radius-lg:var(--border-radius-2xl);--marketing-radius-full:var(--border-radius-full);--marketing-transition-smooth:var(--transition-slow);--marketing-transition-fast:var(--transition-base);--marketing-heading-1:var(--font-size-5xl);--marketing-heading-2:var(--font-size-3xl);--marketing-heading-3:var(--font-size-xl);--marketing-text-base:var(--font-size-base);--marketing-text-sm:var(--font-size-sm);--marketing-text-xs:var(--font-size-xs);--marketing-font-weight-medium:var(--font-weight-medium);--marketing-font-weight-semibold:var(--font-weight-semibold);--marketing-font-weight-bold:var(--font-weight-bold);--marketing-bg-base:#030527;--marketing-bg-secondary:#0a0e3a;--marketing-bg-tertiary:#0f2151;--marketing-text-primary:#ffffff;--marketing-text-muted:#c5cae8;--marketing-text-subtle:rgba(255,255,255,0.7);--marketing-text-very-subtle:rgba(255,255,255,0.5);--marketing-surface-base:rgba(15,33,81,0.3);--marketing-surface-hover:rgba(15,33,81,0.5);--marketing-surface-elevated:rgba(15,33,81,0.8);--marketing-surface-dark:rgba(26,26,46,0.8);--marketing-surface-glass:rgba(15,33,81,0.4);--marketing-border-base:rgba(99,102,241,0.2);--marketing-border-strong:rgba(99,102,241,0.3);--marketing-border-emphasis:rgba(99,102,241,0.4);--marketing-border-highlight:rgba(99,102,241,0.6);--marketing-glow-indigo-soft:0 0 30px rgba(99,102,241,0.5),0 0 60px rgba(99,102,241,0.3);--marketing-glow-indigo-strong:0 0 50px rgba(99,102,241,0.8),0 0 100px rgba(99,102,241,0.5);--marketing-glow-cyan:0 0 40px rgba(6,182,212,1),0 0 80px rgba(6,182,212,0.6);--marketing-glow-cyan-strong:0 0 60px rgba(6,182,212,1),0 0 120px rgba(6,182,212,0.8);--marketing-eyebrow:28px;--marketing-heading-2-exact:32px;--marketing-container-max:1200px;--marketing-feature-grid-min:250px;--marketing-feature-bg:var(--marketing-surface-base);--marketing-feature-bg-hover:var(--marketing-surface-hover);--marketing-feature-border:var(--marketing-border-strong);--marketing-feature-border-hover:var(--marketing-border-highlight);--marketing-feature-icon-bg:var(--marketing-bg-tertiary);--marketing-feature-icon-color:var(--marketing-color-primary-light);--marketing-button-bg:var(--marketing-color-primary);--marketing-button-bg-dark:var(--marketing-color-accent);--marketing-button-text:var(--marketing-text-primary);--marketing-button-text-dark:var(--color-neutral-900);--marketing-circuit-bg:var(--marketing-surface-hover);--marketing-circuit-bg-hover:var(--marketing-surface-elevated);--marketing-circuit-border:var(--marketing-border-base);--marketing-circuit-border-hover:var(--marketing-border-emphasis);--marketing-circuit-text:var(--marketing-color-primary-light);--marketing-switch-bg:var(--marketing-surface-dark);--marketing-switch-text:var(--marketing-text-muted);--marketing-switch-text-active:var(--marketing-text-primary);--marketing-switch-indicator-bg:linear-gradient(135deg,var(--marketing-color-primary-light),var(--marketing-color-primary));--marketing-gradient-stage55:linear-gradient(135deg,#f59e0b,#ec4899);--marketing-gradient-eyebrow:linear-gradient(174deg,#22d3ee,#a855f7);--marketing-gradient-divider:linear-gradient(90deg,transparent,rgba(99,102,241,0.5) 50%,transparent);--marketing-bg-light:#ffffff;--marketing-bg-light-secondary:#f8fafc;--marketing-text-light-primary:#0f172a;--marketing-text-light-secondary:#475569;--marketing-text-light-muted:#64748b;--marketing-surface-light:#ffffff;--marketing-surface-light-hover:#f1f5f9;--marketing-border-light:#e2e8f0;--marketing-border-light-strong:#cbd5e1;--marketing-feature-bg-light:#ffffff;--marketing-feature-border-light:#e2e8f0;--marketing-feature-icon-bg-light:#f1f5f9;--cn-shell-bg:var(--wf-bg-base);--cn-shell-text:var(--wf-text);--cn-shell-pad:var(--spacing-6);--cn-page-maxw:1100px;--cn-page-maxw-wide:1280px;--cn-header-space:var(--spacing-4);--cn-header-gap:var(--spacing-4);--cn-header-title-size:var(--font-size-2xl);--cn-header-title-lh:1.2;--cn-header-title-weight:var(--font-weight-semibold);--cn-header-subtitle-mt:var(--spacing-1\.5);--cn-header-subtitle-color:var(--wf-text-secondary);--cn-panel-border:var(--wf-border-primary);--cn-panel-radius:var(--border-radius-xl);--cn-panel-bg:var(--wf-surface);--cn-panel-pad:var(--density-panel-padding);--cn-panel-pad-y:var(--density-panel-padding-y);--cn-panel-bg-subtle:var(--wf-surface-2);--cn-panel-border-danger:var(--wf-danger);--cn-section-mt:var(--spacing-5);--cn-section-title-size:var(--font-size-sm);--cn-section-title-weight:var(--font-weight-semibold);--cn-section-title-color:var(--wf-text-secondary);--cn-section-title-mb:var(--spacing-2\.5);--cn-grid-gap-sm:var(--spacing-3);--cn-grid-gap-md:var(--density-grid-gap-md);--cn-grid-gap-lg:var(--density-grid-gap-lg);--ws-layout-gap-sm:var(--spacing-3);--ws-layout-gap-md:var(--spacing-4);--ws-layout-gap-lg:var(--spacing-6);--ws-row-gap:var(--ws-layout-gap-md);--ws-row-align:center;--ws-row-justify:flex-start;--ws-row-wrap:nowrap;--ws-stack-gap:var(--ws-layout-gap-md);--ws-stack-align:stretch;--ws-accent-quaternary:var(--wf-accent-orange);--ws-accent-quaternary-hsl:var(--wf-accent-orange-hsl);--ws-accent-quaternary-2-hsl:var(--wf-accent-yellow-hsl);--ws-stat-bg:var(--card-bg);--ws-stat-border:var(--card-border);--ws-stat-shadow:var(--card-shadow);--ws-stat-padding:var(--card-padding);--ws-stat-radius:var(--card-radius);--ws-stat-icon-size:3rem;--ws-stat-icon-size-sm:2.5rem;--ws-stat-icon-size-lg:4rem;--ws-stat-icon-bg:transparent;--ws-stat-icon-fg:var(--wf-text-secondary);--ws-stat-icon-border:transparent;--ws-stat-title-size:var(--font-size-sm);--ws-stat-title-color:var(--wf-text-secondary);--ws-stat-title-weight:var(--font-weight-medium);--ws-stat-value-size:var(--metric-value-size);--ws-stat-value-color:var(--wf-text-primary);--ws-stat-value-weight:var(--metric-value-weight);--ws-stat-change-size:var(--font-size-sm);--ws-stat-change-weight:var(--font-weight-medium);--ws-stat-change-positive:var(--metric-change-positive);--ws-stat-change-negative:var(--metric-change-negative);--ws-stat-change-neutral:var(--metric-change-neutral);--ws-stat-bg-hover:var(--card-bg-hover);--ws-stat-shadow-hover:var(--card-shadow-hover);--ws-stat-padding-compact:var(--spacing-4);--ws-stat-content-gap-compact:var(--spacing-3);--ws-stat-data-gap-compact:var(--spacing-1\.5);--ws-stat-title-size-compact:var(--font-size-xs);--ws-stat-value-size-compact:var(--font-size-2xl);--ws-stat-change-size-compact:var(--font-size-xs);--ws-stat-change-gap-compact:var(--spacing-1);--ws-stat-icon-size-compact:var(--ws-stat-icon-size-sm);--ws-stat-icon-size-compact-sm:var(--spacing-9);--ws-stat-icon-size-compact-lg:var(--spacing-14)}.cn-app-shell{--density-space-1:var(--density-space-1-compact);--density-space-2:var(--density-space-2-compact);--density-input-height:var(--density-input-height-compact);--ws-page-pad-x:var(--cn-page-pad-x);--ws-page-pad-y:var(--cn-page-pad-y)}:root{--ws-page-pad-x:var(--spacing-16);--ws-page-pad-y:var(--spacing-10);--cn-page-pad-x:var(--spacing-16);--cn-page-pad-y:var(--spacing-10);--ws-page-maxw:130rem;--ws-page-pad:var(--spacing-10) var(--spacing-16);--ws-page-pad-mobile:var(--spacing-10) var(--spacing-6);--ws-qa-padding:var(--spacing-6);--ws-qa-padding-horizontal:var(--spacing-5);--ws-qa-padding-compact:var(--spacing-3) var(--spacing-4);--ws-qa-radius:var(--border-radius-xl);--ws-qa-title-size:var(--font-size-xl);--ws-qa-title-size-horizontal:var(--font-size-base);--ws-qa-title-size-compact:var(--font-size-base);--ws-qa-title-weight:var(--font-weight-semibold);--ws-qa-desc-size:var(--font-size-sm);--ws-qa-desc-size-compact:var(--font-size-xs);--ws-qa-icon-size:48px;--ws-qa-icon-size-compact:40px;--ws-qa-icon-radius:var(--border-radius-lg);--ws-qa-bg:var(--wf-surface-card-primary);--ws-qa-bg-hover:hsl(var(--wf-bg-hover-hsl)/1);--ws-qa-border:var(--wf-border-primary);--ws-qa-border-hover:var(--wf-border-primary);--ws-qa-title-color:var(--wf-text-primary);--ws-qa-desc-color:var(--wf-text-secondary);--ws-qa-chevron-hover:var(--wf-text-primary);--ws-qa-shadow:var(--wf-shadow-card,var(--wf-shadow-sm));--ws-qa-shadow-hover:var(--wf-shadow-elevated,var(--wf-shadow-md));--ws-qa-icon-bg:hsl(var(--wf-bg-elevated-hsl)/1);--ws-qa-icon-fg:var(--wf-text-primary);--ws-qa-icon-border:var(--wf-border-primary)}@theme inline{--color-status-info:var(--color-info);--color-status-success:var(--color-success);--color-status-warning:var(--color-warning);--color-status-error:var(--color-error);--color-alert-info:var(--alert-info);--color-alert-info-foreground:var(--alert-info-foreground);--color-alert-info-border:var(--alert-info-border);--color-alert-info-solid:var(--alert-info-solid);--color-alert-success:var(--alert-success);--color-alert-success-foreground:var(--alert-success-foreground);--color-alert-success-border:var(--alert-success-border);--color-alert-success-solid:var(--alert-success-solid);--color-alert-warning:var(--alert-warning);--color-alert-warning-foreground:var(--alert-warning-foreground);--color-alert-warning-border:var(--alert-warning-border);--color-alert-warning-solid:var(--alert-warning-solid);--color-alert-error:var(--alert-error);--color-alert-error-foreground:var(--alert-error-foreground);--color-alert-error-border:var(--alert-error-border);--color-alert-error-solid:var(--alert-error-solid);--ws-avatar-borderRadius:9999px;--ws-avatar-bg:var(--color-surface-elevated);--ws-avatar-border:1px solid var(--color-border);--ws-avatar-fallback-fontWeight:600;--ws-avatar-fallback-color:var(--color-text-primary);--ws-avatar-fallback-bg:linear-gradient(135deg,var(--color-brand),var(--color-secondary));--ws-avatar-size-sm:2rem;--ws-avatar-size-md:2.5rem;--ws-avatar-size-lg:3rem;--ws-avatar-text-sm:0.75rem;--ws-avatar-text-md:0.875rem;--ws-avatar-text-lg:1rem;--ws-avatar-border-hover:var(--color-border-hover);--ws-avatar-focus-ring:var(--color-brand);--ws-dropdown-bg:var(--color-surface-elevated);--ws-dropdown-border:var(--color-border);--ws-dropdown-borderRadius:0.5rem;--ws-dropdown-padding:0.25rem;--ws-dropdown-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--ws-dropdown-minWidth:8rem;--ws-dropdown-item-padding:0.5rem 0.75rem;--ws-dropdown-item-borderRadius:0.375rem;--ws-dropdown-item-fontSize:0.875rem;--ws-dropdown-item-color:var(--color-text-primary);--ws-dropdown-item-bg-hover:var(--color-surface-hover);--ws-dropdown-item-color-destructive:var(--color-error);--ws-dropdown-item-bg-destructive-hover:hsl(var(--color-error-hsl)/0.1);--ws-dropdown-label-padding:0.375rem 0.75rem;--ws-dropdown-label-fontSize:0.75rem;--ws-dropdown-label-fontWeight:600;--ws-dropdown-label-color:var(--color-text-secondary);--ws-dropdown-separator-margin:0.25rem 0;--ws-dropdown-separator-color:var(--color-border);--ws-skeleton-bg:var(--color-border);--ws-skeleton-borderRadius:0.375rem;--ws-skeleton-opacity-start:0.4;--ws-skeleton-opacity-mid:0.6;--ws-skeleton-shimmer:rgba(255,255,255,0.1);--ws-skeleton-height-card:8rem;--ws-skeleton-width-card:100%;--ws-skeleton-height-text:1rem;--ws-skeleton-width-text:100%;--ws-skeleton-height-avatar:2.5rem;--ws-skeleton-width-avatar:2.5rem;--ws-skeleton-borderRadius-avatar:9999px;--ws-skeleton-height-button:2.5rem;--ws-skeleton-width-button:6rem;--ws-accordion-border:var(--color-border);--ws-accordion-trigger-padding:1rem 0;--ws-accordion-trigger-fontSize:0.875rem;--ws-accordion-trigger-fontWeight:500;--ws-accordion-trigger-color:var(--color-text-primary);--ws-accordion-trigger-color-hover:var(--color-brand);--ws-accordion-focus-ring:var(--color-brand);--ws-accordion-content-fontSize:0.875rem;--ws-accordion-content-color:var(--color-text-secondary);--ws-accordion-content-paddingTop:0.5rem;--ws-accordion-content-paddingBottom:1rem;--ws-separator-color:var(--color-border);--ws-separator-thickness:1px;--ws-separator-spacing-sm:0.5rem;--ws-separator-spacing-md:1rem;--ws-separator-spacing-lg:2rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;height:4rem;justify-content:between;backdrop-filter:blur(8px);background:var(--wf-surface-secondary-alpha-95);border-bottom:1px solid var(--wf-border-primary);transition:background-color .3s ease,border-color .3s ease}.navbar,.navbar__container{display:flex;align-items:center;padding:0 1.5rem}.navbar__container{justify-content:space-between;width:100%;max-width:2050px;margin:0 auto;transition:all .3s ease}@media (min-width:768px){.navbar__container{padding:0 2.5rem}}@media (min-width:1024px){.navbar__container{padding:0 3rem}}.navbar__brand{font-size:1.125rem;font-weight:700;color:var(--wf-text-primary);text-decoration:none;transition:color .2s ease}.navbar__brand:hover{color:var(--wf-accent-primary)}.navbar__nav{display:none}@media (min-width:768px){.navbar__nav{display:flex;align-items:center;gap:1.5rem}}.nav-link{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;font-weight:600;font-size:.875rem;color:var(--wf-text-secondary);text-decoration:none;border-radius:var(--border-radius-md);transition:all .2s ease;white-space:nowrap}.nav-link:hover{color:var(--wf-text-primary);background:var(--wf-surface-tertiary)}.nav-link:focus{outline:2px solid var(--wf-accent-primary);outline-offset:2px}.nav-link--active{color:var(--wf-accent-primary);background:var(--wf-accent-primary-alpha-10)}.nav-link--active:hover{color:var(--wf-accent-primary);background:var(--wf-accent-primary-alpha-20)}.nav-link--admin,.nav-link--admin:hover{color:var(--wf-status-warning)}.nav-link--admin:hover{background:var(--wf-status-warning-alpha-10)}.nav-link__icon{width:1rem;height:1rem;stroke-width:1}.navbar__actions{display:flex;align-items:center;gap:1rem;margin-left:auto}.navbar__toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:none;color:var(--wf-text-primary);cursor:pointer;border-radius:var(--border-radius-md);transition:background-color .2s ease}@media (min-width:768px){.navbar__toggle{display:none}}.navbar__toggle:hover{background:var(--wf-surface-tertiary)}.navbar__logout{padding:.5rem 1rem;background:var(--wf-status-error);color:white;border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.navbar__logout:hover{background:var(--wf-status-error-darker)}.nav-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.nav-list--horizontal{flex-direction:row;gap:1.5rem}.nav-item{display:flex}@media (max-width:767px){.navbar__nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--wf-surface-primary);border-bottom:1px solid var(--wf-border-primary);padding:1rem;box-shadow:var(--wf-shadow-lg)}.navbar__nav--open{display:flex;align-items:stretch}.nav-list--horizontal,.navbar__nav--open{flex-direction:column;gap:.5rem}.nav-link{padding:.75rem 1rem;border-radius:var(--border-radius-md)}}.navbar--transparent{background:transparent;backdrop-filter:none;border-bottom:none}.navbar--compact{height:3rem;padding:0 1rem}.navbar--elevated{box-shadow:var(--wf-shadow-lg)}.main-content{overflow:auto;background:var(--color-app-bg);grid-column:2!important;position:relative;width:100%;min-width:0;margin-left:0!important}.main-content--compact{padding:1rem}.main-content--full{padding:0}.main-content--with-margins{padding:2rem}.main-content--with-top-nav{overflow:auto;background:var(--color-app-bg);grid-column:2!important;position:relative;width:100%;min-width:0;margin-left:0!important;margin-top:4rem}.content-area{padding:2rem;display:flex;flex-direction:column;gap:2rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width:1024px){.container{padding:0 1.5rem}}@media (max-width:768px){.container{padding:0 1rem}}.content-area--compact{padding:1rem;gap:1rem}.content-area--no-top-padding,.content-area--with-top-nav{padding:0 2rem 2rem;display:flex;flex-direction:column;gap:2rem}.content-area--with-top-nav{margin-top:4rem}.content-area__centered,.content-area__empty{display:flex;justify-content:center;align-items:center;text-align:center}.content-area__empty{flex-direction:column;padding:3rem 1rem;color:var(--wf-text-secondary)}.content-area--scrollable{flex:1;overflow:auto;padding:1rem}.layout-stack{display:flex;flex-direction:column;gap:1rem}.section-container{background:var(--wf-bg-secondary);border-radius:var(--border-radius-md,.5rem)}.grid-responsive{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:600px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.draggable-modal{width:100%;height:100%;background:var(--wf-bg-primary);border:1px solid var(--wf-border-primary);border-radius:var(--border-radius-lg,.5rem);box-shadow:var(--wf-shadow-2xl);display:flex;flex-direction:column}.draggable-modal__overlay{position:fixed;inset:0;z-index:999;background:hsl(0 0% 0%/.35);backdrop-filter:blur(6px)}.draggable-modal__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--wf-border-primary);background:var(--wf-bg-secondary);border-top-left-radius:var(--border-radius-lg,.5rem);border-top-right-radius:var(--border-radius-lg,.5rem);cursor:move}.modal-copilot .draggable-modal__header{background:var(--wf-bg-secondary);border:none}.draggable-modal__title{color:var(--wf-text-primary);font-weight:600;font-size:1rem;margin:0}.draggable-modal__actions{display:flex;align-items:center;gap:.5rem}.draggable-modal__btn{padding:.25rem;color:var(--wf-text-secondary);background:transparent;border:none;border-radius:var(--border-radius-sm,.25rem);cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.draggable-modal__btn:hover{color:var(--wf-text-primary)}.draggable-modal__btn--close:hover{color:var(--wf-status-error)}.draggable-modal__btn svg{width:1rem;height:1rem}.modal-copilot .draggable-modal.guide-modal__container{--tw-shadow:0 0 12px rgba(73,234,188,.18),0 0 28px rgba(73,234,188,.08);--tw-shadow-colored:0 0 12px var(--tw-shadow-color),0 0 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.draggable-modal__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem}.draggable-modal__content.draggable-modal__content--flush{padding:0;overflow:hidden}.draggable-modal__bottom-handle,.draggable-modal__bottom-handle .modal-copilot{height:.75rem;background:var(--wf-bg-secondary);border-top:0 solid var(--wf-border-primary);border-bottom-left-radius:var(--border-radius-lg,.5rem);border-bottom-right-radius:var(--border-radius-lg,.5rem);cursor:move;flex-shrink:0}.copilot-modal-footer{display:flex;align-items:center;justify-content:space-between;background:var(--wf-bg-secondary);border-top:1px solid var(--wf-border-primary);padding:.75rem 1rem 0}.phrase-review-modal{position:relative;width:100%;max-width:56rem;max-height:90vh;overflow:hidden;background:var(--wf-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--wf-shadow-2xl)}.phrase-review-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--wf-border-primary)}.phrase-review-modal__header-content{display:flex;align-items:center;gap:.75rem}.phrase-review-modal__icon{width:1.5rem;height:1.5rem;color:var(--wf-accent-primary)}.phrase-review-modal__title-wrapper{display:flex;flex-direction:column}.phrase-review-modal__title{font-size:1.25rem;font-weight:600;color:var(--wf-text-primary);margin:0}.phrase-review-modal__subtitle{font-size:.875rem;color:var(--wf-text-secondary);margin:0}.phrase-review-modal__close{padding:.5rem;color:var(--wf-text-secondary);background:transparent;border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:all .2s ease}.phrase-review-modal__close:hover{color:var(--wf-text-primary);background:var(--wf-surface-tertiary)}.phrase-review-modal__close svg{width:1.25rem;height:1.25rem}.phrase-review-modal__content{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 12.5rem)}.phrase-review-original{margin-bottom:1.5rem}.phrase-review-original__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.phrase-review-original__label{font-size:.75rem;font-weight:500;color:var(--wf-text-secondary);text-transform:uppercase;letter-spacing:.025em}.phrase-review-original__badge{padding:.125rem .5rem;font-size:.75rem;font-weight:500;background:hsl(var(--wf-accent-primary-hsl)/.1);color:var(--wf-accent-primary);border-radius:var(--border-radius-sm)}.phrase-review-original__text{padding:1rem;background:var(--wf-surface-secondary);border:1px solid var(--wf-border-primary);border-radius:var(--border-radius-lg)}.phrase-review-original__text p{color:var(--wf-text-primary);margin:0}.phrase-review-variants{display:flex;flex-direction:column;gap:1rem}.phrase-review-variants__header{display:flex;align-items:center;justify-content:space-between}.phrase-review-variants__title{font-size:.875rem;font-weight:500;color:var(--wf-text-secondary)}.phrase-review-variants__advanced{font-size:.75rem;color:var(--wf-accent-primary);background:transparent;border:none;cursor:pointer;transition:color .2s ease}.phrase-review-variants__advanced:hover{color:var(--wf-accent-primary-hover)}.phrase-review-variants__list{display:flex;flex-direction:column;gap:1rem}.phrase-variant-card{padding:1rem;border:2px solid var(--wf-border-primary);background:var(--wf-bg-primary);border-radius:var(--border-radius-lg);transition:all .2s ease}.phrase-variant-card__content{margin-bottom:.75rem}.phrase-variant-card__text-wrapper{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.phrase-variant-card__text{flex:1;color:var(--wf-text-primary);line-height:1.6;margin:0}.phrase-variant-card__edit{flex-shrink:0;padding:.375rem;color:var(--wf-text-secondary);background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease}.phrase-variant-card__edit:hover{color:var(--wf-accent-primary);background:hsl(var(--wf-accent-primary-hsl)/.1)}.phrase-variant-card__edit svg{width:1rem;height:1rem}.phrase-variant-card__tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.phrase-variant-card__tag{padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--border-radius-sm)}.phrase-variant-card__tag--primary{background:hsl(var(--wf-accent-primary-hsl)/.1);color:var(--wf-accent-primary)}.phrase-variant-card__tag--secondary{background:var(--wf-surface-tertiary);color:var(--wf-text-secondary)}.phrase-variant-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.phrase-variant-action{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--border-radius-lg);transition:all .2s ease;background:var(--wf-bg-primary);border:1px solid var(--wf-border-secondary);color:var(--wf-text-secondary);cursor:pointer}.phrase-variant-action:hover{background:var(--wf-surface-secondary)}.phrase-variant-action svg{width:1rem;height:1rem}.phrase-variant-action__shortcut{font-size:.75rem;opacity:.7;margin-left:.25rem}.phrase-review-custom{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--wf-border-primary)}.phrase-review-custom__title{font-size:.875rem;font-weight:500;color:var(--wf-text-secondary);margin:0 0 .75rem}.phrase-review-custom__textarea{width:100%;padding:.75rem;border:1px solid var(--wf-border-secondary);background:var(--wf-bg-primary);color:var(--wf-text-primary);border-radius:var(--border-radius-lg);font-family:inherit;font-size:.875rem;resize:none;transition:all .2s ease}.phrase-review-custom__textarea:focus{outline:none;border-color:var(--wf-accent-primary);box-shadow:0 0 0 3px hsl(var(--wf-accent-primary-hsl)/.1)}.phrase-review-custom__textarea::-moz-placeholder{color:var(--wf-text-tertiary)}.phrase-review-custom__textarea::placeholder{color:var(--wf-text-tertiary)}.phrase-review-actions{display:flex;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--wf-border-primary)}.phrase-review-actions__btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--wf-text-secondary);background:var(--wf-bg-primary);border:1px solid var(--wf-border-secondary);border-radius:var(--border-radius-lg);cursor:pointer;transition:all .2s ease}.phrase-review-actions__btn:hover{background:var(--wf-surface-secondary)}.btn-tab{border-bottom:2px solid transparent}.phrase-card{padding:1rem}.phrase-card,.phrase-input{background:var(--wf-bg-primary);border:1px solid var(--wf-border-primary);border-radius:.5rem}.phrase-input{width:100%;padding:.5rem .75rem;font-size:.875rem;color:var(--wf-text-primary)}.phrase-input:focus{outline:none;box-shadow:0 0 0 2px var(--wf-accent-primary)}.phrase-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.phrase-btn--primary{color:white;background:var(--wf-accent-primary)}.phrase-btn--primary:hover{opacity:.9}.phrase-btn--secondary{color:var(--wf-text-primary);background:var(--wf-bg-primary);border:1px solid var(--wf-border-primary)}.phrase-btn--secondary:hover{background:var(--wf-bg-secondary)}.phrase-badge{padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:.25rem}.phrase-badge--primary{background:hsl(var(--wf-accent-primary-hsl)/15%);color:var(--wf-accent-primary)}.phrase-badge--blue{background:hsl(var(--wf-accent-blue-hsl)/15%);color:var(--wf-accent-blue)}.phrase-badge--green{background:hsl(var(--wf-accent-green-hsl)/15%);color:var(--wf-accent-green)}.phrase-badge--yellow{background:hsl(var(--wf-accent-yellow-hsl)/15%);color:var(--wf-accent-yellow)}.phrase-badge--red{background:hsl(var(--wf-accent-red-hsl)/15%);color:var(--wf-accent-red)}.phrase-badge--gray{background:var(--wf-bg-secondary);color:var(--wf-text-secondary)}.phrase-table{width:100%}.phrase-table__header{border-bottom:1px solid var(--wf-border-primary)}.phrase-table__header,.phrase-table__row:hover{background:var(--wf-bg-secondary)}.phrase-progress-bar{width:100%;background:var(--wf-bg-secondary);border-radius:9999px;height:.5rem}.phrase-progress-bar__fill{height:.5rem;border-radius:9999px;transition:width .3s ease}.phrase-progress-bar__fill--primary{background:var(--wf-accent-primary)}.phrase-progress-bar__fill--blue{background:var(--wf-accent-blue)}.phrase-insight-card{padding:1rem;border-radius:.5rem;border:1px solid}.phrase-insight-card--behavioral{background:hsl(var(--wf-accent-blue-hsl)/10%);border-color:hsl(var(--wf-accent-blue-hsl)/30%)}.phrase-insight-card--recommendation{background:hsl(var(--wf-accent-green-hsl)/10%);border-color:hsl(var(--wf-accent-green-hsl)/30%)}.phrase-insight-card--warning{background:hsl(var(--wf-accent-yellow-hsl)/10%);border-color:hsl(var(--wf-accent-yellow-hsl)/30%)}.phrase-format-selector{position:relative;padding:1.5rem;border:2px solid;border-radius:.5rem;transition:all .2s ease;text-align:left;cursor:pointer}.phrase-format-selector:not(.phrase-format-selector--active){border-color:var(--wf-border-primary)}.phrase-format-selector:not(.phrase-format-selector--active):hover{border-color:var(--wf-border-secondary)}.phrase-format-selector--active{border-color:var(--wf-accent-primary);background:hsl(var(--wf-accent-primary-hsl)/5%)}.phrase-review-actions__btn span{font-size:.75rem;color:var(--wf-text-tertiary);margin-left:.25rem}.phrase-review-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-top:1px solid var(--wf-border-primary);background:var(--wf-surface-secondary)}.phrase-review-modal__nav{display:flex;align-items:center;gap:1rem}.phrase-review-modal__nav-btn{padding:.5rem;color:var(--wf-text-secondary);background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease}.phrase-review-modal__nav-btn:hover:not(:disabled){color:var(--wf-text-primary)}.phrase-review-modal__nav-btn:disabled{opacity:.3;cursor:not-allowed}.phrase-review-modal__nav-btn svg{width:1.25rem;height:1.25rem}.phrase-review-modal__stats{display:flex;align-items:center;gap:1rem;font-size:.875rem}.phrase-review-modal__stat{display:flex;align-items:center;gap:.375rem}.phrase-review-modal__stat svg{width:1rem;height:1rem}.phrase-review-modal__stat--kept svg{color:var(--wf-accent-primary)}.phrase-review-modal__stat--golden svg{color:var(--wf-status-warning)}.phrase-review-modal__stat--removed svg{color:var(--wf-status-info)}.phrase-review-modal__stat--forbidden svg{color:var(--wf-status-error)}.phrase-review-modal__stat-count{color:var(--wf-text-secondary)}.phrase-review-modal__stat-label{color:var(--wf-text-tertiary)}.phrase-review-modal__submit{padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;color:white;background:var(--wf-accent-primary);border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.phrase-review-modal__submit:hover:not(:disabled){background:var(--wf-accent-primary-hover)}.phrase-review-modal__submit:disabled{opacity:.5;cursor:not-allowed}.btn-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;background:transparent;color:var(--wf-text-secondary);cursor:pointer;transition:all .2s ease;border:none;border-radius:0}.btn-tab:hover:not(.btn-tab--active){color:var(--wf-text-primary);border-bottom-color:var(--wf-border-secondary)}.btn-tab--active{color:var(--wf-accent-primary);border-bottom-color:var(--wf-accent-primary)}.wf-border-bottom{border-bottom:1px solid var(--wf-border-primary)}.markdown-rendered{color:var(--wf-text-primary);line-height:1.6}.markdown-rendered h1{font-size:2rem;font-weight:700;margin:1.5rem 0 1rem;color:var(--wf-text-primary)}.markdown-rendered h2{font-size:1.5rem;margin:1.25rem 0 .75rem}.markdown-rendered h2,.markdown-rendered h3{font-weight:600;color:var(--wf-text-primary)}.markdown-rendered h3{font-size:1.25rem;margin:1rem 0 .5rem}.markdown-rendered p{margin:.75rem 0}.markdown-rendered table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.875rem}.markdown-rendered thead{background:var(--wf-bg-tertiary);border-bottom:2px solid var(--wf-border-primary)}.markdown-rendered th{text-align:left;font-weight:600;color:var(--wf-text-primary)}.markdown-rendered td,.markdown-rendered th{padding:.75rem;border:1px solid var(--wf-border-primary)}.markdown-rendered td{color:var(--wf-text-secondary)}.markdown-rendered tbody tr:nth-child(2n){background:var(--wf-bg-secondary)}.markdown-rendered code,.markdown-rendered tbody tr:hover{background:var(--wf-bg-tertiary)}.markdown-rendered code{padding:.125rem .25rem;border-radius:var(--border-radius-sm,.25rem);font-family:monospace;font-size:.875rem}.markdown-rendered pre{background:var(--wf-bg-tertiary);padding:1rem;border-radius:var(--border-radius-md,.375rem);overflow-x:auto;margin:1rem 0}.markdown-rendered pre code{background:none;padding:0}.markdown-rendered ol,.markdown-rendered ul{margin:.75rem 0;padding-left:1.5rem}.markdown-rendered li{margin:.25rem 0}.sidebar--agents .sidebar__header{padding:.5rem 1rem .2rem!important;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.sidebar--agents .sidebar__title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0}.agent-selection{padding:var(--spacing-sm);flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);min-height:100px}.agent-selection__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.agent-selection__title{font-size:.875rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.025em}.agent-selection__count{font-size:.75rem;color:var(--color-text-subtle);background:var(--color-surface);padding:.25rem .5rem;border-radius:.375rem;border:1px solid var(--color-border)}.agent-selection__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.agent-selection__loading{color:var(--chat-text-muted);font-size:var(--font-size-sm);padding:var(--spacing-lg);text-align:center;font-style:italic;background:var(--chat-surface-elevated);border-radius:var(--border-radius-md);border:1px dashed var(--chat-border)}.agent-selection__item{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;background:none;color:var(--chat-text-secondary);border-radius:var(--border-radius-md);border:0 solid var(--chat-border)}.agent-selection__item:hover{background:var(--chat-surface-hover);color:var(--chat-text-primary)}.agent-selection__label{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;cursor:pointer}.agent-selection__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.agent-selection__config-btn{padding:var(--spacing-sm);color:var(--chat-text-muted);background:transparent;border:none;border-radius:var(--border-radius-sm);transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.agent-selection__config-btn:hover{color:var(--color-info);background:var(--chat-surface);transform:scale(1.1)}.agent-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.agent-item:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong)}.agent-item--selected{background:hsl(var(--wf-accent-primary-hsl)/.1);border-color:var(--wf-accent-primary);color:var(--wf-accent-primary)}.agent-item__icon{width:1.5rem;height:1.5rem;color:var(--color-text-subtle);flex-shrink:0}.agent-item--selected .agent-item__icon{color:var(--wf-accent-primary)}.agent-item__content{flex:1;min-width:0}.agent-item__name{font-size:.875rem;font-weight:500;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-item--selected .agent-item__name{color:var(--wf-accent-primary)}.agent-item__description{font-size:.75rem;color:var(--color-text-subtle);margin:.25rem 0 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sessions-list{flex:1;padding:0 1rem 1rem;overflow-y:auto}.sessions-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.sessions-list__title{font-size:.875rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.025em}.sessions-list__actions{display:flex;gap:.5rem}.session-item{display:flex;align-items:center;border:0 solid var(--color-border);border-radius:var(--border-radius-lg);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.session-item:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong)}.session-item--active{background:hsl(var(--wf-accent-primary-hsl)/.1);border-color:var(--wf-accent-primary)}.session-item__content{flex:1;min-width:0}.session-item__title{font-size:.875rem;font-weight:500;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item--active .session-item__title{color:var(--wf-accent-primary)}.session-item__meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;color:var(--color-text-subtle)}.session-item__role{background:var(--color-surface-muted);color:var(--color-text-subtle);padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.session-item__actions{opacity:0;display:flex;gap:.25rem;transition:opacity .2s ease}.session-item:hover .session-item__actions{opacity:1}.admin-layout .main-content{padding-top:0;min-height:calc(100vh - 4rem)}.admin-layout .main-content,.admin-layout .main-content--full{margin-left:var(--sidebar-width)!important;width:calc(100vw - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width));box-sizing:border-box}.admin-layout .main-content--full{padding:0}.chat-layout .chat-main{margin-left:calc(var(--sidebar-width) + 1rem)!important;margin-left:var(--sidebar-width)!important;width:calc(100vw - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width));padding-top:0;min-height:calc(100vh);box-sizing:border-box;background:var(--color-app-bg);transition:margin-left .3s ease,width .3s ease,max-width .3s ease}.chat-layout:has(.sidebar--agents.sidebar--collapsed) .chat-main{margin-left:var(--sidebar-collapsed-width)!important;width:calc(100vw - var(--sidebar-collapsed-width));max-width:calc(100vw - var(--sidebar-collapsed-width))}.top-navigation{position:fixed;top:0;left:15rem;right:0;z-index:50;height:0;display:flex;align-items:center;padding:0 1rem}.header,.top-navigation{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--wf-shadow-sm)}.header{padding:1.5rem 1rem}.header__container{max-width:120rem;margin:0 auto;padding:0 2rem}@media (max-width:1024px){.header__container{padding:0 1.5rem}}@media (max-width:640px){.header__container{padding:0 1rem}}.header--align-left .header__container{margin:0;padding-top:2rem}.header--align-right .header__container{margin:0 0 0 auto}.header--align-center .header__container{margin:0 auto}.header--full-width .header__container{max-width:none;margin:0}.header__content{display:flex;align-items:center;justify-content:space-between;min-height:3rem;padding:0}.header__title{font-size:1.875rem;font-weight:700;color:var(--color-text);margin:0}.header__subtitle{font-size:.875rem;color:var(--color-text-subtle);margin-top:.5rem}.header--elevated{box-shadow:var(--wf-shadow-lg)}.header--compact{padding:1rem;margin-bottom:1rem}.header--accent{background:var(--color-brand);color:white;border-bottom-color:var(--color-brand)}.header--accent .header__subtitle,.header--accent .header__title{color:white}.header--container-bg{background:transparent;border-bottom:none;box-shadow:none;padding:0}.header--container-bg .header__container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:var(--wf-shadow-sm);padding:1.5rem}.header--transparent{background:transparent;border-bottom:none;box-shadow:none}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:0}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}.grid-responsive--three{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.grid-responsive--three{grid-template-columns:repeat(3,1fr)}}.test-cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:0}@media (min-width:768px){.test-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.test-cards-grid{grid-template-columns:repeat(3,1fr)}}.content-grid,.content-grid--1{display:grid;gap:1.5rem}.content-grid--1{grid-template-columns:1fr}.content-grid--2{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.content-grid--3{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.content-grid--4{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.content-grid--5{display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr)}.content-grid--responsive-2{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.content-grid--responsive-2{grid-template-columns:repeat(2,1fr)}}.content-grid--responsive-3{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.content-grid--responsive-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.content-grid--responsive-3{grid-template-columns:repeat(3,1fr)}}.content-grid--responsive-4{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:640px){.content-grid--responsive-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.content-grid--responsive-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.content-grid--responsive-4{grid-template-columns:repeat(4,1fr)}}.content-grid--responsive-5{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:640px){.content-grid--responsive-5{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.content-grid--responsive-5{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.content-grid--responsive-5{grid-template-columns:repeat(4,1fr)}}@media (min-width:1536px){.content-grid--responsive-5{grid-template-columns:repeat(5,1fr)}}.content-section{margin-bottom:1.5rem}