:root {
  --accessibility-touch-target-minimum: 44px;
  --accessibility-touch-target-comfortable: 48px;
  --accessibility-touch-target-large: 56px;
  --animation-duration-fast: 150ms;
  --animation-duration-base: 200ms;
  --animation-duration-slow: 300ms;
  --animation-duration-slower: 500ms;
  --animation-easing-linear: linear;
  --animation-easing-ease: ease;
  --animation-easing-ease-in: ease-in;
  --animation-easing-ease-out: ease-out;
  --animation-easing-ease-in-out: ease-in-out;
  --border-width-0: 0;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --border-width-8: 8px;
  --border-radius-none: 0;
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-3xl: 1.5rem;
  --border-radius-full: 9999px;
  --border-default: #e5e5e5;
  --border-subtle: #f5f5f5;
  --border-strong: #d4d4d4;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-25: #fcfcfc;
  --color-gray-50: #fafafa;
  --color-gray-100: #f5f5f5;
  --color-gray-200: #e5e5e5;
  --color-gray-300: #d4d4d4;
  --color-gray-400: #a3a3a3;
  --color-gray-500: #737373;
  --color-gray-600: #525252;
  --color-gray-700: #404040;
  --color-gray-750: #3a3a3a;
  --color-gray-800: #262626;
  --color-gray-900: #171717;
  --color-gray-950: #0a0a0a;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bfdbfe;
  --color-blue-300: #93c5fd;
  --color-blue-400: #60a5fa;
  --color-blue-500: #3b82f6;
  --color-blue-600: #2563eb;
  --color-blue-700: #1d4ed8;
  --color-blue-800: #1e40af;
  --color-blue-900: #1e3a8a;
  --color-purple-50: #faf5ff;
  --color-purple-100: #f3e8ff;
  --color-purple-200: #e9d5ff;
  --color-purple-300: #d8b4fe;
  --color-purple-400: #c084fc;
  --color-purple-500: #a855f7;
  --color-purple-600: #9333ea;
  --color-purple-700: #7e22ce;
  --color-purple-800: #6b21a8;
  --color-purple-900: #581c87;
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #bbf7d0;
  --color-green-300: #86efac;
  --color-green-400: #4ade80;
  --color-green-500: #22c55e;
  --color-green-600: #16a34a;
  --color-green-700: #15803d;
  --color-green-800: #166534;
  --color-green-900: #14532d;
  --color-yellow-50: #fefce8;
  --color-yellow-100: #fef9c3;
  --color-yellow-200: #fef08a;
  --color-yellow-300: #fde047;
  --color-yellow-400: #facc15;
  --color-yellow-500: #eab308;
  --color-yellow-600: #ca8a04;
  --color-yellow-700: #a16207;
  --color-yellow-800: #854d0e;
  --color-yellow-900: #713f12;
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-300: #fca5a5;
  --color-red-400: #f87171;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;
  --color-cyan-50: #ecfeff;
  --color-cyan-100: #cffafe;
  --color-cyan-200: #a5f3fc;
  --color-cyan-300: #67e8f9;
  --color-cyan-400: #22d3ee;
  --color-cyan-500: #06b6d4;
  --color-cyan-600: #0891b2;
  --color-cyan-700: #0e7490;
  --color-cyan-800: #155e75;
  --color-cyan-900: #164e63;
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-secondary-50: #faf5ff;
  --color-secondary-100: #f3e8ff;
  --color-secondary-200: #e9d5ff;
  --color-secondary-300: #d8b4fe;
  --color-secondary-400: #c084fc;
  --color-secondary-500: #a855f7;
  --color-secondary-600: #9333ea;
  --color-secondary-700: #7e22ce;
  --color-secondary-800: #6b21a8;
  --color-secondary-900: #581c87;
  --color-success-50: #f0fdf4;
  --color-success-100: #dcfce7;
  --color-success-200: #bbf7d0;
  --color-success-300: #86efac;
  --color-success-400: #4ade80;
  --color-success-500: #22c55e;
  --color-success-600: #16a34a;
  --color-success-700: #15803d;
  --color-success-800: #166534;
  --color-success-900: #14532d;
  --color-warning-50: #fefce8;
  --color-warning-100: #fef9c3;
  --color-warning-200: #fef08a;
  --color-warning-300: #fde047;
  --color-warning-400: #facc15;
  --color-warning-500: #eab308;
  --color-warning-600: #ca8a04;
  --color-warning-700: #a16207;
  --color-warning-800: #854d0e;
  --color-warning-900: #713f12;
  --color-error-50: #fef2f2;
  --color-error-100: #fee2e2;
  --color-error-200: #fecaca;
  --color-error-300: #fca5a5;
  --color-error-400: #f87171;
  --color-error-500: #ef4444;
  --color-error-600: #dc2626;
  --color-error-700: #b91c1c;
  --color-error-800: #991b1b;
  --color-error-900: #7f1d1d;
  --color-info-50: #ecfeff;
  --color-info-100: #cffafe;
  --color-info-200: #a5f3fc;
  --color-info-300: #67e8f9;
  --color-info-400: #22d3ee;
  --color-info-500: #06b6d4;
  --color-info-600: #0891b2;
  --color-info-700: #0e7490;
  --color-info-800: #155e75;
  --color-info-900: #164e63;
  --color-action-primary: #3b82f6;
  --color-action-secondary: #a855f7;
  --color-action-destructive: #ef4444;
  --color-action-subtle: #404040;
  --color-feedback-success: #22c55e;
  --color-feedback-warning: #eab308;
  --color-feedback-error: #ef4444;
  --color-feedback-info: #06b6d4;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  --shadow-none: none;
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --spacing-px: 1px;
  --spacing-0-5: 0.125rem;
  --spacing-1-5: 0.375rem;
  --spacing-2-5: 0.625rem;
  --spacing-3-5: 0.875rem;
  --spacing-responsive-sm: clamp(0.5rem, 0.4rem + 0.5vw, 0.75rem);
  --spacing-responsive-md: clamp(1rem, 0.8rem + 1vw, 1.5rem);
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-family-serif: Georgia, Cambria, 'Times New Roman', Times, serif;
  --font-family-mono: 'Courier New', Courier, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;
  --font-size-8xl: 6rem;
  --font-size-9xl: 8rem;
  --font-size-responsive-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);
  --font-size-responsive-base: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --font-line-height-none: 1;
  --font-line-height-tight: 1.25;
  --font-line-height-snug: 1.375;
  --font-line-height-normal: 1.5;
  --font-line-height-relaxed: 1.625;
  --font-line-height-loose: 2;
  --font-letter-spacing-tighter: -0.05em;
  --font-letter-spacing-tight: -0.025em;
  --font-letter-spacing-normal: 0;
  --font-letter-spacing-wide: 0.025em;
  --font-letter-spacing-wider: 0.05em;
  --font-letter-spacing-widest: 0.1em;
  --component-accordion-border-color: var(--border-default);
  --component-accordion-header-background: var(--background-primary);
  --component-accordion-header-hover-background: var(--background-secondary);
  --component-accordion-item-padding: 1rem;
  --component-avatar-size-xs: 1.5rem;
  --component-avatar-size-sm: 2rem;
  --component-avatar-size-md: 2.5rem;
  --component-avatar-size-lg: 3rem;
  --component-avatar-size-xl: 4rem;
  --component-avatar-size-2xl: 6rem;
  --component-avatar-background-default: var(--background-tertiary);
  --component-avatar-background-primary: var(--primary-default);
  --component-avatar-background-success: var(--success-default);
  --component-avatar-background-warning: var(--warning-default);
  --component-avatar-background-error: var(--error-default);
  --component-avatar-background-info: var(--info-default);
  --component-avatar-text-default: var(--foreground-secondary);
  --component-avatar-text-on-color: var(--foreground-inverse);
  --component-avatar-border-width: var(--border-width-2);
  --component-avatar-border-color: var(--border-default);
  --component-avatar-border-radius-circle: var(--border-radius-full);
  --component-avatar-border-radius-rounded: var(--border-radius-lg);
  --component-avatar-border-radius-square: var(--border-radius-sm);
  --component-avatar-font-size-xs: 0.625rem;
  --component-avatar-font-size-sm: 0.75rem;
  --component-avatar-font-size-md: 0.875rem;
  --component-avatar-font-size-lg: 1rem;
  --component-avatar-font-size-xl: 1.25rem;
  --component-avatar-font-size-2xl: 2rem;
  --component-avatar-font-weight: 500;
  --component-avatar-icon-size-xs: 0.875rem;
  --component-avatar-icon-size-sm: 1rem;
  --component-avatar-icon-size-md: 1.25rem;
  --component-avatar-icon-size-lg: 1.5rem;
  --component-avatar-icon-size-xl: 2rem;
  --component-avatar-icon-size-2xl: 3rem;
  --component-avatar-icon-color: var(--foreground-secondary);
  --component-avatar-status-size-xs: 0.375rem;
  --component-avatar-status-size-sm: 0.5rem;
  --component-avatar-status-size-md: 0.625rem;
  --component-avatar-status-size-lg: 0.75rem;
  --component-avatar-status-size-xl: 1rem;
  --component-avatar-status-size-2xl: 1.5rem;
  --component-avatar-status-position-offset: 0;
  --component-avatar-status-background-online: var(--success-default);
  --component-avatar-status-background-offline: var(--foreground-tertiary);
  --component-avatar-status-background-away: var(--warning-default);
  --component-avatar-status-background-busy: var(--error-default);
  --component-avatar-status-border-width: var(--border-width-2);
  --component-avatar-status-border-color: var(--background-primary);
  --component-avatar-group-overlap: -0.5rem;
  --component-avatar-group-z-index-increment: 1;
  --component-avatar-hover-opacity: 0.8;
  --component-avatar-hover-scale: 1.05;
  --component-avatar-hover-transition-duration: 150ms;
  --component-avatar-hover-transition-timing: ease;
  --component-avatar-shadow-default: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --component-avatar-shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --component-card-background-default: var(--background-primary);
  --component-card-background-hover: var(--background-secondary);
  --component-card-background-selected: var(--primary-subtle);
  --component-card-border-default: var(--border-default);
  --component-card-border-hover: var(--border-strong);
  --component-card-border-selected: var(--primary-default);
  --component-chip-size-small-height: 1.5rem;
  --component-chip-size-small-padding-horizontal: 0.5rem;
  --component-chip-size-small-font-size: 0.75rem;
  --component-chip-size-small-icon-size: 0.875rem;
  --component-chip-size-medium-height: 2rem;
  --component-chip-size-medium-padding-horizontal: 0.75rem;
  --component-chip-size-medium-font-size: 0.875rem;
  --component-chip-size-medium-icon-size: 1rem;
  --component-chip-size-large-height: 2.5rem;
  --component-chip-size-large-padding-horizontal: 1rem;
  --component-chip-size-large-font-size: 1rem;
  --component-chip-size-large-icon-size: 1.25rem;
  --component-chip-default-background-default: var(--background-tertiary);
  --component-chip-default-background-hover: var(--background-secondary);
  --component-chip-default-text: var(--foreground-primary);
  --component-chip-default-border-color: var(--border-default);
  --component-chip-primary-background-default: var(--primary-subtle);
  --component-chip-primary-background-hover: var(--primary-default);
  --component-chip-primary-text-default: var(--primary-default);
  --component-chip-primary-text-hover: var(--foreground-inverse);
  --component-chip-primary-border-color: var(--primary-default);
  --component-chip-success-background-default: var(--success-subtle);
  --component-chip-success-background-hover: var(--success-default);
  --component-chip-success-text-default: var(--success-default);
  --component-chip-success-text-hover: var(--foreground-inverse);
  --component-chip-success-border-color: var(--success-default);
  --component-chip-warning-background-default: var(--warning-subtle);
  --component-chip-warning-background-hover: var(--warning-default);
  --component-chip-warning-text-default: var(--warning-default);
  --component-chip-warning-text-hover: var(--foreground-inverse);
  --component-chip-warning-border-color: var(--warning-default);
  --component-chip-error-background-default: var(--error-subtle);
  --component-chip-error-background-hover: var(--error-default);
  --component-chip-error-text-default: var(--error-default);
  --component-chip-error-text-hover: var(--foreground-inverse);
  --component-chip-error-border-color: var(--error-default);
  --component-chip-info-background-default: var(--info-subtle);
  --component-chip-info-background-hover: var(--info-default);
  --component-chip-info-text-default: var(--info-default);
  --component-chip-info-text-hover: var(--foreground-inverse);
  --component-chip-info-border-color: var(--info-default);
  --component-chip-border-width: var(--border-width-1);
  --component-chip-border-radius: var(--border-radius-full);
  --component-chip-font-weight: 500;
  --component-chip-line-height: 1.25;
  --component-chip-icon-gap: 0.25rem;
  --component-chip-icon-color: currentColor;
  --component-chip-close-size-small: 1rem;
  --component-chip-close-size-medium: 1.25rem;
  --component-chip-close-size-large: 1.5rem;
  --component-chip-close-gap: 0.25rem;
  --component-chip-close-color-default: currentColor;
  --component-chip-close-color-hover: var(--foreground-primary);
  --component-chip-close-background-hover: rgba(0, 0, 0, 0.1);
  --component-chip-close-border-radius: var(--border-radius-full);
  --component-chip-close-padding: 0.25rem;
  --component-chip-interactive-cursor: pointer;
  --component-chip-interactive-transition-duration: 150ms;
  --component-chip-interactive-transition-timing: ease;
  --component-chip-interactive-transition-properties: background-color, color, border-color, transform;
  --component-chip-focus-ring-width: 2px;
  --component-chip-focus-ring-offset: 2px;
  --component-chip-focus-ring-color: var(--primary-default);
  --component-chip-disabled-opacity: 0.5;
  --component-chip-disabled-cursor: not-allowed;
  --component-datagrid-background: var(--background-primary);
  --component-datagrid-color: var(--foreground-primary);
  --component-datagrid-border-color: var(--border-default);
  --component-datagrid-cell-padding: 0.75rem;
  --component-datagrid-header-background: var(--background-secondary);
  --component-datagrid-header-hover-background: var(--background-tertiary);
  --component-datagrid-row-hover-background: var(--background-secondary);
  --component-datagrid-selected-background: var(--primary-subtle);
  --component-datagrid-selected-hover-background: var(--primary-subtle);
  --component-datagrid-stripe-background: var(--background-secondary);
  --component-list-container-background: var(--background-primary);
  --component-list-container-padding: 0;
  --component-list-container-gap: 0;
  --component-list-item-background-default: transparent;
  --component-list-item-background-hover: var(--background-secondary);
  --component-list-item-background-active: var(--background-tertiary);
  --component-list-item-background-selected: var(--primary-subtle);
  --component-list-item-text-default: var(--foreground-primary);
  --component-list-item-text-secondary: var(--foreground-secondary);
  --component-list-item-text-disabled: var(--foreground-tertiary);
  --component-list-item-padding-vertical-compact: 0.5rem;
  --component-list-item-padding-vertical-default: 0.75rem;
  --component-list-item-padding-vertical-comfortable: 1rem;
  --component-list-item-padding-horizontal: 1rem;
  --component-list-item-border-width: var(--border-width-1);
  --component-list-item-border-color: var(--border-default);
  --component-list-item-border-radius: var(--border-radius-md);
  --component-list-item-icon-size-compact: 1rem;
  --component-list-item-icon-size-default: 1.25rem;
  --component-list-item-icon-size-comfortable: 1.5rem;
  --component-list-item-icon-color-default: var(--foreground-secondary);
  --component-list-item-icon-color-hover: var(--foreground-primary);
  --component-list-item-icon-gap: 0.75rem;
  --component-list-item-font-size-compact: 0.875rem;
  --component-list-item-font-size-default: 1rem;
  --component-list-item-font-size-comfortable: 1.125rem;
  --component-list-item-font-weight: 400;
  --component-list-item-line-height: 1.5;
  --component-list-divider-color: var(--border-default);
  --component-list-divider-width: var(--border-width-1);
  --component-list-divider-margin-vertical: 0;
  --component-list-interactive-cursor: pointer;
  --component-list-interactive-transition-duration: 150ms;
  --component-list-interactive-transition-timing: ease;
  --component-list-interactive-transition-properties: background-color, color, border-color;
  --component-list-focus-ring-width: 2px;
  --component-list-focus-ring-offset: 2px;
  --component-list-focus-ring-color: var(--primary-default);
  --component-list-secondary-font-size: 0.875rem;
  --component-list-secondary-color: var(--foreground-secondary);
  --component-list-secondary-margin-top: 0.25rem;
  --component-list-disabled-opacity: 0.5;
  --component-list-disabled-cursor: not-allowed;
  --component-table-header-background: var(--background-secondary);
  --component-table-padding-default: 0.75rem;
  --component-table-padding-compact: 0.5rem;
  --component-table-border-color: var(--border-default);
  --component-table-striped-background: var(--background-secondary);
  --component-table-row-hover-background: var(--background-secondary);
  --component-alert-success-background: var(--success-subtle);
  --component-alert-success-text: var(--foreground-primary);
  --component-alert-success-border: var(--success-default);
  --component-alert-success-icon: var(--success-active);
  --component-alert-warning-background: var(--warning-subtle);
  --component-alert-warning-text: var(--foreground-primary);
  --component-alert-warning-border: var(--warning-default);
  --component-alert-warning-icon: var(--warning-active);
  --component-alert-error-background: var(--error-subtle);
  --component-alert-error-text: var(--foreground-primary);
  --component-alert-error-border: var(--error-default);
  --component-alert-error-icon: var(--error-active);
  --component-alert-info-background: var(--info-subtle);
  --component-alert-info-text: var(--foreground-primary);
  --component-alert-info-border: var(--info-default);
  --component-alert-info-icon: var(--info-active);
  --component-badge-primary-background: var(--primary-subtle);
  --component-badge-primary-text: var(--primary-active);
  --component-badge-success-background: var(--success-subtle);
  --component-badge-success-text: var(--success-active);
  --component-badge-warning-background: var(--warning-subtle);
  --component-badge-warning-text: var(--warning-active);
  --component-badge-error-background: var(--error-subtle);
  --component-badge-error-text: var(--error-active);
  --component-badge-info-background: var(--info-subtle);
  --component-badge-info-text: var(--info-active);
  --component-badge-neutral-background: var(--background-tertiary);
  --component-badge-neutral-text: var(--foreground-secondary);
  --component-progress-track-background: var(--background-secondary);
  --component-progress-track-height-default: 0.5rem;
  --component-progress-track-height-small: 0.25rem;
  --component-progress-track-height-large: 0.75rem;
  --component-progress-track-border-radius: var(--border-radius-full);
  --component-progress-fill-background-default: var(--primary-default);
  --component-progress-fill-background-animated: var(--primary-default);
  --component-progress-fill-success: var(--success-default);
  --component-progress-fill-warning: var(--warning-default);
  --component-progress-fill-error: var(--error-default);
  --component-progress-fill-info: var(--info-default);
  --component-progress-label-font-size: 0.875rem;
  --component-progress-label-font-weight: 500;
  --component-progress-label-color-default: var(--foreground-primary);
  --component-progress-label-color-inverse: var(--foreground-inverse);
  --component-progress-label-spacing: 0.5rem;
  --component-progress-percentage-font-size: 0.75rem;
  --component-progress-percentage-font-weight: 600;
  --component-progress-percentage-color: var(--foreground-secondary);
  --component-progress-percentage-spacing: 0.5rem;
  --component-progress-circle-size-default: 4rem;
  --component-progress-circle-size-small: 3rem;
  --component-progress-circle-size-large: 6rem;
  --component-progress-circle-stroke-width-default: 4;
  --component-progress-circle-stroke-width-small: 3;
  --component-progress-circle-stroke-width-large: 6;
  --component-progress-circle-track: var(--background-secondary);
  --component-progress-circle-fill: var(--primary-default);
  --component-progress-indeterminate-animation-duration: 1.5s;
  --component-progress-indeterminate-gradient-start: var(--primary-subtle);
  --component-progress-indeterminate-gradient-end: var(--primary-default);
  --component-progress-transition-duration: 200ms;
  --component-progress-transition-timing: ease;
  --component-progress-transition-properties: width, stroke-dashoffset;
  --component-progress-stripe-color: rgba(255, 255, 255, 0.15);
  --component-progress-stripe-width: 1rem;
  --component-progress-stripe-animation-duration: 1s;
  --component-skeleton-background: var(--background-secondary);
  --component-skeleton-border-radius: var(--border-radius-md);
  --component-skeleton-wave-color: var(--background-tertiary);
  --component-spinner-speed: 0.6s;
  --component-toast-success-background: var(--success-default);
  --component-toast-success-text: var(--foreground-inverse);
  --component-toast-success-border: var(--success-active);
  --component-toast-success-icon: var(--foreground-inverse);
  --component-toast-warning-background: var(--warning-default);
  --component-toast-warning-text: var(--foreground-inverse);
  --component-toast-warning-border: var(--warning-active);
  --component-toast-warning-icon: var(--foreground-inverse);
  --component-toast-error-background: var(--error-default);
  --component-toast-error-text: var(--foreground-inverse);
  --component-toast-error-border: var(--error-active);
  --component-toast-error-icon: var(--foreground-inverse);
  --component-toast-info-background: var(--info-default);
  --component-toast-info-text: var(--foreground-inverse);
  --component-toast-info-border: var(--info-default);
  --component-toast-info-icon: var(--foreground-inverse);
  --component-toast-padding-vertical: 0.75rem;
  --component-toast-padding-horizontal: 1rem;
  --component-toast-border-width-default: var(--border-width-1);
  --component-toast-border-radius-default: var(--border-radius-md);
  --component-toast-shadow-default: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --component-toast-font-size: 0.875rem;
  --component-toast-font-weight: 500;
  --component-toast-font-line-height: 1.5;
  --component-toast-icon-size: 1.25rem;
  --component-toast-icon-spacing: 0.5rem;
  --component-toast-close-button-size: 1rem;
  --component-toast-close-button-spacing: 0.5rem;
  --component-toast-close-button-color-default: var(--foreground-inverse);
  --component-toast-close-button-color-hover: var(--foreground-inverse);
  --component-toast-close-button-opacity-default: 0.8;
  --component-toast-close-button-opacity-hover: 1;
  --component-toast-min-width: 18rem;
  --component-toast-max-width: 24rem;
  --component-toast-gap: 0.5rem;
  --component-toast-transition-duration: 200ms;
  --component-toast-transition-timing: ease;
  --component-toast-transition-properties: opacity, transform;
  --component-toast-position-offset: 1rem;
  --component-toast-position-gap: 0.5rem;
  --component-toast-progress-bar-height: 3px;
  --component-toast-progress-bar-background: var(--foreground-inverse);
  --component-toast-progress-bar-opacity: 0.3;
  --component-toast-z-index: 9999;
  --component-button-primary-background-default: var(--primary-default);
  --component-button-primary-background-hover: var(--primary-hover);
  --component-button-primary-background-active: var(--primary-active);
  --component-button-primary-background-disabled: var(--border-default);
  --component-button-primary-text-default: var(--foreground-inverse);
  --component-button-primary-text-disabled: var(--foreground-tertiary);
  --component-button-primary-border-default: var(--primary-default);
  --component-button-primary-border-hover: var(--primary-hover);
  --component-button-primary-border-active: var(--primary-active);
  --component-button-primary-border-disabled: var(--border-default);
  --component-button-secondary-background-default: transparent;
  --component-button-secondary-background-hover: var(--background-secondary);
  --component-button-secondary-background-active: var(--background-tertiary);
  --component-button-secondary-background-disabled: transparent;
  --component-button-secondary-text-default: var(--foreground-secondary);
  --component-button-secondary-text-disabled: var(--foreground-tertiary);
  --component-button-secondary-border-default: var(--border-default);
  --component-button-secondary-border-hover: var(--border-strong);
  --component-button-secondary-border-active: var(--foreground-secondary);
  --component-button-secondary-border-disabled: var(--border-subtle);
  --component-button-ghost-background-default: transparent;
  --component-button-ghost-background-hover: var(--background-secondary);
  --component-button-ghost-background-active: var(--background-tertiary);
  --component-button-ghost-background-disabled: transparent;
  --component-button-ghost-text-default: var(--foreground-secondary);
  --component-button-ghost-text-disabled: var(--foreground-tertiary);
  --component-button-danger-background-default: var(--error-default);
  --component-button-danger-background-hover: var(--error-hover);
  --component-button-danger-background-active: var(--error-active);
  --component-button-danger-background-disabled: var(--border-default);
  --component-button-danger-text-default: var(--foreground-inverse);
  --component-button-danger-text-disabled: var(--foreground-tertiary);
  --component-button-danger-border-default: var(--error-default);
  --component-button-danger-border-hover: var(--error-hover);
  --component-button-danger-border-active: var(--error-active);
  --component-button-danger-border-disabled: var(--border-default);
  --component-checkbox-size-default: 1.25rem;
  --component-checkbox-size-small: 1rem;
  --component-checkbox-size-large: 1.5rem;
  --component-checkbox-background-default: var(--background-primary);
  --component-checkbox-background-checked: var(--primary-default);
  --component-checkbox-background-hover: var(--background-secondary);
  --component-checkbox-background-checked-hover: var(--primary-hover);
  --component-checkbox-background-disabled: var(--background-tertiary);
  --component-checkbox-background-checked-disabled: var(--border-default);
  --component-checkbox-border-default: var(--border-default);
  --component-checkbox-border-hover: var(--border-strong);
  --component-checkbox-border-checked: var(--primary-default);
  --component-checkbox-border-focus: var(--primary-default);
  --component-checkbox-border-disabled: var(--border-subtle);
  --component-checkbox-border-error: var(--error-default);
  --component-checkbox-checkmark-default: var(--foreground-inverse);
  --component-checkbox-checkmark-disabled: var(--foreground-tertiary);
  --component-checkbox-border-width-default: var(--border-width-1);
  --component-checkbox-border-radius-default: var(--border-radius-sm);
  --component-checkbox-focus-ring-width: 3px;
  --component-checkbox-focus-ring-offset: 2px;
  --component-checkbox-focus-ring-color-default: var(--primary-subtle);
  --component-checkbox-focus-ring-color-error: var(--error-subtle);
  --component-checkbox-label-font-size: 1rem;
  --component-checkbox-label-font-weight: 400;
  --component-checkbox-label-color-default: var(--foreground-primary);
  --component-checkbox-label-color-disabled: var(--foreground-tertiary);
  --component-checkbox-label-spacing: 0.5rem;
  --component-checkbox-helper-font-size: 0.875rem;
  --component-checkbox-helper-color-default: var(--foreground-secondary);
  --component-checkbox-helper-color-error: var(--error-default);
  --component-checkbox-helper-spacing: 0.5rem;
  --component-checkbox-transition-duration: 150ms;
  --component-checkbox-transition-timing: ease;
  --component-checkbox-transition-properties: background-color, border-color, box-shadow;
  --component-color-picker-background-default: var(--background-primary);
  --component-color-picker-background-disabled: var(--background-tertiary);
  --component-color-picker-border-default: var(--border-default);
  --component-color-picker-border-focus: var(--primary-default);
  --component-color-picker-size-width: 280px;
  --component-color-picker-size-palette-height: 200px;
  --component-color-picker-size-slider-height: 12px;
  --component-color-picker-size-preview-size: 40px;
  --component-color-picker-size-swatch-size: 24px;
  --component-color-picker-cursor-palette-size: 12px;
  --component-color-picker-cursor-slider-size: 16px;
  --component-color-picker-cursor-border-color: #ffffff;
  --component-color-picker-spacing-gap: 0.75rem;
  --component-color-picker-spacing-padding: 1rem;
  --component-color-picker-spacing-controls-gap: 0.5rem;
  --component-color-picker-spacing-swatch-gap: 0.5rem;
  --component-color-picker-radius-container: var(--border-radius-md);
  --component-color-picker-radius-palette: var(--border-radius-sm);
  --component-color-picker-radius-slider: 6px;
  --component-color-picker-radius-preview: var(--border-radius-sm);
  --component-color-picker-radius-swatch: var(--border-radius-sm);
  --component-color-picker-radius-input: var(--border-radius-sm);
  --component-color-picker-shadow-cursor: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
  --component-color-picker-shadow-swatch-hover: 0 0 0 2px rgba(59, 130, 246, 0.5);
  --component-color-picker-shadow-focus-ring: 0 0 0 3px rgba(59, 130, 246, 0.1);
  --component-color-picker-input-padding: 0.5rem;
  --component-color-picker-input-font-size: 0.875rem;
  --component-color-picker-checkerboard-color-light: #ffffff;
  --component-color-picker-checkerboard-color-dark: #e5e7eb;
  --component-color-picker-checkerboard-size: 10px;
  --component-date-picker-width: 18rem;
  --component-date-picker-input-height: 2.5rem;
  --component-date-picker-input-padding: 0.75rem;
  --component-date-picker-input-font-size: 1rem;
  --component-date-picker-input-background: var(--background-primary);
  --component-date-picker-input-border: var(--border-default);
  --component-date-picker-panel-background: var(--background-primary);
  --component-date-picker-panel-border-color: var(--border-default);
  --component-date-picker-panel-border-radius: var(--border-radius-lg);
  --component-date-picker-panel-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --component-date-picker-panel-padding: 1rem;
  --component-date-picker-panel-gap: 0.5rem;
  --component-date-picker-header-height: 2.5rem;
  --component-date-picker-header-font-weight: 600;
  --component-date-picker-day-size: 2rem;
  --component-date-picker-day-font-size: 0.875rem;
  --component-date-picker-day-hover-background: var(--background-secondary);
  --component-date-picker-day-today-border-color: var(--primary-default);
  --component-date-picker-day-selected-background: var(--primary-default);
  --component-date-picker-day-selected-color: var(--foreground-inverse);
  --component-date-picker-day-outside-opacity: 0.4;
  --component-date-picker-day-disabled-opacity: 0.3;
  --component-date-picker-range-background: var(--primary-subtle);
  --component-date-picker-range-color: var(--foreground-primary);
  --component-date-picker-error-border-color: var(--error-default);
  --component-file-upload-gap: 1rem;
  --component-file-upload-min-height: 10rem;
  --component-file-upload-padding: 1.5rem;
  --component-file-upload-background: var(--background-primary);
  --component-file-upload-border-width: var(--border-width-2);
  --component-file-upload-border-color: var(--border-default);
  --component-file-upload-border-radius: var(--border-radius-lg);
  --component-file-upload-drag-border-color: var(--primary-default);
  --component-file-upload-drag-background: var(--primary-subtle);
  --component-file-upload-icon-size: 3rem;
  --component-file-upload-icon-color: var(--foreground-tertiary);
  --component-file-upload-text-color: var(--foreground-secondary);
  --component-file-upload-item-gap: 0.5rem;
  --component-file-upload-item-padding: 0.75rem;
  --component-file-upload-item-background: var(--background-secondary);
  --component-file-upload-item-border-radius: var(--border-radius-md);
  --component-file-upload-preview-size: 4rem;
  --component-file-upload-error-border-color: var(--error-default);
  --component-file-upload-error-text-color: var(--error-default);
  --component-input-background-default: var(--background-primary);
  --component-input-background-disabled: var(--background-tertiary);
  --component-input-background-readonly: var(--background-secondary);
  --component-input-text-default: var(--foreground-primary);
  --component-input-text-placeholder: var(--foreground-tertiary);
  --component-input-text-disabled: var(--foreground-tertiary);
  --component-input-border-default: var(--border-default);
  --component-input-border-hover: var(--border-strong);
  --component-input-border-focus: var(--primary-default);
  --component-input-border-error: var(--error-default);
  --component-input-border-success: var(--success-default);
  --component-input-border-disabled: var(--border-subtle);
  --component-radio-size-default: 1.25rem;
  --component-radio-size-small: 1rem;
  --component-radio-size-large: 1.5rem;
  --component-radio-background-default: var(--background-primary);
  --component-radio-background-selected: var(--background-primary);
  --component-radio-background-hover: var(--background-secondary);
  --component-radio-background-disabled: var(--background-tertiary);
  --component-radio-border-default: var(--border-default);
  --component-radio-border-hover: var(--border-strong);
  --component-radio-border-selected: var(--primary-default);
  --component-radio-border-focus: var(--primary-default);
  --component-radio-border-disabled: var(--border-subtle);
  --component-radio-border-error: var(--error-default);
  --component-radio-indicator-default: var(--primary-default);
  --component-radio-indicator-disabled: var(--border-default);
  --component-radio-indicator-size-default: 0.5rem;
  --component-radio-indicator-size-small: 0.375rem;
  --component-radio-indicator-size-large: 0.625rem;
  --component-radio-border-width-default: var(--border-width-1);
  --component-radio-border-radius-default: var(--border-radius-full);
  --component-radio-focus-ring-width: 3px;
  --component-radio-focus-ring-offset: 2px;
  --component-radio-focus-ring-color-default: var(--primary-subtle);
  --component-radio-focus-ring-color-error: var(--error-subtle);
  --component-radio-label-font-size: 1rem;
  --component-radio-label-font-weight: 400;
  --component-radio-label-color-default: var(--foreground-primary);
  --component-radio-label-color-disabled: var(--foreground-tertiary);
  --component-radio-label-spacing: 0.5rem;
  --component-radio-helper-font-size: 0.875rem;
  --component-radio-helper-color-default: var(--foreground-secondary);
  --component-radio-helper-color-error: var(--error-default);
  --component-radio-helper-spacing: 0.5rem;
  --component-radio-group-spacing: 0.75rem;
  --component-radio-transition-duration: 150ms;
  --component-radio-transition-timing: ease;
  --component-radio-transition-properties: background-color, border-color, box-shadow, transform;
  --component-select-background-default: var(--background-primary);
  --component-select-background-hover: var(--background-secondary);
  --component-select-background-disabled: var(--background-tertiary);
  --component-select-background-readonly: var(--background-secondary);
  --component-select-text-default: var(--foreground-primary);
  --component-select-text-placeholder: var(--foreground-tertiary);
  --component-select-text-disabled: var(--foreground-tertiary);
  --component-select-border-default: var(--border-default);
  --component-select-border-hover: var(--border-strong);
  --component-select-border-focus: var(--primary-default);
  --component-select-border-error: var(--error-default);
  --component-select-border-success: var(--success-default);
  --component-select-border-disabled: var(--border-subtle);
  --component-select-border-width-default: var(--border-width-1);
  --component-select-border-radius-default: var(--border-radius-md);
  --component-select-icon-color-default: var(--foreground-secondary);
  --component-select-icon-color-hover: var(--foreground-primary);
  --component-select-icon-color-disabled: var(--foreground-tertiary);
  --component-select-icon-size: 1rem;
  --component-select-icon-spacing: 0.5rem;
  --component-select-focus-ring-width: 3px;
  --component-select-focus-ring-offset: 2px;
  --component-select-focus-ring-color-default: var(--primary-subtle);
  --component-select-focus-ring-color-error: var(--error-subtle);
  --component-select-padding-vertical: 0.5rem;
  --component-select-padding-horizontal: 0.75rem;
  --component-select-padding-with-icon: 2.5rem;
  --component-select-label-font-size: 0.875rem;
  --component-select-label-font-weight: 500;
  --component-select-label-color-default: var(--foreground-primary);
  --component-select-label-color-disabled: var(--foreground-tertiary);
  --component-select-label-spacing: 0.5rem;
  --component-select-helper-font-size: 0.875rem;
  --component-select-helper-color-default: var(--foreground-secondary);
  --component-select-helper-color-error: var(--error-default);
  --component-select-helper-color-success: var(--success-default);
  --component-select-helper-spacing: 0.5rem;
  --component-select-menu-background: var(--background-primary);
  --component-select-menu-border: var(--border-default);
  --component-select-menu-border-radius: var(--border-radius-md);
  --component-select-menu-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --component-select-menu-max-height: 16rem;
  --component-select-option-background-default: transparent;
  --component-select-option-background-hover: var(--background-secondary);
  --component-select-option-background-selected: var(--primary-subtle);
  --component-select-option-background-disabled: transparent;
  --component-select-option-text-default: var(--foreground-primary);
  --component-select-option-text-selected: var(--primary-default);
  --component-select-option-text-disabled: var(--foreground-tertiary);
  --component-select-option-padding-vertical: 0.5rem;
  --component-select-option-padding-horizontal: 0.75rem;
  --component-select-transition-duration: 150ms;
  --component-select-transition-timing: ease;
  --component-select-transition-properties: background-color, border-color, box-shadow, transform;
  --component-slider-track-height: 6px;
  --component-slider-track-background: var(--background-tertiary);
  --component-slider-track-radius: 999px;
  --component-slider-fill-background: var(--primary-default);
  --component-slider-thumb-size: 18px;
  --component-slider-thumb-background: var(--primary-default);
  --component-slider-thumb-border-width: 2px;
  --component-slider-thumb-border-color: var(--background-primary);
  --component-slider-thumb-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --component-slider-thumb-shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --component-slider-thumb-scale-hover: 1.1;
  --component-slider-thumb-cursor: grab;
  --component-slider-thumb-cursor-active: grabbing;
  --component-slider-label-font-size: 0.875rem;
  --component-slider-label-font-weight: 500;
  --component-slider-label-color: var(--foreground-primary);
  --component-slider-label-margin-bottom: 0.5rem;
  --component-slider-mark-size: 4px;
  --component-slider-mark-color: var(--foreground-tertiary);
  --component-slider-mark-active-color: var(--primary-default);
  --component-slider-tooltip-background: var(--foreground-primary);
  --component-slider-tooltip-color: var(--background-primary);
  --component-slider-tooltip-padding: 0.25rem 0.5rem;
  --component-slider-tooltip-font-size: 0.75rem;
  --component-slider-tooltip-radius: var(--border-radius-sm);
  --component-slider-tooltip-offset: 8px;
  --component-slider-spacing-padding-vertical: 0.75rem;
  --component-slider-spacing-padding-horizontal: 0;
  --component-slider-vertical-height: 200px;
  --component-slider-vertical-padding-vertical: 0;
  --component-slider-vertical-padding-horizontal: 0.75rem;
  --component-slider-disabled-opacity: 0.5;
  --component-slider-disabled-cursor: not-allowed;
  --component-slider-transition-duration: 0.1s;
  --component-slider-transition-timing: ease;
  --component-switch-track-width-default: 2.75rem;
  --component-switch-track-width-small: 2rem;
  --component-switch-track-width-large: 3.5rem;
  --component-switch-track-height-default: 1.5rem;
  --component-switch-track-height-small: 1.125rem;
  --component-switch-track-height-large: 2rem;
  --component-switch-background-off-default: var(--border-default);
  --component-switch-background-off-hover: var(--border-strong);
  --component-switch-background-off-disabled: var(--background-tertiary);
  --component-switch-background-on-default: var(--primary-default);
  --component-switch-background-on-hover: var(--primary-hover);
  --component-switch-background-on-disabled: var(--border-default);
  --component-switch-border-width: var(--border-width-1);
  --component-switch-border-color-off: var(--border-default);
  --component-switch-border-color-on: var(--primary-default);
  --component-switch-border-color-disabled: var(--border-subtle);
  --component-switch-border-radius-track: var(--border-radius-full);
  --component-switch-border-radius-thumb: var(--border-radius-full);
  --component-switch-thumb-size-default: 1.25rem;
  --component-switch-thumb-size-small: 0.875rem;
  --component-switch-thumb-size-large: 1.75rem;
  --component-switch-thumb-background-default: var(--background-primary);
  --component-switch-thumb-background-disabled: var(--foreground-tertiary);
  --component-switch-thumb-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --component-switch-thumb-offset: 0.125rem;
  --component-switch-focus-ring-width: 3px;
  --component-switch-focus-ring-offset: 2px;
  --component-switch-focus-ring-color-default: var(--primary-subtle);
  --component-switch-label-font-size: 1rem;
  --component-switch-label-font-weight: 400;
  --component-switch-label-color-default: var(--foreground-primary);
  --component-switch-label-color-disabled: var(--foreground-tertiary);
  --component-switch-label-spacing: 0.5rem;
  --component-switch-helper-font-size: 0.875rem;
  --component-switch-helper-color-default: var(--foreground-secondary);
  --component-switch-helper-color-error: var(--error-default);
  --component-switch-helper-spacing: 0.5rem;
  --component-switch-icon-size-default: 0.75rem;
  --component-switch-icon-size-small: 0.625rem;
  --component-switch-icon-size-large: 1rem;
  --component-switch-icon-color-off: var(--foreground-tertiary);
  --component-switch-icon-color-on: var(--foreground-inverse);
  --component-switch-transition-duration: 200ms;
  --component-switch-transition-timing: ease;
  --component-switch-transition-properties: background-color, border-color, transform, box-shadow;
  --component-textarea-background-default: var(--background-primary);
  --component-textarea-background-hover: var(--background-secondary);
  --component-textarea-background-disabled: var(--background-tertiary);
  --component-textarea-background-readonly: var(--background-secondary);
  --component-textarea-text-default: var(--foreground-primary);
  --component-textarea-text-placeholder: var(--foreground-tertiary);
  --component-textarea-text-disabled: var(--foreground-tertiary);
  --component-textarea-border-default: var(--border-default);
  --component-textarea-border-hover: var(--border-strong);
  --component-textarea-border-focus: var(--primary-default);
  --component-textarea-border-error: var(--error-default);
  --component-textarea-border-success: var(--success-default);
  --component-textarea-border-disabled: var(--border-subtle);
  --component-textarea-border-width-default: var(--border-width-1);
  --component-textarea-border-radius-default: var(--border-radius-md);
  --component-textarea-focus-ring-width: 3px;
  --component-textarea-focus-ring-offset: 2px;
  --component-textarea-focus-ring-color-default: var(--primary-subtle);
  --component-textarea-focus-ring-color-error: var(--error-subtle);
  --component-textarea-padding-vertical: 0.75rem;
  --component-textarea-padding-horizontal: 0.75rem;
  --component-textarea-font-size: 1rem;
  --component-textarea-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --component-textarea-font-line-height: 1.5;
  --component-textarea-min-height-default: 5rem;
  --component-textarea-min-height-small: 3rem;
  --component-textarea-min-height-large: 8rem;
  --component-textarea-resize-indicator-color: var(--foreground-tertiary);
  --component-textarea-resize-indicator-size: 0.75rem;
  --component-textarea-counter-font-size: 0.75rem;
  --component-textarea-counter-color-default: var(--foreground-secondary);
  --component-textarea-counter-color-warning: var(--warning-default);
  --component-textarea-counter-color-error: var(--error-default);
  --component-textarea-counter-spacing: 0.25rem;
  --component-textarea-label-font-size: 0.875rem;
  --component-textarea-label-font-weight: 500;
  --component-textarea-label-color-default: var(--foreground-primary);
  --component-textarea-label-color-disabled: var(--foreground-tertiary);
  --component-textarea-label-spacing: 0.5rem;
  --component-textarea-helper-font-size: 0.875rem;
  --component-textarea-helper-color-default: var(--foreground-secondary);
  --component-textarea-helper-color-error: var(--error-default);
  --component-textarea-helper-color-success: var(--success-default);
  --component-textarea-helper-spacing: 0.5rem;
  --component-textarea-transition-duration: 150ms;
  --component-textarea-transition-timing: ease;
  --component-textarea-transition-properties: background-color, border-color, box-shadow;
  --component-time-picker-width: 10rem;
  --component-time-picker-input-height: 2.5rem;
  --component-time-picker-input-padding: 0.75rem;
  --component-time-picker-input-background: var(--background-primary);
  --component-time-picker-input-border: var(--border-default);
  --component-time-picker-input-color: var(--foreground-primary);
  --component-time-picker-border-radius: var(--border-radius-md);
  --component-time-picker-error-border: var(--error-default);
  --component-time-picker-error-color: var(--error-default);
  --component-time-picker-panel-width: 12rem;
  --component-time-picker-panel-max-height: 15rem;
  --component-time-picker-panel-background: var(--background-primary);
  --component-time-picker-panel-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --component-time-picker-item-padding: 0.5rem 0.75rem;
  --component-time-picker-item-hover-background: var(--background-secondary);
  --component-time-picker-item-selected-background: var(--primary-default);
  --component-time-picker-item-selected-color: var(--foreground-inverse);
  --component-time-picker-item-disabled-color: var(--foreground-tertiary);
  --component-time-picker-item-disabled-background: var(--background-secondary);
  --component-breadcrumb-container-padding-vertical: 0.5rem;
  --component-breadcrumb-container-padding-horizontal: 0;
  --component-breadcrumb-container-gap: 0.5rem;
  --component-breadcrumb-item-font-size: 0.875rem;
  --component-breadcrumb-item-font-weight: 400;
  --component-breadcrumb-item-line-height: 1.5;
  --component-breadcrumb-item-text-default: var(--foreground-secondary);
  --component-breadcrumb-item-text-hover: var(--primary-default);
  --component-breadcrumb-item-text-active: var(--foreground-primary);
  --component-breadcrumb-item-text-disabled: var(--foreground-tertiary);
  --component-breadcrumb-item-text-decoration-default: none;
  --component-breadcrumb-item-text-decoration-hover: underline;
  --component-breadcrumb-item-padding-horizontal: 0.25rem;
  --component-breadcrumb-item-padding-vertical: 0.25rem;
  --component-breadcrumb-item-border-radius: var(--border-radius-sm);
  --component-breadcrumb-separator-color: var(--foreground-tertiary);
  --component-breadcrumb-separator-font-size: 0.875rem;
  --component-breadcrumb-separator-margin-horizontal: 0.5rem;
  --component-breadcrumb-separator-content-default: "/";
  --component-breadcrumb-separator-content-chevron: "›";
  --component-breadcrumb-separator-content-arrow: "→";
  --component-breadcrumb-separator-content-dot: "·";
  --component-breadcrumb-icon-size: 1rem;
  --component-breadcrumb-icon-color-default: var(--foreground-tertiary);
  --component-breadcrumb-icon-color-hover: var(--primary-default);
  --component-breadcrumb-icon-color-active: var(--foreground-primary);
  --component-breadcrumb-icon-gap: 0.5rem;
  --component-breadcrumb-home-size: 1rem;
  --component-breadcrumb-home-color: var(--foreground-secondary);
  --component-breadcrumb-ellipsis-color: var(--foreground-secondary);
  --component-breadcrumb-ellipsis-padding: 0.25rem;
  --component-breadcrumb-ellipsis-cursor: pointer;
  --component-breadcrumb-ellipsis-hover-color: var(--primary-default);
  --component-breadcrumb-ellipsis-hover-background: var(--background-secondary);
  --component-breadcrumb-transition-duration: 150ms;
  --component-breadcrumb-transition-timing: ease;
  --component-breadcrumb-transition-properties: color, background-color;
  --component-breadcrumb-size-small-font-size: 0.75rem;
  --component-breadcrumb-size-small-icon-size: 0.75rem;
  --component-breadcrumb-size-small-gap: 0.25rem;
  --component-breadcrumb-size-default-font-size: 0.875rem;
  --component-breadcrumb-size-default-icon-size: 1rem;
  --component-breadcrumb-size-default-gap: 0.5rem;
  --component-breadcrumb-size-large-font-size: 1rem;
  --component-breadcrumb-size-large-icon-size: 1.25rem;
  --component-breadcrumb-size-large-gap: 0.75rem;
  --component-breadcrumb-max-items-default: 5;
  --component-breadcrumb-max-items-compact: 3;
  --component-menu-container-background: var(--background-primary);
  --component-menu-container-border-width: var(--border-width-1);
  --component-menu-container-border-color: var(--border-default);
  --component-menu-container-border-radius: var(--border-radius-md);
  --component-menu-container-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --component-menu-container-padding-vertical: 0.5rem;
  --component-menu-container-padding-horizontal: 0;
  --component-menu-container-min-width: 12rem;
  --component-menu-container-max-height: 400px;
  --component-menu-container-overflow: auto;
  --component-menu-item-padding-vertical: 0.5rem;
  --component-menu-item-padding-horizontal: 0.75rem;
  --component-menu-item-font-size: 0.875rem;
  --component-menu-item-font-weight: 400;
  --component-menu-item-line-height: 1.5;
  --component-menu-item-background-default: transparent;
  --component-menu-item-background-hover: var(--background-secondary);
  --component-menu-item-background-active: var(--primary-subtle);
  --component-menu-item-background-focus: var(--background-secondary);
  --component-menu-item-background-disabled: transparent;
  --component-menu-item-text-default: var(--foreground-primary);
  --component-menu-item-text-hover: var(--foreground-primary);
  --component-menu-item-text-active: var(--primary-active);
  --component-menu-item-text-disabled: var(--foreground-tertiary);
  --component-menu-item-min-height-default: 2.5rem;
  --component-menu-item-min-height-compact: 2rem;
  --component-menu-item-min-height-comfortable: 3rem;
  --component-menu-item-cursor-default: pointer;
  --component-menu-item-cursor-disabled: not-allowed;
  --component-menu-icon-size: 1rem;
  --component-menu-icon-color-default: var(--foreground-secondary);
  --component-menu-icon-color-hover: var(--foreground-primary);
  --component-menu-icon-color-active: var(--primary-default);
  --component-menu-icon-gap: 0.75rem;
  --component-menu-check-size: 1rem;
  --component-menu-check-color: var(--primary-default);
  --component-menu-check-margin-right: 0.75rem;
  --component-menu-shortcut-font-size: 0.75rem;
  --component-menu-shortcut-color: var(--foreground-tertiary);
  --component-menu-shortcut-margin-left: 1rem;
  --component-menu-shortcut-padding: 0.25rem 0.5rem;
  --component-menu-shortcut-background: var(--background-secondary);
  --component-menu-shortcut-border-radius: var(--border-radius-sm);
  --component-menu-arrow-size: 1rem;
  --component-menu-arrow-color: var(--foreground-tertiary);
  --component-menu-arrow-margin-left: auto;
  --component-menu-divider-height: 1px;
  --component-menu-divider-background: var(--border-default);
  --component-menu-divider-margin-vertical: 0.5rem;
  --component-menu-divider-margin-horizontal: 0;
  --component-menu-group-header-padding-vertical: 0.5rem;
  --component-menu-group-header-padding-horizontal: 0.75rem;
  --component-menu-group-header-font-size: 0.75rem;
  --component-menu-group-header-font-weight: 600;
  --component-menu-group-header-color: var(--foreground-tertiary);
  --component-menu-group-header-text-transform: uppercase;
  --component-menu-group-header-letter-spacing: 0.05em;
  --component-menu-danger-text-default: var(--error-default);
  --component-menu-danger-text-hover: var(--foreground-inverse);
  --component-menu-danger-background-hover: var(--error-default);
  --component-menu-danger-icon-color: var(--error-default);
  --component-menu-animation-enter-duration: 150ms;
  --component-menu-animation-enter-timing: ease-out;
  --component-menu-animation-enter-opacity-from: 0;
  --component-menu-animation-enter-opacity-to: 1;
  --component-menu-animation-enter-transform-from: translateY(-8px);
  --component-menu-animation-enter-transform-to: translateY(0);
  --component-menu-animation-exit-duration: 150ms;
  --component-menu-animation-exit-timing: ease-in;
  --component-menu-animation-exit-opacity-from: 1;
  --component-menu-animation-exit-opacity-to: 0;
  --component-menu-transition-duration: 150ms;
  --component-menu-transition-timing: ease;
  --component-menu-transition-properties: background-color, color;
  --component-menu-size-compact-font-size: 0.75rem;
  --component-menu-size-compact-padding-vertical: 0.25rem;
  --component-menu-size-compact-padding-horizontal: 0.5rem;
  --component-menu-size-compact-min-height: 2rem;
  --component-menu-size-default-font-size: 0.875rem;
  --component-menu-size-default-padding-vertical: 0.5rem;
  --component-menu-size-default-padding-horizontal: 0.75rem;
  --component-menu-size-default-min-height: 2.5rem;
  --component-menu-size-comfortable-font-size: 1rem;
  --component-menu-size-comfortable-padding-vertical: 0.75rem;
  --component-menu-size-comfortable-padding-horizontal: 1rem;
  --component-menu-size-comfortable-min-height: 3rem;
  --component-menu-z-index: 1000;
  --component-navigation-background-default: var(--background-primary);
  --component-navigation-background-active: var(--primary-subtle);
  --component-navigation-text-default: var(--foreground-secondary);
  --component-navigation-text-active: var(--primary-active);
  --component-navigation-text-hover: var(--foreground-primary);
  --component-pagination-gap: 0.5rem;
  --component-pagination-font-size: 0.875rem;
  --component-pagination-button-size: 2.5rem;
  --component-pagination-button-background: var(--background-primary);
  --component-pagination-button-border: var(--border-default);
  --component-pagination-button-radius: var(--border-radius-md);
  --component-pagination-button-color: var(--foreground-primary);
  --component-pagination-button-hover-background: var(--background-secondary);
  --component-pagination-button-hover-border: var(--primary-default);
  --component-pagination-button-hover-color: var(--primary-default);
  --component-pagination-active-background: var(--primary-default);
  --component-pagination-active-border: var(--primary-default);
  --component-pagination-active-color: var(--foreground-inverse);
  --component-tabs-container-background: var(--background-primary);
  --component-tabs-container-border-bottom: 1px solid #e5e5e5;
  --component-tabs-container-gap: 0.25rem;
  --component-tabs-tab-padding-horizontal: 1rem;
  --component-tabs-tab-padding-vertical: 0.75rem;
  --component-tabs-tab-font-size: 0.875rem;
  --component-tabs-tab-font-weight-default: 500;
  --component-tabs-tab-font-weight-active: 600;
  --component-tabs-tab-line-height: 1.5;
  --component-tabs-tab-text-default: var(--foreground-secondary);
  --component-tabs-tab-text-hover: var(--foreground-primary);
  --component-tabs-tab-text-active: var(--primary-active);
  --component-tabs-tab-text-disabled: var(--foreground-tertiary);
  --component-tabs-tab-background-default: transparent;
  --component-tabs-tab-background-hover: var(--background-secondary);
  --component-tabs-tab-background-active: transparent;
  --component-tabs-tab-border-radius: 0.375rem 0.375rem 0 0;
  --component-tabs-tab-indicator-height: 2px;
  --component-tabs-tab-indicator-color: var(--primary-default);
  --component-tabs-tab-indicator-position: absolute;
  --component-tabs-icon-size: 1rem;
  --component-tabs-icon-gap: 0.5rem;
  --component-tabs-icon-color-default: var(--foreground-tertiary);
  --component-tabs-icon-color-active: var(--primary-default);
  --component-tabs-badge-size: 1.25rem;
  --component-tabs-badge-font-size: 0.75rem;
  --component-tabs-badge-background: var(--error-default);
  --component-tabs-badge-text: var(--foreground-inverse);
  --component-tabs-badge-margin-left: 0.5rem;
  --component-tabs-panel-padding: 1.5rem;
  --component-tabs-panel-background: var(--background-primary);
  --component-tabs-transition-duration: 150ms;
  --component-tabs-transition-timing: ease;
  --component-tabs-transition-properties: color, background-color, border-color;
  --component-tabs-size-small-padding-horizontal: 0.75rem;
  --component-tabs-size-small-padding-vertical: 0.5rem;
  --component-tabs-size-small-font-size: 0.75rem;
  --component-tabs-size-small-icon-size: 0.75rem;
  --component-tabs-size-default-padding-horizontal: 1rem;
  --component-tabs-size-default-padding-vertical: 0.75rem;
  --component-tabs-size-default-font-size: 0.875rem;
  --component-tabs-size-default-icon-size: 1rem;
  --component-tabs-size-large-padding-horizontal: 1.25rem;
  --component-tabs-size-large-padding-vertical: 1rem;
  --component-tabs-size-large-font-size: 1rem;
  --component-tabs-size-large-icon-size: 1.25rem;
  --component-tabs-variant-line-border-bottom: 2px solid #3b82f6;
  --component-tabs-variant-enclosed-border: 1px solid #e5e5e5;
  --component-tabs-variant-enclosed-active-border-bottom: 1px solid #ffffff;
  --component-tabs-variant-soft-active-background: var(--primary-subtle);
  --component-tabs-variant-soft-active-border-radius: var(--border-radius-md);
  --component-dialog-width-small: 320px;
  --component-dialog-width-default: 480px;
  --component-dialog-width-large: 640px;
  --component-dialog-max-width: 90vw;
  --component-dialog-max-height: 90vh;
  --component-dialog-min-height: 160px;
  --component-dialog-padding: 1.5rem;
  --component-dialog-gap: 1rem;
  --component-dialog-background-default: var(--background-primary);
  --component-dialog-background-overlay: rgba(0, 0, 0, 0.5);
  --component-dialog-border-width: var(--border-width-0);
  --component-dialog-border-radius: var(--border-radius-lg);
  --component-dialog-border-color: var(--border-default);
  --component-dialog-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --component-dialog-z-index-overlay: 1000;
  --component-dialog-z-index-content: 1001;
  --component-dialog-animation-duration: 200ms;
  --component-dialog-animation-timing: ease-out;
  --component-dialog-icon-size: 3rem;
  --component-dialog-icon-confirmation-background: var(--primary-subtle);
  --component-dialog-icon-confirmation-color: var(--primary-default);
  --component-dialog-icon-warning-background: var(--warning-subtle);
  --component-dialog-icon-warning-color: var(--warning-default);
  --component-dialog-icon-destructive-background: var(--error-subtle);
  --component-dialog-icon-destructive-color: var(--error-default);
  --component-dialog-icon-info-background: var(--info-subtle);
  --component-dialog-icon-info-color: var(--info-default);
  --component-dialog-icon-success-background: var(--success-subtle);
  --component-dialog-icon-success-color: var(--success-default);
  --component-dialog-title-font-size: 1.125rem;
  --component-dialog-title-font-weight: 600;
  --component-dialog-title-line-height: 1.25;
  --component-dialog-title-color: var(--foreground-primary);
  --component-dialog-title-margin-bottom: 0.5rem;
  --component-dialog-description-font-size: 0.875rem;
  --component-dialog-description-font-weight: 400;
  --component-dialog-description-line-height: 1.625;
  --component-dialog-description-color: var(--foreground-secondary);
  --component-dialog-footer-gap: 0.75rem;
  --component-dialog-footer-margin-top: 1.5rem;
  --component-dialog-footer-justify-content: flex-end;
  --component-dialog-close-button-size: 2rem;
  --component-dialog-close-button-position-top: 1rem;
  --component-dialog-close-button-position-right: 1rem;
  --component-dialog-close-button-background-default: transparent;
  --component-dialog-close-button-background-hover: var(--background-secondary);
  --component-dialog-close-button-color-default: var(--foreground-tertiary);
  --component-dialog-close-button-color-hover: var(--foreground-primary);
  --component-dialog-close-button-border-radius: var(--border-radius-md);
  --component-dialog-transition-duration: 150ms;
  --component-dialog-transition-timing: ease;
  --component-dialog-transition-properties: background-color, color, opacity, transform;
  --component-drawer-z-index: 1000;
  --component-drawer-background: var(--background-primary);
  --component-drawer-backdrop-background: rgba(0, 0, 0, 0.5);
  --component-drawer-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --component-drawer-width-sm: 16rem;
  --component-drawer-width-md: 20rem;
  --component-drawer-width-lg: 24rem;
  --component-drawer-height-sm: 16rem;
  --component-drawer-height-md: 20rem;
  --component-drawer-height-lg: 24rem;
  --component-dropdown-container-background: var(--background-primary);
  --component-dropdown-container-border-width: var(--border-width-1);
  --component-dropdown-container-border-color: var(--border-default);
  --component-dropdown-container-border-radius: var(--border-radius-md);
  --component-dropdown-container-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --component-dropdown-container-padding-vertical: 0.25rem;
  --component-dropdown-container-padding-horizontal: 0;
  --component-dropdown-container-min-width: 160px;
  --component-dropdown-container-max-width: 320px;
  --component-dropdown-container-max-height: 320px;
  --component-dropdown-container-overflow: auto;
  --component-dropdown-z-index: 1100;
  --component-dropdown-item-padding-vertical: 0.5rem;
  --component-dropdown-item-padding-horizontal: 0.75rem;
  --component-dropdown-item-min-height-small: 2rem;
  --component-dropdown-item-min-height-default: 2.5rem;
  --component-dropdown-item-min-height-large: 3rem;
  --component-dropdown-item-font-size: 0.875rem;
  --component-dropdown-item-font-weight-default: 400;
  --component-dropdown-item-font-weight-selected: 500;
  --component-dropdown-item-line-height: 1.5;
  --component-dropdown-item-background-default: transparent;
  --component-dropdown-item-background-hover: var(--background-secondary);
  --component-dropdown-item-background-selected: var(--primary-subtle);
  --component-dropdown-item-background-active: var(--background-tertiary);
  --component-dropdown-item-background-disabled: transparent;
  --component-dropdown-item-text-default: var(--foreground-primary);
  --component-dropdown-item-text-hover: var(--foreground-primary);
  --component-dropdown-item-text-selected: var(--primary-default);
  --component-dropdown-item-text-disabled: var(--foreground-tertiary);
  --component-dropdown-item-cursor-default: pointer;
  --component-dropdown-item-cursor-disabled: not-allowed;
  --component-dropdown-checkmark-size: 1rem;
  --component-dropdown-checkmark-color: var(--primary-default);
  --component-dropdown-checkmark-margin-right: 0.5rem;
  --component-dropdown-icon-size: 1rem;
  --component-dropdown-icon-color-default: var(--foreground-secondary);
  --component-dropdown-icon-color-hover: var(--foreground-primary);
  --component-dropdown-icon-color-disabled: var(--foreground-tertiary);
  --component-dropdown-icon-margin-right: 0.5rem;
  --component-dropdown-divider-height: var(--border-width-1);
  --component-dropdown-divider-background: var(--border-default);
  --component-dropdown-divider-margin-vertical: 0.25rem;
  --component-dropdown-divider-margin-horizontal: 0;
  --component-dropdown-group-header-padding-vertical: 0.25rem;
  --component-dropdown-group-header-padding-horizontal: 0.75rem;
  --component-dropdown-group-header-font-size: 0.75rem;
  --component-dropdown-group-header-font-weight: 600;
  --component-dropdown-group-header-text-transform: uppercase;
  --component-dropdown-group-header-letter-spacing: 0.05em;
  --component-dropdown-group-header-color: var(--foreground-tertiary);
  --component-dropdown-group-header-margin-top: 0.5rem;
  --component-dropdown-search-padding: 0.5rem;
  --component-dropdown-search-border-bottom: 1px solid #e5e5e5;
  --component-dropdown-search-background: var(--background-primary);
  --component-dropdown-search-input-font-size: 0.875rem;
  --component-dropdown-search-input-padding: 0.5rem 0.75rem;
  --component-dropdown-search-input-border-radius: var(--border-radius-sm);
  --component-dropdown-search-input-background: var(--background-secondary);
  --component-dropdown-empty-padding-vertical: 1.5rem;
  --component-dropdown-empty-padding-horizontal: 1rem;
  --component-dropdown-empty-font-size: 0.875rem;
  --component-dropdown-empty-color: var(--foreground-tertiary);
  --component-dropdown-empty-text-align: center;
  --component-dropdown-transition-duration: 150ms;
  --component-dropdown-transition-timing: ease;
  --component-dropdown-transition-properties: background-color, color, opacity, transform;
  --component-dropdown-animation-duration: 150ms;
  --component-dropdown-animation-timing: ease-out;
  --component-dropdown-animation-enter-opacity-from: 0;
  --component-dropdown-animation-enter-opacity-to: 1;
  --component-dropdown-animation-enter-transform-from: translateY(-8px);
  --component-dropdown-animation-enter-transform-to: translateY(0);
  --component-dropdown-animation-exit-opacity-from: 1;
  --component-dropdown-animation-exit-opacity-to: 0;
  --component-dropdown-animation-exit-transform-from: translateY(0);
  --component-dropdown-animation-exit-transform-to: translateY(-8px);
  --component-dropdown-offset: 0.25rem;
  --component-modal-background-default: var(--background-primary);
  --component-modal-background-overlay: rgba(0, 0, 0, 0.5);
  --component-modal-border-default: var(--border-default);
  --component-modal-z-index: 1000;
  --component-modal-overlay-padding: 1rem;
  --component-modal-container-padding: 1.5rem;
  --component-modal-container-border-radius: var(--border-radius-lg);
  --component-modal-container-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --component-modal-container-max-width: 32rem;
  --component-modal-header-padding: 1.5rem;
  --component-modal-body-padding: 1.5rem;
  --component-modal-footer-padding: 1.5rem;
  --component-modal-close-color: var(--foreground-secondary);
  --component-modal-close-hover-background: var(--background-secondary);
  --component-popover-width-small: 240px;
  --component-popover-width-default: 320px;
  --component-popover-width-large: 480px;
  --component-popover-max-width: 90vw;
  --component-popover-min-width: 200px;
  --component-popover-max-height: 480px;
  --component-popover-padding: 1rem;
  --component-popover-gap: 0.75rem;
  --component-popover-background-default: var(--background-primary);
  --component-popover-border-width: var(--border-width-1);
  --component-popover-border-radius: var(--border-radius-md);
  --component-popover-border-color: var(--border-default);
  --component-popover-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --component-popover-z-index: 1100;
  --component-popover-arrow-size: 0.5rem;
  --component-popover-arrow-background: var(--background-primary);
  --component-popover-arrow-border-width: var(--border-width-1);
  --component-popover-arrow-border-color: var(--border-default);
  --component-popover-arrow-offset: 0.75rem;
  --component-popover-header-padding: 1rem;
  --component-popover-header-border-bottom: 1px solid #e5e5e5;
  --component-popover-header-title-font-size: 1rem;
  --component-popover-header-title-font-weight: 600;
  --component-popover-header-title-line-height: 1.25;
  --component-popover-header-title-color: var(--foreground-primary);
  --component-popover-body-padding: 1rem;
  --component-popover-body-font-size: 0.875rem;
  --component-popover-body-line-height: 1.625;
  --component-popover-body-color: var(--foreground-secondary);
  --component-popover-body-max-height: 320px;
  --component-popover-body-overflow: auto;
  --component-popover-footer-padding: 1rem;
  --component-popover-footer-border-top: 1px solid #e5e5e5;
  --component-popover-footer-gap: 0.5rem;
  --component-popover-footer-justify-content: flex-end;
  --component-popover-close-button-size: 1.5rem;
  --component-popover-close-button-position-top: 0.5rem;
  --component-popover-close-button-position-right: 0.5rem;
  --component-popover-close-button-background-default: transparent;
  --component-popover-close-button-background-hover: var(--background-secondary);
  --component-popover-close-button-color-default: var(--foreground-tertiary);
  --component-popover-close-button-color-hover: var(--foreground-primary);
  --component-popover-close-button-border-radius: var(--border-radius-sm);
  --component-popover-animation-duration: 150ms;
  --component-popover-animation-timing: ease-out;
  --component-popover-animation-enter-top-opacity-from: 0;
  --component-popover-animation-enter-top-opacity-to: 1;
  --component-popover-animation-enter-top-transform-from: translateY(-8px);
  --component-popover-animation-enter-top-transform-to: translateY(0);
  --component-popover-animation-enter-bottom-opacity-from: 0;
  --component-popover-animation-enter-bottom-opacity-to: 1;
  --component-popover-animation-enter-bottom-transform-from: translateY(8px);
  --component-popover-animation-enter-bottom-transform-to: translateY(0);
  --component-popover-animation-enter-left-opacity-from: 0;
  --component-popover-animation-enter-left-opacity-to: 1;
  --component-popover-animation-enter-left-transform-from: translateX(-8px);
  --component-popover-animation-enter-left-transform-to: translateX(0);
  --component-popover-animation-enter-right-opacity-from: 0;
  --component-popover-animation-enter-right-opacity-to: 1;
  --component-popover-animation-enter-right-transform-from: translateX(8px);
  --component-popover-animation-enter-right-transform-to: translateX(0);
  --component-popover-transition-duration: 150ms;
  --component-popover-transition-timing: ease;
  --component-popover-transition-properties: background-color, color, border-color, opacity, transform;
  --component-popover-offset-default: 0.5rem;
  --component-popover-offset-with-arrow: 0.75rem;
  --component-popover-interactive-cursor: auto;
  --component-popover-interactive-focus-ring-width: 2px;
  --component-popover-interactive-focus-ring-offset: 2px;
  --component-popover-interactive-focus-ring-color: var(--primary-default);
  --component-tooltip-background-default: var(--foreground-primary);
  --component-tooltip-text-default: var(--foreground-inverse);
  --background-primary: #ffffff;
  --background-secondary: #fafafa;
  --background-tertiary: #f5f5f5;
  --foreground-primary: #171717;
  --foreground-secondary: #525252;
  --foreground-tertiary: #737373;
  --foreground-inverse: #ffffff;
  --primary-default: #3b82f6;
  --primary-hover: #2563eb;
  --primary-active: #1d4ed8;
  --primary-subtle: #eff6ff;
  --success-default: #22c55e;
  --success-hover: #16a34a;
  --success-active: #15803d;
  --success-subtle: #f0fdf4;
  --error-default: #ef4444;
  --error-hover: #dc2626;
  --error-active: #b91c1c;
  --error-subtle: #fef2f2;
  --warning-default: #eab308;
  --warning-hover: #ca8a04;
  --warning-active: #a16207;
  --warning-subtle: #fefce8;
  --info-default: #06b6d4;
  --info-hover: #0891b2;
  --info-active: #0e7490;
  --info-subtle: #ecfeff;
  --interaction-transition-fast-duration: 150ms;
  --interaction-transition-fast-timing: ease;
  --interaction-transition-normal-duration: 200ms;
  --interaction-transition-normal-timing: ease;
  --interaction-transition-slow-duration: 300ms;
  --interaction-transition-slow-timing: ease;
  --interaction-animation-fade-in-duration: 200ms;
  --interaction-animation-fade-in-timing: ease-in;
  --interaction-animation-fade-in-keyframes: fadeIn;
  --interaction-animation-fade-out-duration: 200ms;
  --interaction-animation-fade-out-timing: ease-out;
  --interaction-animation-fade-out-keyframes: fadeOut;
  --interaction-animation-slide-in-duration: 200ms;
  --interaction-animation-slide-in-timing: ease-out;
  --interaction-animation-slide-in-keyframes: slideIn;
  --interaction-animation-slide-in-distance: 100%;
  --interaction-animation-slide-out-duration: 150ms;
  --interaction-animation-slide-out-timing: ease-in;
  --interaction-animation-slide-out-keyframes: slideOut;
  --interaction-animation-slide-out-distance: 100%;
  --interaction-animation-scale-duration: 150ms;
  --interaction-animation-scale-timing: ease-in-out;
  --interaction-animation-scale-keyframes: scaleIn;
  --interaction-animation-scale-from: 0.95;
  --interaction-animation-scale-to: 1;
  --interaction-animation-pulse-duration: 300ms;
  --interaction-animation-pulse-timing: ease-in-out;
  --interaction-animation-pulse-keyframes: pulse;
  --interaction-animation-pulse-iteration: infinite;
  --interaction-animation-spin-duration: 1s;
  --interaction-animation-spin-timing: linear;
  --interaction-animation-spin-keyframes: spin;
  --interaction-animation-spin-iteration: infinite;
  --interaction-animation-bounce-duration: 200ms;
  --interaction-animation-bounce-timing: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --interaction-animation-bounce-keyframes: bounce;
  --interaction-cursor-default: default;
  --interaction-cursor-pointer: pointer;
  --interaction-cursor-text: text;
  --interaction-cursor-move: move;
  --interaction-cursor-not-allowed: not-allowed;
  --interaction-cursor-grab: grab;
  --interaction-cursor-grabbing: grabbing;
  --interaction-cursor-wait: wait;
  --interaction-cursor-help: help;
  --interaction-cursor-zoom-in: zoom-in;
  --interaction-cursor-zoom-out: zoom-out;
  --interaction-feedback-haptic-light: light;
  --interaction-feedback-haptic-medium: medium;
  --interaction-feedback-haptic-heavy: heavy;
  --interaction-feedback-sound-click: click;
  --interaction-feedback-sound-success: success;
  --interaction-feedback-sound-error: error;
  --interaction-feedback-sound-notification: notification;
  --layout-safe-area-inset-top: env(safe-area-inset-top, 0px);
  --layout-safe-area-inset-right: env(safe-area-inset-right, 0px);
  --layout-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
  --layout-safe-area-inset-left: env(safe-area-inset-left, 0px);
  --layout-container-max-width-sm: 640px;
  --layout-container-max-width-md: 768px;
  --layout-container-max-width-lg: 1024px;
  --layout-container-max-width-xl: 1280px;
  --layout-container-max-width-2xl: 1536px;
  --layout-container-padding-mobile: 1rem;
  --layout-container-padding-tablet: 1.5rem;
  --layout-container-padding-desktop: 2rem;
  --layout-section-padding-small: 1.5rem;
  --layout-section-padding-medium: 2rem;
  --layout-section-padding-large: 3rem;
  --layout-grid-gap-small: 0.75rem;
  --layout-grid-gap-medium: 1rem;
  --layout-grid-gap-large: 1.5rem;
  --layout-grid-columns-mobile: 4;
  --layout-grid-columns-tablet: 8;
  --layout-grid-columns-desktop: 12;
  --layout-stack-gap-tight: 0.5rem;
  --layout-stack-gap-default: 0.75rem;
  --layout-stack-gap-relaxed: 1rem;
  --layout-stack-gap-loose: 1.5rem;
  --layout-inline-gap-tight: 0.5rem;
  --layout-inline-gap-default: 0.75rem;
  --layout-inline-gap-relaxed: 1rem;
  --state-focus-outline: 2px solid #3b82f6;
  --state-focus-outline-offset: 2px;
  --state-focus-ring-color: #3b82f6;
  --state-focus-ring-width: 2px;
  --state-focus-ring-offset: 2px;
  --state-focus-ring-style: solid;
  --state-focus-visible-outline: 2px solid #3b82f6;
  --state-focus-visible-outline-offset: 2px;
  --state-focus-visible-ring-color: #3b82f6;
  --state-focus-visible-ring-width: 2px;
  --state-focus-visible-ring-offset: 2px;
  --state-disabled-opacity: 0.5;
  --state-disabled-cursor: not-allowed;
  --state-hover-elevation-small: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --state-hover-elevation-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --state-hover-elevation-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --state-active-scale: 0.98;
  --state-pressed-scale: 0.95;
  --state-pressed-opacity: 0.9;
  --state-pressed-transition: 150ms;
  --state-loading-opacity: 0.6;
  --state-loading-cursor: wait;
  --state-loading-animation-name: pulse;
  --state-loading-animation-duration: 300ms;
  --state-loading-animation-timing: ease-in-out;
  --state-loading-animation-iteration: infinite;
  --state-success-color: #22c55e;
  --state-success-background: #f0fdf4;
  --state-success-border: #22c55e;
  --state-warning-color: #eab308;
  --state-warning-background: #fefce8;
  --state-warning-border: #eab308;
  --state-error-color: #ef4444;
  --state-error-background: #fef2f2;
  --state-error-border: #ef4444;
  --state-info-color: #06b6d4;
  --state-info-background: #ecfeff;
  --state-info-border: #06b6d4;
  --state-selected-background: #dbeafe;
  --state-selected-border: #3b82f6;
  --state-readonly-background: #fafafa;
  --state-readonly-cursor: default;
  --surface-base-background: #ffffff;
  --surface-base-elevation: 0;
  --surface-raised-background: #ffffff;
  --surface-raised-elevation: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --surface-overlay-background: #ffffff;
  --surface-overlay-elevation: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --surface-sunken-background: #fafafa;
  --surface-sunken-elevation: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  --surface-glass-light-background: rgba(255, 255, 255, 0.8);
  --surface-glass-light-backdrop-filter: blur(10px) saturate(180%);
  --surface-glass-light-border: 1px solid rgba(255, 255, 255, 0.3);
  --surface-glass-dark-background: rgba(23, 23, 23, 0.8);
  --surface-glass-dark-backdrop-filter: blur(10px) saturate(180%);
  --surface-glass-dark-border: 1px solid rgba(255, 255, 255, 0.1);
  --surface-level-0-background: #ffffff;
  --surface-level-0-elevation: none;
  --surface-level-1-background: #fafafa;
  --surface-level-1-elevation: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --surface-level-2-background: #f5f5f5;
  --surface-level-2-elevation: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --surface-level-3-background: #e5e5e5;
  --surface-level-3-elevation: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --surface-interactive-default-background: #ffffff;
  --surface-interactive-default-border: #e5e5e5;
  --surface-interactive-hover-background: #fafafa;
  --surface-interactive-hover-border: #d4d4d4;
  --surface-interactive-hover-elevation: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --surface-interactive-active-background: #f5f5f5;
  --surface-interactive-active-border: #a3a3a3;
  --text-heading-h1-font-size-mobile: 1.5rem;
  --text-heading-h1-font-size-tablet: 1.875rem;
  --text-heading-h1-font-size-desktop: 2.25rem;
  --text-heading-h1-font-weight: 700;
  --text-heading-h1-line-height: 1.25;
  --text-heading-h1-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-heading-h1-color: #171717;
  --text-heading-h2-font-size-mobile: 1.25rem;
  --text-heading-h2-font-size-tablet: 1.5rem;
  --text-heading-h2-font-size-desktop: 1.875rem;
  --text-heading-h2-font-weight: 700;
  --text-heading-h2-line-height: 1.25;
  --text-heading-h2-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-heading-h2-color: #171717;
  --text-heading-h3-font-size-mobile: 1.125rem;
  --text-heading-h3-font-size-tablet: 1.25rem;
  --text-heading-h3-font-size-desktop: 1.5rem;
  --text-heading-h3-font-weight: 600;
  --text-heading-h3-line-height: 1.375;
  --text-heading-h3-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-heading-h3-color: #171717;
  --text-heading-h4-font-size-mobile: 1rem;
  --text-heading-h4-font-size-tablet: 1.125rem;
  --text-heading-h4-font-size-desktop: 1.25rem;
  --text-heading-h4-font-weight: 600;
  --text-heading-h4-line-height: 1.375;
  --text-heading-h4-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-heading-h4-color: #171717;
  --text-heading-h5-font-size-mobile: 0.875rem;
  --text-heading-h5-font-size-tablet: 1rem;
  --text-heading-h5-font-size-desktop: 1.125rem;
  --text-heading-h5-font-weight: 500;
  --text-heading-h5-line-height: 1.5;
  --text-heading-h5-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-heading-h5-color: #171717;
  --text-heading-h6-font-size-mobile: 0.875rem;
  --text-heading-h6-font-size-tablet: 0.875rem;
  --text-heading-h6-font-size-desktop: 1rem;
  --text-heading-h6-font-weight: 500;
  --text-heading-h6-line-height: 1.5;
  --text-heading-h6-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-heading-h6-color: #171717;
  --text-body-large-font-size: 1.125rem;
  --text-body-large-font-weight: 400;
  --text-body-large-line-height: 1.625;
  --text-body-large-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-body-large-color: #404040;
  --text-body-default-font-size: 1rem;
  --text-body-default-font-weight: 400;
  --text-body-default-line-height: 1.5;
  --text-body-default-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-body-default-color: #404040;
  --text-body-small-font-size: 0.875rem;
  --text-body-small-font-weight: 400;
  --text-body-small-line-height: 1.5;
  --text-body-small-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-body-small-color: #525252;
  --text-caption-font-size: 0.75rem;
  --text-caption-font-weight: 400;
  --text-caption-line-height: 1.5;
  --text-caption-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-caption-color: #737373;
  --text-label-font-size: 0.875rem;
  --text-label-font-weight: 500;
  --text-label-line-height: 1.5;
  --text-label-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-label-color: #404040;
  --text-helper-font-size: 0.875rem;
  --text-helper-font-weight: 400;
  --text-helper-line-height: 1.5;
  --text-helper-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-helper-color: #737373;
  --text-code-inline-font-size: 0.875rem;
  --text-code-inline-font-family: 'Courier New', Courier, monospace;
  --text-code-inline-background: #f5f5f5;
  --text-code-inline-color: #262626;
  --text-code-inline-padding: 0.125rem 0.25rem;
  --text-code-inline-border-radius: 0.125rem;
  --text-code-block-font-size: 0.875rem;
  --text-code-block-font-family: 'Courier New', Courier, monospace;
  --text-code-block-background: #171717;
  --text-code-block-color: #f5f5f5;
  --text-code-block-padding: 1rem;
  --text-code-block-border-radius: 0.375rem;
  --text-link-default-color: #2563eb;
  --text-link-default-text-decoration: underline;
  --text-link-default-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --text-link-hover-color: #1d4ed8;
  --text-link-hover-text-decoration: underline;
  --text-link-visited-color: #1e40af;
  --text-link-visited-text-decoration: underline;
  --background-primary: var(--theme-background-primary, #ffffff);
  --background-secondary: var(--theme-background-secondary, #fafafa);
  --background-tertiary: var(--theme-background-tertiary, #f5f5f5);
  --foreground-primary: var(--theme-foreground-primary, #171717);
  --foreground-secondary: var(--theme-foreground-secondary, #525252);
  --foreground-tertiary: var(--theme-foreground-tertiary, #737373);
  --foreground-inverse: var(--theme-foreground-inverse, #ffffff);
  --border-default: var(--theme-border-default, #e5e5e5);
  --border-subtle: var(--theme-border-subtle, #f5f5f5);
  --border-strong: var(--theme-border-strong, #d4d4d4);
  --primary-default: var(--theme-primary-default, #3b82f6);
  --primary-hover: var(--theme-primary-hover, #2563eb);
  --primary-active: var(--theme-primary-active, #1d4ed8);
  --primary-subtle: var(--theme-primary-subtle, #eff6ff);
  --secondary-default: var(--theme-secondary-default, #a855f7);
  --secondary-hover: var(--theme-secondary-hover, #9333ea);
  --secondary-active: var(--theme-secondary-active, #7e22ce);
  --secondary-subtle: var(--theme-secondary-subtle, #faf5ff);
  --success-default: var(--theme-success-default, #22c55e);
  --success-hover: var(--theme-success-hover, #16a34a);
  --success-active: var(--theme-success-active, #15803d);
  --success-subtle: var(--theme-success-subtle, #f0fdf4);
  --warning-default: var(--theme-warning-default, #eab308);
  --warning-hover: var(--theme-warning-hover, #ca8a04);
  --warning-active: var(--theme-warning-active, #a16207);
  --warning-subtle: var(--theme-warning-subtle, #fefce8);
  --error-default: var(--theme-error-default, #ef4444);
  --error-hover: var(--theme-error-hover, #dc2626);
  --error-active: var(--theme-error-active, #b91c1c);
  --error-subtle: var(--theme-error-subtle, #fef2f2);
  --info-default: var(--theme-info-default, #06b6d4);
  --info-hover: var(--theme-info-hover, #0891b2);
  --info-active: var(--theme-info-active, #0e7490);
  --info-subtle: var(--theme-info-subtle, #ecfeff);
  --surface-elevated: var(--theme-surface-elevated, #ffffff);
  --surface-overlay: var(--theme-surface-overlay, #ffffff);
}

[data-theme="light"] {
  --theme-background-primary: #ffffff;
  --theme-background-secondary: #fafafa;
  --theme-background-tertiary: #f5f5f5;
  --theme-foreground-primary: #171717;
  --theme-foreground-secondary: #525252;
  --theme-foreground-tertiary: #737373;
  --theme-foreground-inverse: #ffffff;
  --theme-border-default: #e5e5e5;
  --theme-border-subtle: #f5f5f5;
  --theme-border-strong: #d4d4d4;
  --theme-primary-default: #3b82f6;
  --theme-primary-hover: #2563eb;
  --theme-primary-active: #1d4ed8;
  --theme-primary-subtle: #eff6ff;
  --theme-secondary-default: #a855f7;
  --theme-secondary-hover: #9333ea;
  --theme-secondary-active: #7e22ce;
  --theme-secondary-subtle: #faf5ff;
  --theme-success-default: #22c55e;
  --theme-success-hover: #16a34a;
  --theme-success-active: #15803d;
  --theme-success-subtle: #f0fdf4;
  --theme-warning-default: #eab308;
  --theme-warning-hover: #ca8a04;
  --theme-warning-active: #a16207;
  --theme-warning-subtle: #fefce8;
  --theme-error-default: #ef4444;
  --theme-error-hover: #dc2626;
  --theme-error-active: #b91c1c;
  --theme-error-subtle: #fef2f2;
  --theme-info-default: #06b6d4;
  --theme-info-hover: #0891b2;
  --theme-info-active: #0e7490;
  --theme-info-subtle: #ecfeff;
  --theme-surface-elevated: #ffffff;
  --theme-surface-overlay: #ffffff;
}

[data-theme="dark"] {
  --theme-background-primary: #171717;
  --theme-background-secondary: #262626;
  --theme-background-tertiary: #404040;
  --theme-foreground-primary: #fafafa;
  --theme-foreground-secondary: #d4d4d4;
  --theme-foreground-tertiary: #a3a3a3;
  --theme-foreground-inverse: #171717;
  --theme-border-default: #404040;
  --theme-border-subtle: #262626;
  --theme-border-strong: #525252;
  --theme-primary-default: #3b82f6;
  --theme-primary-hover: #60a5fa;
  --theme-primary-active: #93c5fd;
  --theme-primary-subtle: #1e3a8a;
  --theme-secondary-default: #a855f7;
  --theme-secondary-hover: #c084fc;
  --theme-secondary-active: #d8b4fe;
  --theme-secondary-subtle: #581c87;
  --theme-success-default: #22c55e;
  --theme-success-hover: #4ade80;
  --theme-success-active: #86efac;
  --theme-success-subtle: #14532d;
  --theme-warning-default: #eab308;
  --theme-warning-hover: #facc15;
  --theme-warning-active: #fde047;
  --theme-warning-subtle: #713f12;
  --theme-error-default: #ef4444;
  --theme-error-hover: #f87171;
  --theme-error-active: #fca5a5;
  --theme-error-subtle: #7f1d1d;
  --theme-info-default: #06b6d4;
  --theme-info-hover: #22d3ee;
  --theme-info-active: #67e8f9;
  --theme-info-subtle: #164e63;
  --theme-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --theme-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.5);
  --theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5);
  --theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5);
  --theme-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5);
  --theme-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  --theme-surface-elevated: #262626;
  --theme-surface-overlay: #3a3a3a;
}
/* Reduced motion support for accessibility */
@media (prefers-reduced-motion: reduce) {
  :root {
    --animation-duration-fast: 0ms;
    --animation-duration-base: 0ms;
    --animation-duration-slow: 0ms;
    --animation-duration-slower: 0ms;
  }
}