@charset "UTF-8";:root{--brand-primary: #6366f1;--brand-secondary: #f59e0b;--brand-alt: #14b8a6;--role-primary: var(--brand-primary);--role-secondary: var(--brand-secondary);--role-accent: var(--role-secondary);--color-primary: var(--role-primary);--color-secondary: var(--role-secondary);--color-alt: var(--brand-alt);--custom-bg: #ffffff;--custom-bg-secondary: #f8fafc;--custom-bg-header: #f1f5f9;--custom-text-default: #0f172a;--custom-text-muted: #475569;--custom-text-disabled: #94a3b8;--custom-text-disabled-alt: #cbd5e1;--custom-text-subtle: #64748b;--custom-border: #e2e8f0;--custom-border-subtle: #f1f5f9;--custom-border-strong: #cbd5e1;--custom-accent-primary: #6366f1;--custom-accent-secondary: #f59e0b;--font-family-base: Poppins, sans-serif;--font-size-small: .6rem;--font-size-1: .75rem;--font-size-2: .875rem;--font-size-3: 1rem;--font-size-4: 1.125rem;--font-size-5: 1.25rem;--font-size-6: 1.5rem;--font-size-s: var(--font-size-2);--font-size-m: var(--font-size-5);--font-size-l: var(--font-size-6);--font-size-xl: 2rem;--font-size-xxl: 3rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-s: var(--space-2);--space-l: var(--space-6);--z-index-1: 100;--z-index-2: 200;--z-index-3: 300;--z-index-4: 400;--z-index-full: 999;--radius-1: 4px;--radius-1-5: 6px;--radius-2: 8px;--radius-3: 12px;--radius-4: 20px;--radius-round: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .05);--shadow-2: 0 4px 12px rgba(0, 0, 0, .08);--shadow-3: 0 12px 32px rgba(0, 0, 0, .12);--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-750: #333333;--gray-800: #262626;--gray-850: #1f1f1f;--gray-900: #171717;--white: #ffffff;--black: #000000;--success: #22c55e;--warning: #f97316;--error: #ef4444;--info: #3b82f6;--focus-color: var(--color-secondary);--color-primary-rgb: 99, 102, 241;--color-secondary-rgb: 245, 158, 11;--success-rgb: 34, 197, 94;--warning-rgb: 249, 115, 22;--error-rgb: 239, 68, 68;--info-rgb: 59, 130, 246;--black-rgb: 0, 0, 0;--white-rgb: 255, 255, 255;--container-xs: 320px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--header-height: 60px;--footer-height: 50px;--sidebar-width: 260px;--layout-gap: 1rem;--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .4s;--easing-default: cubic-bezier(.4, 0, .2, 1);--easing-in: cubic-bezier(.4, 0, 1, 1);--easing-out: cubic-bezier(0, 0, .2, 1);--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--btn-font-size-sm: .875rem;--btn-font-size-md: 1rem;--btn-font-size-lg: 1.125rem;--btn-padding-vertical-sm: .25rem;--btn-padding-horizontal-sm: .75rem;--btn-padding-vertical-md: .5rem;--btn-padding-horizontal-md: 1rem;--btn-padding-vertical-lg: .75rem;--btn-padding-horizontal-lg: 1.5rem;--btn-radius-sm: 4px;--btn-radius: 8px;--btn-radius-md: var(--btn-radius);--btn-radius-lg: 12px;--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--input-padding-horizontal-sm: .5rem;--input-padding-horizontal-md: .75rem;--input-padding-horizontal-lg: 1rem;--input-font-size-sm: .875rem;--input-font-size-md: 1rem;--input-font-size-lg: 1.125rem;--input-radius: 8px;--input-focus-shadow: 0 0 0 3px rgba(99, 102, 241, .25);--icon-size-sm: .875rem;--icon-size-md: 1rem;--icon-size-lg: 1.25rem;--input-icon-size-sm: 10px;--input-icon-size-md: 12px;--input-icon-size-lg: 16px;--badge-height: 20px;--badge-padding-horizontal-sm: .375rem;--badge-padding-horizontal-md: .5rem;--badge-padding-horizontal-lg: .75rem;--badge-padding-vertical-sm: .1875rem;--badge-padding-vertical-md: .25rem;--badge-padding-vertical-lg: .375rem;--badge-font-size-sm: .75rem;--badge-font-size-md: .875rem;--badge-font-size-lg: 1rem;--badge-radius: 6px;--badge-pill-radius: 999px;--badge-border-color: var(--badge-bg, transparent);--badge-outline-text-color: var(--badge-text);--modal-padding: 1rem;--modal-section-gap: .75rem;--modal-footer-padding: 1rem;--modal-radius: 12px;--modal-shadow-depth: 0 12px 32px rgba(0, 0, 0, .12);--modal-overlay-blur: 6px;--modal-overlay-z-index: var(--z-index-full);--modal-size-sm: 360px;--modal-size-md: 560px;--modal-size-lg: 860px;--modal-max-height: 80vh;--dropdown-min-width: 208px;--dropdown-radius: 8px;--dropdown-shadow: 0 4px 12px rgba(0, 0, 0, .08);--dropdown-padding: .5rem;--dropdown-gap: .25rem;--dropdown-item-padding-y: .5rem;--dropdown-item-padding-x: .75rem;--dropdown-item-radius: 6px;--toast-padding: .75rem;--toast-radius-base: 8px;--toast-shadow-depth: 0 4px 12px rgba(0, 0, 0, .08);--toast-border-width: 1px;--toast-gap: .5rem;--toast-icon-size: 1rem;--checkbox-size-sm: 16px;--checkbox-size-md: 18px;--checkbox-size-lg: 20px;--checkbox-border-width: 2px;--checkbox-radius: 4px;--checkbox-check-size-sm: 10px;--checkbox-check-size-md: 12px;--checkbox-check-size-lg: 14px;--radio-size-sm: 16px;--radio-size-md: 18px;--radio-size-lg: 20px;--radio-border-width: 2px;--radio-dot-size-sm: 8px;--radio-dot-size-md: 10px;--radio-dot-size-lg: 12px;--toggle-width-sm: 32px;--toggle-width-md: 40px;--toggle-width-lg: 48px;--toggle-height-sm: 18px;--toggle-height-md: 22px;--toggle-height-lg: 26px;--toggle-thumb-size-sm: 14px;--toggle-thumb-size-md: 18px;--toggle-thumb-size-lg: 22px;--toggle-track-radius: 999px;--breadcrumb-separator: /;--breadcrumb-font-size: .875rem;--breadcrumb-spacing: .5rem;--breadcrumb-item-padding: .25rem;--tab-height: 44px;--tab-padding-x: 1rem;--tab-padding-y: .5rem;--tab-border-width: 2px;--tab-font-size: 1rem;--tab-gap: .5rem;--tab-indicator-height: 2px;--tooltip-padding-y: .25rem;--tooltip-padding-x: .5rem;--tooltip-radius: 4px;--tooltip-max-width: 240px;--tooltip-offset: 8px;--tooltip-font-size: .875rem;--tooltip-arrow-size: 6px;--popover-padding: .75rem;--popover-radius: 8px;--popover-shadow: 0 4px 12px rgba(0, 0, 0, .08);--popover-max-width: 320px;--popover-arrow-size: 8px;--popover-border-width: 1px;--popover-header-padding: .75rem;--popover-body-padding: .75rem;--popover-footer-padding: .75rem;--card-padding-sm: .75rem;--card-padding-md: 1rem;--card-padding-lg: 1.5rem;--card-radius: 8px;--card-shadow: 0 4px 12px rgba(0, 0, 0, .08);--card-shadow-hover: 0 12px 32px rgba(0, 0, 0, .12);--card-header-font-size: 1.125rem;--card-body-font-size: 1rem;--card-footer-font-size: .875rem;--alert-padding-sm: .5rem;--alert-padding-md: .75rem;--alert-padding-lg: 1rem;--alert-gap: .75rem;--alert-radius: 8px;--alert-font-size-sm: .875rem;--alert-font-size-md: 1rem;--alert-font-size-lg: 1.125rem;--alert-icon-size-sm: 16px;--alert-icon-size-md: 20px;--alert-icon-size-lg: 24px;--divider-thickness-sm: 1px;--divider-thickness-md: 2px;--divider-thickness-lg: 3px;--divider-font-size: .875rem;--divider-spacing-sm-vertical: .5rem;--divider-spacing-md-vertical: 1rem;--divider-spacing-lg-vertical: 1.5rem;--divider-spacing-sm-horizontal: .5rem;--divider-spacing-md-horizontal: 1rem;--divider-spacing-lg-horizontal: 1.5rem;--progress-height-sm: 4px;--progress-height-md: 8px;--progress-height-lg: 12px;--progress-radius: 12px;--progress-track-bg: #e5e5e5;--progress-fill-bg: #6366f1;--pagination-btn-size-sm: 24px;--pagination-btn-size-md: 32px;--pagination-btn-size-lg: 40px;--pagination-btn-padding-sm: .25rem;--pagination-btn-padding-md: .5rem;--pagination-btn-padding-lg: .75rem;--pagination-btn-radius: 8px;--pagination-font-size-sm: .75rem;--pagination-font-size-md: .875rem;--pagination-font-size-lg: 1rem;--pagination-gap-sm: .25rem;--pagination-gap-md: .5rem;--pagination-gap-lg: 1rem;--stepper-indicator-size-sm: 24px;--stepper-indicator-size-md: 32px;--stepper-indicator-size-lg: 40px;--stepper-indicator-border-width: 2px;--stepper-indicator-font-size-sm: .75rem;--stepper-indicator-font-size-md: .875rem;--stepper-indicator-font-size-lg: 1rem;--stepper-connector-width: 2px;--stepper-connector-min-length: 32px;--stepper-label-font-size-sm: .75rem;--stepper-label-font-size-md: .875rem;--stepper-label-font-size-lg: 1rem;--stepper-description-font-size-sm: .6rem;--stepper-description-font-size-md: .75rem;--stepper-description-font-size-lg: .875rem;--stepper-gap-horizontal: .5rem;--stepper-gap-vertical: .75rem;--accordion-header-padding-sm: .5rem .75rem;--accordion-header-padding-md: 1rem;--accordion-header-padding-lg: 1.25rem 1.5rem;--accordion-body-padding-sm: .5rem .75rem;--accordion-body-padding-md: 1rem;--accordion-body-padding-lg: 1.25rem 1.5rem;--accordion-header-font-size-sm: .875rem;--accordion-header-font-size-md: 1rem;--accordion-header-font-size-lg: 1.125rem;--accordion-body-font-size-sm: .75rem;--accordion-body-font-size-md: .875rem;--accordion-body-font-size-lg: 1rem;--accordion-radius: 8px;--accordion-border-width: 1px;--accordion-content-max-height: 500px;--accordion-item-gap: .5rem;--select-height-sm: 32px;--select-height-md: 40px;--select-height-lg: 48px;--select-padding-sm: .25rem .5rem;--select-padding-md: .5rem .75rem;--select-padding-lg: .75rem 1rem;--select-font-size-sm: .875rem;--select-font-size-md: 1rem;--select-font-size-lg: 1.125rem;--select-radius: 8px;--select-dropdown-radius: 8px;--select-dropdown-shadow: 0 4px 12px rgba(0, 0, 0, .08);--select-max-height: 200px;--select-option-padding: .5rem .75rem;--select-option-gap: .25rem;--table-cell-padding-sm: .5rem;--table-cell-padding-md: .75rem;--table-cell-padding-lg: 1rem;--table-radius: 8px;--table-header-font-size: .875rem;--table-body-font-size: 1rem;--combobox-height-sm: 32px;--combobox-height-md: 40px;--combobox-height-lg: 48px;--combobox-padding-sm: .25rem .5rem;--combobox-padding-md: .5rem .75rem;--combobox-padding-lg: .75rem 1rem;--combobox-font-size-sm: .875rem;--combobox-font-size-md: 1rem;--combobox-font-size-lg: 1.125rem;--combobox-radius: 8px;--combobox-dropdown-shadow: 0 4px 12px rgba(0, 0, 0, .08);--combobox-max-height: 250px;--breakpoint-xs: 320px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1400px;--font-size-xs: var(--font-size-1);--font-size-sm: var(--font-size-2);--font-size-base: var(--font-size-3);--font-size-lg: var(--font-size-4);--avatar-size-sm: 32px;--avatar-size-md: 40px;--avatar-size-lg: 48px;--avatar-size-xl: 56px;--avatar-font-size-sm: .75rem;--avatar-font-size-md: .875rem;--avatar-font-size-lg: 1rem;--avatar-font-size-xl: 1.125rem;--avatar-radius-circle: 999px;--avatar-radius-rounded: 8px;--avatar-radius-square: 0;--avatar-border-width: 2px;--menu-min-width: 160px;--menu-max-width: 280px;--menu-padding: .5rem;--menu-radius: 8px;--menu-item-height-sm: 28px;--menu-item-height-md: 36px;--menu-item-height-lg: 44px;--menu-item-padding-x: .75rem;--menu-item-padding-y: .5rem;--menu-item-radius: 6px;--menu-item-gap: .5rem;--menu-font-size-sm: .75rem;--menu-font-size-md: .875rem;--menu-font-size-lg: 1rem;--menu-divider-margin: .5rem;--search-input-height-sm: 32px;--search-input-height-md: 40px;--search-input-height-lg: 48px;--search-input-padding-sm: .5rem;--search-input-padding-md: .75rem;--search-input-padding-lg: 1rem;--search-input-font-size-sm: .875rem;--search-input-font-size-md: 1rem;--search-input-font-size-lg: 1.125rem;--search-input-icon-size-sm: 12px;--search-input-icon-size-md: 14px;--search-input-icon-size-lg: 16px;--search-input-clear-size-sm: 20px;--search-input-clear-size-md: 24px;--search-input-clear-size-lg: 28px;--search-input-radius: 8px;--datepicker-width-sm: 260px;--datepicker-width-md: 300px;--datepicker-width-lg: 360px;--datepicker-header-padding-sm: .5rem;--datepicker-header-padding-md: .75rem;--datepicker-header-padding-lg: 1rem;--datepicker-day-size-sm: 28px;--datepicker-day-size-md: 36px;--datepicker-day-size-lg: 44px;--datepicker-weekday-height-sm: 24px;--datepicker-weekday-height-md: 28px;--datepicker-weekday-height-lg: 32px;--datepicker-nav-size-sm: 24px;--datepicker-nav-size-md: 32px;--datepicker-nav-size-lg: 40px;--datepicker-font-size-sm: .875rem;--datepicker-font-size-md: 1rem;--datepicker-font-size-lg: 1.125rem;--datepicker-radius: 8px;--datepicker-shadow: 0 4px 12px rgba(0, 0, 0, .08);--colorpicker-height-sm: 32px;--colorpicker-height-md: 40px;--colorpicker-height-lg: 48px;--colorpicker-padding-sm: .25rem .5rem;--colorpicker-padding-md: .5rem;--colorpicker-padding-lg: .75rem;--colorpicker-font-size-sm: .875rem;--colorpicker-font-size-md: 1rem;--colorpicker-font-size-lg: 1.125rem;--colorpicker-preview-size-sm: 20px;--colorpicker-preview-size-md: 28px;--colorpicker-preview-size-lg: 36px;--colorpicker-action-size-sm: 20px;--colorpicker-action-size-md: 24px;--colorpicker-action-size-lg: 28px;--colorpicker-gap: .5rem;--colorpicker-radius: 8px;--colorpicker-panel-width: 300px;--colorpicker-panel-padding: 1rem;--colorpicker-panel-gap: .75rem;--colorpicker-panel-radius: 8px;--colorpicker-panel-shadow: 0 12px 32px rgba(0, 0, 0, .12);--colorpicker-spectrum-height: 180px;--colorpicker-slider-height: 12px;--colorpicker-preset-size: 28px;--slider-track-height-sm: 4px;--slider-track-height-md: 6px;--slider-track-height-lg: 8px;--slider-thumb-size-sm: 16px;--slider-thumb-size-md: 20px;--slider-thumb-size-lg: 24px;--slider-thumb-border-width: 2px;--slider-tick-size: 2px;--slider-label-gap: .75rem;--slider-label-font-size: .875rem;--slider-track-radius: 999px;--datepicker-calendar-padding: .5rem;--datepicker-calendar-gap: .25rem;--ds-container-sm: 540px;--ds-container-md: 720px;--ds-container-lg: 960px;--ds-container-xl: 1140px;--ds-container-2xl: 1320px;--ds-container-gutter-sm: 1rem;--ds-container-gutter-md: 1.5rem;--ds-container-gutter-lg: 2rem;--file-upload-min-height-sm: 150px;--file-upload-min-height-md: 200px;--file-upload-min-height-lg: 250px;--file-upload-padding-sm: 1.5rem;--file-upload-padding-md: 2rem;--file-upload-padding-lg: 2.5rem;--file-upload-radius: 8px;--file-upload-file-radius: 8px;--file-upload-preview-size-sm: 48px;--file-upload-preview-size-md: 60px;--file-upload-preview-size-lg: 80px;--file-upload-icon-size-sm: 48px;--file-upload-icon-size-md: 60px;--file-upload-icon-size-lg: 80px;--file-upload-remove-btn-size: 32px;--chip-height-sm: 24px;--chip-height-md: 32px;--chip-height-lg: 40px;--chip-padding-y-sm: 2px;--chip-padding-x-sm: .5rem;--chip-padding-y-md: .25rem;--chip-padding-x-md: .75rem;--chip-padding-y-lg: .5rem;--chip-padding-x-lg: 1rem;--chip-font-size-sm: .75rem;--chip-font-size-md: .875rem;--chip-font-size-lg: 1rem;--chip-gap-sm: .25rem;--chip-gap-md: .5rem;--chip-gap-lg: .5rem;--chip-avatar-size-sm: 16px;--chip-avatar-size-md: 20px;--chip-avatar-size-lg: 24px;--chip-icon-size-sm: 12px;--chip-icon-size-md: 14px;--chip-icon-size-lg: 16px;--chip-remove-icon-size-sm: 10px;--chip-remove-icon-size-md: 12px;--chip-remove-icon-size-lg: 14px;--chip-border-radius: 999px;--input-number-height-sm: 32px;--input-number-height-md: 40px;--input-number-height-lg: 48px;--input-number-btn-size-sm: 28px;--input-number-btn-size-md: 36px;--input-number-btn-size-lg: 44px;--input-number-btn-bg: #f5f5f5;--input-number-btn-hover: #e5e5e5;--input-number-btn-active: #d4d4d4;--input-number-btn-disabled: #fafafa;--empty-padding-sm: 1.5rem;--empty-padding-md: 2rem;--empty-padding-lg: 2.5rem;--empty-icon-margin: 1rem;--empty-icon-size-sm: 40px;--empty-icon-size-md: 56px;--empty-icon-size-lg: 80px;--empty-image-margin: 1rem;--empty-image-size-sm: 120px;--empty-image-size-md: 180px;--empty-image-size-lg: 240px;--empty-content-margin: 1rem;--empty-title-font-size: 1.125rem;--empty-title-font-weight: 600;--empty-description-font-size: .875rem;--empty-description-max-width: 400px;--empty-actions-gap: .75rem;--rating-gap-sm: 2px;--rating-gap-md: .25rem;--rating-gap-lg: .5rem;--rating-icon-size-sm: 16px;--rating-icon-size-md: 20px;--rating-icon-size-lg: 28px;--rating-hover-scale: 1.1;--rating-active-scale: .95;--rating-disabled-opacity: .5;--rating-focus-radius: 4px;--drawer-width-sm: 320px;--drawer-width-md: 480px;--drawer-width-lg: 640px;--drawer-header-padding: 1rem;--drawer-body-padding: 1rem;--drawer-footer-padding: 1rem;--drawer-title-font-size: 1.125rem;--drawer-title-font-weight: 600;--drawer-close-size: 32px;--drawer-close-radius: 4px;--drawer-backdrop-z-index: 1000;--drawer-z-index: 1001;--time-picker-panel-padding: .5rem;--time-picker-panel-border-radius: 8px;--time-picker-panel-min-width: 200px;--time-picker-column-gap: .5rem;--time-picker-column-min-width: 60px;--time-picker-column-period-width: 50px;--time-picker-column-max-height: 200px;--time-picker-column-border-radius: 4px;--time-picker-option-padding: .5rem;--time-picker-option-font-size: .875rem;--time-picker-scrollbar-width: 6px;--time-picker-scrollbar-radius: 4px;--tree-node-padding: .25rem .5rem;--tree-node-gap: .5rem;--tree-toggle-size: 20px;--tree-icon-size: 16px;--tree-label-font-size: 1rem;--tree-indent: 20px;--tree-max-height: 400px;--tree-border-radius: 8px;--password-strength-bar-height-sm: 4px;--password-strength-bar-height-md: 6px;--password-strength-bar-height-lg: 8px;--password-strength-bar-gap: .25rem;--password-strength-bar-radius: 4px;--password-strength-label-font-size: .875rem;--password-strength-label-gap: .5rem;--timeline-dot-size-sm: 20px;--timeline-dot-size-md: 24px;--timeline-dot-size-lg: 32px;--timeline-dot-border-width: 2px;--timeline-line-width-sm: 2px;--timeline-line-width-md: 2px;--timeline-line-width-lg: 3px;--timeline-item-gap-sm: 1rem;--timeline-item-gap-md: 1.5rem;--timeline-item-gap-lg: 2rem;--timeline-content-gap-sm: .75rem;--timeline-content-gap-md: 1rem;--timeline-content-gap-lg: 1.5rem;--timeline-content-inner-gap-sm: .25rem;--timeline-content-inner-gap-md: .5rem;--timeline-content-inner-gap-lg: .75rem;--timeline-date-font-size-sm: .75rem;--timeline-date-font-size-md: .875rem;--timeline-date-font-size-lg: 1rem;--timeline-text-font-size-sm: .875rem;--timeline-text-font-size-md: 1rem;--timeline-text-font-size-lg: 1.125rem;--timeline-icon-size-sm: 12px;--timeline-icon-size-md: 14px;--timeline-icon-size-lg: 18px;--transfer-gap: 1rem;--transfer-border-radius: 8px;--transfer-header-padding: .75rem 1rem;--transfer-search-padding: .75rem 1rem;--transfer-search-input-padding: .5rem 2rem .5rem .75rem;--transfer-search-input-radius: 4px;--transfer-list-min-height: 300px;--transfer-list-max-height: 400px;--transfer-item-padding: .75rem 1rem;--transfer-title-font-size: 1rem;--transfer-item-font-size: 1rem;--transfer-actions-gap: .5rem;--carousel-container-height: 400px;--carousel-radius: 8px;--carousel-content-padding: 1.5rem;--carousel-title-size: 1.25rem;--carousel-description-size: 1rem;--carousel-arrow-size: 40px;--carousel-arrow-radius: 50%;--carousel-arrow-offset: 1rem;--carousel-arrow-icon-size: 1.125rem;--carousel-dot-size: 10px;--carousel-dot-size-active: 12px;--carousel-dots-gap: .5rem;--carousel-dots-padding: 1rem;--notification-z-index: 1050;--notification-max-width: 384px;--notification-gap: .75rem;--notification-offset-x: 1.5rem;--notification-offset-y: 1.5rem;--notification-padding: 1rem;--notification-gap-inner: .75rem;--notification-border-width: 1px;--notification-radius: 8px;--notification-icon-size: 20px;--notification-icon-gap: .5rem;--notification-title-size: 1rem;--notification-title-weight: 600;--notification-message-size: .875rem;--calendar-radius: 8px;--calendar-header-padding: 1rem;--calendar-header-padding-sm: .5rem;--calendar-header-padding-lg: 1.5rem;--calendar-nav-gap: .5rem;--calendar-nav-btn-size: 32px;--calendar-nav-btn-radius: 4px;--calendar-nav-btn-font-size: 1rem;--calendar-title-padding: .5rem .75rem;--calendar-title-radius: 4px;--calendar-title-font-size: 1.125rem;--calendar-title-font-size-sm: 1rem;--calendar-title-font-size-lg: 1.25rem;--calendar-title-font-weight: 600;--calendar-mode-gap: .25rem;--calendar-mode-radius: 4px;--calendar-mode-padding: 2px;--calendar-mode-btn-padding: .25rem .75rem;--calendar-mode-btn-radius: 4px;--calendar-mode-btn-font-size: .875rem;--calendar-month-view-padding: 1rem;--calendar-weekday-gap: .25rem;--calendar-weekday-margin: .5rem;--calendar-weekday-padding: .5rem 0;--calendar-weekday-font-size: .875rem;--calendar-weekday-font-size-sm: .75rem;--calendar-weekday-font-size-lg: 1rem;--calendar-weekday-font-weight: 600;--calendar-grid-gap: .25rem;--calendar-day-padding: .5rem;--calendar-day-padding-sm: .25rem;--calendar-day-padding-lg: .75rem;--calendar-day-radius: 4px;--calendar-day-font-size: 1rem;--calendar-day-font-size-sm: .875rem;--calendar-day-font-size-lg: 1.125rem;--calendar-day-number-margin: .25rem;--calendar-events-gap: 2px;--calendar-event-gap: .25rem;--calendar-event-padding: 2px;--calendar-event-radius: 4px;--calendar-event-dot-size: 6px;--calendar-event-title-font-size: .75rem;--calendar-year-view-padding: 1rem;--calendar-months-gap: .75rem;--calendar-month-padding: 1rem;--calendar-month-padding-sm: .5rem;--calendar-month-padding-lg: 1.5rem;--calendar-month-radius: 8px;--calendar-month-font-size: 1rem;--calendar-month-font-size-sm: .875rem;--calendar-month-font-size-lg: 1.125rem;--segmented-height-sm: 32px;--segmented-height-md: 40px;--segmented-height-lg: 48px;--segmented-padding-sm: .5rem;--segmented-padding-md: .75rem;--segmented-padding-lg: 1rem;--segmented-font-size-sm: .875rem;--segmented-font-size-md: 1rem;--segmented-font-size-lg: 1.125rem;--segmented-icon-size-sm: 14px;--segmented-icon-size-md: 16px;--segmented-icon-size-lg: 18px;--segmented-gap: 4px;--segmented-segment-gap: .5rem;--segmented-border-radius: 8px;--segmented-active-shadow: 0 1px 2px rgba(0, 0, 0, .05);--sidebar-width-sm: 200px;--sidebar-width-md: 240px;--sidebar-width-lg: 280px;--sidebar-width-collapsed: 64px;--sidebar-item-height: 44px;--sidebar-item-padding: .5rem 1rem;--sidebar-item-radius: 6px;--sidebar-nested-indent: 20px;--sidebar-badge-size: 20px;--sidebar-transition-duration: .2s;--sidebar-header-padding: 1rem;--sidebar-footer-padding: 1rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root.theme-light{--background-main: var(--gray-50);--background-secondary: var(--gray-100);--background-header: var(--gray-200);--background-panel: var(--surface-default, var(--gray-50));--background-panel-hover: var(--surface-hover);--text-default: var(--gray-900);--text-muted: var(--gray-700);--text-disabled: var(--gray-500);--text-disabled-alt: var(--gray-400);--text-subtle: var(--gray-600);--link: var(--role-primary);--link-hover: color-mix(in oklab, var(--role-primary) 85%, var(--background-main));--selection-bg: color-mix(in oklab, var(--role-primary) 25%, transparent);--selection-text: var(--text-default);--border-color: var(--gray-300);--border-subtle: var(--gray-200);--border-strong: var(--gray-400);--border-default: var(--border-color);--border-success: var(--success);--border-warning: var(--warning);--border-error: var(--error);--border-info: var(--info);--role-primary: var(--brand-primary);--role-secondary: var(--brand-secondary);--accent: var(--role-primary);--accent-alt: var(--role-secondary);--accent-warn: var(--role-secondary);--surface-default: var(--gray-50);--surface-raised: var(--gray-100);--surface-hover: color-mix(in oklab, var(--gray-200) 60%, var(--gray-100));--surface-overlay: color-mix(in oklab, var(--gray-900) 15%, transparent);--bg-success: color-mix(in oklab, var(--success) 12%, var(--background-main));--bg-warning: color-mix(in oklab, var(--warning) 16%, var(--background-main));--bg-error: color-mix(in oklab, var(--error) 16%, var(--background-main));--bg-info: color-mix(in oklab, var(--info) 16%, var(--background-main));--text-success: var(--success);--text-warning: var(--warning);--text-error: var(--error);--text-info: var(--info);--bg-disabled: var(--gray-100);--border-disabled: var(--gray-200);--scrollbar-thumb: var(--border-color);--scrollbar-thumb-hover: var(--accent);--hover-bg: color-mix(in oklab, var(--accent) 12%, transparent);--focus-ring: 0 0 0 2px var(--focus-color);--btn-radius-sm: var(--radius-1);--btn-radius: var(--radius-2);--btn-radius-lg: var(--radius-3);--btn-primary-bg: var(--color-primary);--btn-primary-text: var(--text-default);--btn-primary-border: transparent;--btn-primary-hover-bg: color-mix(in oklab, var(--color-primary) 90%, var(--background-main));--btn-primary-hover-text: var(--text-default);--btn-primary-hover-border: transparent;--btn-primary-disabled-bg: var(--bg-disabled);--btn-primary-disabled-text: var(--text-disabled);--btn-primary-disabled-border: var(--border-disabled);--btn-secondary-bg: var(--color-secondary);--btn-secondary-text: var(--gray-900);--btn-secondary-border: var(--border-color);--btn-secondary-hover-bg: color-mix(in oklab, var(--color-secondary) 85%, var(--background-main));--btn-secondary-hover-text: var(--gray-900);--btn-secondary-hover-border: var(--border-color);--btn-secondary-disabled-bg: var(--bg-disabled);--btn-secondary-disabled-text: var(--text-disabled);--btn-secondary-disabled-border: var(--border-disabled);--btn-ghost-bg: transparent;--btn-ghost-text: var(--text-default);--btn-ghost-border: transparent;--btn-ghost-hover-bg: var(--hover-bg);--btn-ghost-hover-text: var(--text-default);--btn-ghost-disabled-bg: transparent;--btn-ghost-disabled-text: var(--text-disabled);--btn-success-bg: var(--success);--btn-success-text: var(--gray-50);--btn-success-border: transparent;--btn-success-hover-bg: color-mix(in oklab, var(--success) 85%, var(--background-main));--btn-success-hover-text: var(--gray-50);--btn-success-hover-border: transparent;--btn-success-disabled-bg: var(--bg-disabled);--btn-success-disabled-text: var(--text-disabled);--btn-success-disabled-border: var(--border-disabled);--btn-warning-bg: var(--warning);--btn-warning-text: var(--gray-900);--btn-warning-border: transparent;--btn-warning-hover-bg: color-mix(in oklab, var(--warning) 85%, var(--background-main));--btn-warning-hover-text: var(--gray-900);--btn-warning-hover-border: transparent;--btn-warning-disabled-bg: var(--bg-disabled);--btn-warning-disabled-text: var(--text-disabled);--btn-warning-disabled-border: var(--border-disabled);--btn-error-bg: var(--error);--btn-error-text: var(--gray-50);--btn-error-border: transparent;--btn-error-hover-bg: color-mix(in oklab, var(--error) 85%, var(--background-main));--btn-error-hover-text: var(--gray-50);--btn-error-hover-border: transparent;--btn-error-disabled-bg: var(--bg-disabled);--btn-error-disabled-text: var(--text-disabled);--btn-error-disabled-border: var(--border-disabled);--btn-info-bg: var(--info);--btn-info-text: var(--gray-50);--btn-info-border: transparent;--btn-info-hover-bg: color-mix(in oklab, var(--info) 85%, var(--background-main));--btn-info-hover-text: var(--gray-50);--btn-info-hover-border: transparent;--btn-info-disabled-bg: var(--bg-disabled);--btn-info-disabled-text: var(--text-disabled);--btn-info-disabled-border: var(--border-disabled);--btn-focus-outline: var(--accent);--spinner-size: 1em;--spinner-border: rgba(0, 0, 0, .2);--spinner-border-active: currentColor;--input-bg: var(--surface-default);--input-text: var(--text-default);--input-placeholder: var(--text-subtle);--input-border: var(--border-color);--input-hover-border: color-mix(in oklab, var(--border-color) 85%, var(--background-main));--input-focus-border: var(--accent);--input-focus-shadow: 0 0 0 2px color-mix(in oklab, var(--accent) 20%, transparent);--input-icon: var(--text-muted);--input-disabled-bg: var(--bg-disabled);--input-disabled-text: var(--text-disabled);--input-success-border: var(--success);--input-warning-border: var(--warning);--input-error-border: var(--error);--input-label-color: var(--text-default);--input-label-font-size: var(--font-size-2);--input-label-margin-bottom: var(--space-1);--input-padding-default: var(--space-2);--modal-bg: var(--surface-overlay);--modal-text: var(--text-default);--modal-border-color: var(--border-strong);--modal-box-shadow: var(--shadow-3);--modal-divider: var(--border-subtle);--modal-footer-shadow: inset 0 1px 0 var(--modal-divider);--modal-backdrop: color-mix(in oklab, var(--gray-900) 30%, transparent);--modal-type-success-color: var(--success);--modal-type-success-contrast: var(--gray-50);--modal-type-warning-color: var(--warning);--modal-type-warning-contrast: var(--gray-900);--modal-type-error-color: var(--error);--modal-type-error-contrast: var(--gray-50);--modal-type-info-color: var(--info);--modal-type-info-contrast: var(--gray-50);--dropdown-bg: var(--surface-default);--dropdown-border-color: var(--border-color);--dropdown-backdrop: color-mix(in oklab, var(--gray-900) 20%, transparent);--dropdown-item-color: var(--text-muted);--dropdown-item-hover-bg: var(--surface-hover);--dropdown-item-hover-color: var(--text-default);--dropdown-item-active-bg: var(--color-primary);--dropdown-item-active-color: var(--gray-50);--dropdown-separator: var(--border-subtle);--badge-bg: var(--accent);--badge-text: var(--text-default);--badge-bg-secondary: var(--accent-alt);--badge-text-secondary: var(--text-default);--badge-bg-muted: var(--surface-raised);--badge-text-muted: var(--text-muted);--badge-default-bg: var(--gray-200);--badge-default-text: var(--gray-900);--badge-primary-bg: var(--color-primary);--badge-primary-text: var(--text-default);--badge-secondary-bg: var(--color-secondary);--badge-secondary-text: var(--gray-900);--badge-success-bg: var(--success);--badge-success-text: var(--gray-50);--badge-warning-bg: var(--warning);--badge-warning-text: var(--gray-900);--badge-error-bg: var(--error);--badge-error-text: var(--gray-50);--badge-info-bg: var(--info);--badge-info-text: var(--gray-50);--badge-neutral-bg: var(--gray-300);--badge-neutral-text: var(--gray-900);--badge-accent-bg: var(--color-alt);--badge-accent-text: var(--gray-900);--badge-radius-default: var(--badge-radius);--badge-radius-pill: var(--badge-pill-radius);--badge-radius-square: 0;--toast-bg: var(--surface-default);--toast-text: var(--text-default);--toast-border: var(--border-color);--toast-success-bg: var(--bg-success);--toast-success-text: var(--text-success);--toast-success-border: var(--success);--toast-warning-bg: var(--bg-warning);--toast-warning-text: var(--text-warning);--toast-warning-border: var(--warning);--toast-error-bg: var(--bg-error);--toast-error-text: var(--text-error);--toast-error-border: var(--error);--toast-info-bg: var(--bg-info);--toast-info-text: var(--text-info);--toast-info-border: var(--info);--checkbox-bg: var(--surface-default);--checkbox-border: var(--border-color);--checkbox-checked-bg: var(--color-primary);--checkbox-checked-border: var(--color-primary);--checkbox-check-color: var(--gray-50);--checkbox-hover-border: color-mix(in oklab, var(--border-color) 85%, var(--background-main));--checkbox-focus-ring: 0 0 0 2px color-mix(in oklab, var(--color-primary) 20%, transparent);--checkbox-disabled-bg: var(--bg-disabled);--checkbox-disabled-border: var(--border-disabled);--checkbox-disabled-check: var(--text-disabled);--checkbox-indeterminate-bg: var(--color-primary);--checkbox-indeterminate-border: var(--color-primary);--radio-bg: var(--surface-default);--radio-border: var(--border-color);--radio-checked-bg: var(--surface-default);--radio-checked-border: var(--color-primary);--radio-dot-color: var(--color-primary);--radio-hover-border: color-mix(in oklab, var(--border-color) 85%, var(--background-main));--radio-focus-ring: 0 0 0 2px color-mix(in oklab, var(--color-primary) 20%, transparent);--radio-disabled-bg: var(--bg-disabled);--radio-disabled-border: var(--border-disabled);--radio-disabled-dot: var(--text-disabled);--toggle-track-bg: var(--gray-300);--toggle-track-checked-bg: var(--color-primary);--toggle-thumb-bg: var(--gray-50);--toggle-thumb-shadow: var(--shadow-1);--toggle-hover-track-bg: color-mix(in oklab, var(--gray-300) 85%, var(--background-main));--toggle-hover-track-checked-bg: color-mix(in oklab, var(--color-primary) 90%, var(--background-main));--toggle-focus-ring: 0 0 0 2px color-mix(in oklab, var(--color-primary) 20%, transparent);--toggle-disabled-track-bg: var(--bg-disabled);--toggle-disabled-thumb-bg: var(--gray-200);--breadcrumb-link: var(--text-muted);--breadcrumb-link-hover: var(--text-default);--breadcrumb-active: var(--text-default);--breadcrumb-separator-color: var(--text-subtle);--tab-bg: transparent;--tab-text: var(--text-muted);--tab-hover-bg: var(--surface-hover);--tab-hover-text: var(--text-default);--tab-active-bg: transparent;--tab-active-text: var(--text-default);--tab-active-border: var(--color-primary);--tab-border: var(--border-subtle);--tab-disabled-text: var(--text-disabled);--tooltip-bg: var(--gray-800);--tooltip-text: var(--gray-50);--tooltip-shadow: var(--shadow-2);--popover-bg: var(--surface-default);--popover-text: var(--text-default);--popover-border: var(--border-color);--popover-header-bg: var(--surface-raised);--popover-header-border: var(--border-subtle);--popover-backdrop: color-mix(in oklab, var(--gray-900) 20%, transparent);--pagination-btn-bg: var(--surface-default);--pagination-btn-text: var(--text-default);--pagination-btn-border: var(--border-color);--pagination-btn-hover-bg: var(--surface-hover);--pagination-btn-hover-border: var(--color-primary);--pagination-btn-focus-border: var(--color-primary);--pagination-active-bg: var(--color-primary);--pagination-active-text: var(--gray-50);--pagination-active-hover-bg: color-mix(in oklab, var(--color-primary) 85%, var(--background-main));--pagination-info-color: var(--text-muted);--stepper-pending-bg: var(--background-secondary);--stepper-pending-text: var(--text-muted);--stepper-pending-border: var(--border-color);--stepper-active-bg: var(--color-primary);--stepper-active-text: var(--gray-50);--stepper-completed-bg: var(--success);--stepper-completed-text: var(--gray-50);--stepper-error-bg: var(--error);--stepper-error-text: var(--gray-50);--stepper-connector-color: var(--border-color);--accordion-header-bg: var(--surface-default);--accordion-header-hover-bg: var(--surface-hover);--accordion-header-text: var(--text-default);--accordion-body-text: var(--text-muted);--accordion-border-color: var(--border-color);--accordion-icon-color: var(--text-muted);--accordion-focus-color: var(--color-primary);--accordion-expanded-border-color: var(--color-primary);--avatar-bg: var(--gray-200);--avatar-text: var(--gray-700);--avatar-border: var(--gray-300);--avatar-placeholder-bg: var(--color-primary);--avatar-placeholder-text: var(--gray-50);--menu-bg: var(--surface-default);--menu-border: var(--border-color);--menu-shadow: var(--shadow-2);--menu-item-text: var(--text-default);--menu-item-icon: var(--text-muted);--menu-item-hover-bg: var(--surface-hover);--menu-item-hover-text: var(--text-default);--menu-item-active-bg: color-mix(in oklab, var(--color-primary) 15%, transparent);--menu-item-active-text: var(--color-primary);--menu-item-disabled-text: var(--text-disabled);--menu-item-disabled-icon: var(--text-disabled-alt);--menu-divider: var(--border-subtle);--menu-backdrop: transparent;--search-input-bg: var(--input-bg);--search-input-text: var(--text-default);--search-input-placeholder: var(--text-muted);--search-input-border: var(--input-border-color);--search-input-focus-border: var(--color-primary);--search-input-focus-shadow: var(--input-focus-shadow);--search-input-icon-color: var(--text-muted);--search-input-clear-color: var(--text-muted);--search-input-clear-hover-bg: var(--surface-hover);--search-input-clear-hover-color: var(--text-default);--search-input-clear-active-bg: var(--surface-raised);--search-input-disabled-bg: var(--input-disabled-bg);--search-input-disabled-text: var(--text-disabled);--search-input-loading-color: var(--color-primary);--datepicker-bg: var(--background-main);--datepicker-border: var(--border-default);--datepicker-header-bg: var(--surface-raised);--datepicker-footer-bg: var(--surface-raised);--datepicker-title-color: var(--text-default);--datepicker-nav-color: var(--text-muted);--datepicker-btn-hover-bg: var(--surface-hover);--datepicker-weekday-color: var(--text-muted);--datepicker-day-color: var(--text-default);--datepicker-day-hover-bg: var(--surface-hover);--datepicker-day-other-color: var(--text-muted);--datepicker-today-border: var(--color-primary);--datepicker-selected-bg: var(--color-primary);--datepicker-selected-text: var(--gray-50);--datepicker-selected-hover-bg: color-mix(in oklab, var(--color-primary) 85%, var(--background-main));--datepicker-range-bg: color-mix(in oklab, var(--color-primary) 15%, transparent);--datepicker-option-color: var(--text-default);--datepicker-option-hover-bg: var(--surface-hover);--datepicker-action-color: var(--text-default);--datepicker-action-hover-bg: var(--surface-hover);--card-bg: var(--surface-default);--card-text: var(--text-default);--card-border: var(--border-color);--card-border-strong: var(--border-strong);--card-divider: var(--border-subtle);--card-header-color: var(--text-default);--card-footer-color: var(--text-muted);--card-shadow: var(--shadow-2);--card-shadow-hover: var(--shadow-3);--card-disabled-opacity: .5;--alert-success-bg: var(--bg-success);--alert-success-border: var(--success);--alert-success-text: var(--text-success);--alert-success-icon: var(--success);--alert-warning-bg: var(--bg-warning);--alert-warning-border: var(--warning);--alert-warning-text: var(--text-warning);--alert-warning-icon: var(--warning);--alert-error-bg: var(--bg-error);--alert-error-border: var(--error);--alert-error-text: var(--text-error);--alert-error-icon: var(--error);--alert-info-bg: var(--bg-info);--alert-info-border: var(--info);--alert-info-text: var(--text-info);--alert-info-icon: var(--info);--divider-color: var(--border-color);--divider-text: var(--text-muted);--select-bg: var(--surface-default);--select-text: var(--text-default);--select-border: var(--border-color);--select-placeholder: var(--text-muted);--select-hover-border: var(--color-primary);--select-focus-border: var(--color-primary);--select-focus-shadow: color-mix(in oklab, var(--color-primary) 20%, transparent);--select-disabled-bg: var(--bg-disabled);--select-dropdown-bg: var(--surface-default);--select-dropdown-border: var(--border-color);--select-option-hover-bg: var(--surface-hover);--select-option-selected-bg: color-mix(in oklab, var(--color-primary) 10%, transparent);--select-option-selected-text: var(--color-primary);--table-bg: var(--surface-default);--table-border-color: var(--border-color);--table-header-bg: var(--surface-raised);--table-header-text: var(--text-default);--table-header-hover-bg: var(--surface-hover);--table-row-border: color-mix(in oklab, var(--border-color) 50%, transparent);--table-row-hover-bg: var(--surface-hover);--table-row-selected-bg: color-mix(in oklab, var(--color-primary) 10%, transparent);--table-stripe-bg: var(--surface-raised);--combobox-bg: var(--surface-default);--combobox-text: var(--text-default);--combobox-border: var(--border-color);--combobox-placeholder: var(--text-muted);--combobox-hover-border: var(--color-primary);--combobox-focus-border: var(--color-primary);--combobox-focus-shadow: color-mix(in oklab, var(--color-primary) 20%, transparent);--combobox-disabled-bg: var(--bg-disabled);--combobox-dropdown-bg: var(--surface-default);--combobox-dropdown-border: var(--border-color);--combobox-option-hover-bg: var(--surface-hover);--combobox-option-selected-bg: color-mix(in oklab, var(--color-primary) 10%, transparent);--combobox-option-selected-text: var(--color-primary);--progress-track-bg: var(--gray-200);--progress-fill-bg: var(--color-primary);--progress-fill-success: var(--success);--progress-fill-warning: var(--warning);--progress-fill-error: var(--error);--progress-label-color: var(--text-default);--skeleton-bg: var(--gray-200);--skeleton-shimmer: var(--gray-300);--slider-track-bg: var(--gray-200);--slider-fill-bg: var(--color-primary);--slider-thumb-bg: var(--surface-default);--slider-thumb-border-color: var(--color-primary);--slider-thumb-shadow: 0 1px 3px rgba(0, 0, 0, .1);--slider-thumb-shadow-hover: 0 2px 8px rgba(0, 0, 0, .15);--slider-thumb-shadow-focus: 0 0 0 2px color-mix(in oklab, var(--color-primary) 25%, transparent);--slider-thumb-shadow-active: 0 0 0 3px color-mix(in oklab, var(--color-primary) 20%, transparent);--slider-tick-color: var(--gray-400);--slider-label-color: var(--text-default);--slider-thumb-label-bg: var(--gray-900);--slider-thumb-label-color: var(--white);--file-upload-border: var(--gray-300);--file-upload-border-hover: var(--color-primary);--file-upload-border-active: var(--color-primary);--file-upload-bg: var(--white);--file-upload-bg-hover: var(--gray-50);--file-upload-bg-active: var(--blue-50);--file-upload-text-color: var(--gray-700);--file-upload-label-color: var(--gray-900);--file-upload-help-color: var(--gray-500);--file-upload-hint-color: var(--gray-500);--file-upload-icon-color: var(--gray-400);--file-upload-icon-color-hover: var(--color-primary);--file-upload-icon-color-active: var(--color-primary);--file-upload-file-border: var(--gray-200);--file-upload-file-bg: var(--white);--file-upload-file-bg-hover: var(--gray-50);--chip-bg: var(--gray-200);--chip-text: var(--gray-800);--chip-border: transparent;--chip-hover-bg: var(--gray-300);--chip-focus-ring: color-mix(in oklab, var(--color-primary) 30%, transparent);--chip-selected-ring: var(--color-primary);--chip-disabled-opacity: .5;--chip-primary-bg: var(--color-primary);--chip-primary-text: var(--gray-50);--chip-primary-border: transparent;--chip-primary-hover-bg: color-mix(in oklab, var(--color-primary) 85%, var(--background-main));--chip-primary-hover-bg-outlined: color-mix(in oklab, var(--color-primary) 10%, transparent);--chip-success-bg: var(--bg-success);--chip-success-text: var(--success);--chip-success-border: var(--success);--chip-success-hover-bg: color-mix(in oklab, var(--success) 20%, transparent);--chip-success-hover-bg-outlined: color-mix(in oklab, var(--success) 10%, transparent);--chip-warning-bg: var(--bg-warning);--chip-warning-text: var(--warning);--chip-warning-border: var(--warning);--chip-warning-hover-bg: color-mix(in oklab, var(--warning) 25%, transparent);--chip-warning-hover-bg-outlined: color-mix(in oklab, var(--warning) 10%, transparent);--chip-error-bg: var(--bg-error);--chip-error-text: var(--error);--chip-error-border: var(--error);--chip-error-hover-bg: color-mix(in oklab, var(--error) 25%, transparent);--chip-error-hover-bg-outlined: color-mix(in oklab, var(--error) 10%, transparent);--chip-info-bg: var(--bg-info);--chip-info-text: var(--info);--segmented-bg: var(--gray-100);--segmented-text: var(--text-default);--segmented-border-color: var(--border-subtle);--segmented-hover-bg: color-mix(in oklab, var(--gray-900) 5%, transparent);--segmented-active-bg-primary: var(--color-primary);--segmented-active-text-primary: var(--gray-50);--segmented-active-bg-neutral: var(--surface-default);--segmented-active-text-neutral: var(--text-default);--segmented-active-bg: var(--segmented-active-bg-primary);--segmented-active-text: var(--segmented-active-text-primary);--chip-info-border: var(--info);--chip-info-hover-bg: color-mix(in oklab, var(--info) 25%, transparent);--chip-info-hover-bg-outlined: color-mix(in oklab, var(--info) 10%, transparent);--empty-text: var(--text-muted);--empty-icon-color: var(--text-disabled);--empty-title-color: var(--text-default);--empty-description-color: var(--text-muted);--rating-filled-color: var(--warning);--rating-empty-color: var(--border-color);--rating-hover-color: color-mix(in oklab, var(--warning) 50%, transparent);--rating-focus-color: var(--color-primary);--drawer-bg: var(--surface-default);--drawer-border: var(--border-color);--drawer-shadow: var(--shadow-3);--drawer-header-bg: var(--surface-raised);--drawer-footer-bg: var(--surface-raised);--drawer-title-color: var(--text-default);--drawer-body-color: var(--text-default);--drawer-close-color: var(--text-muted);--drawer-close-hover-bg: var(--surface-hover);--drawer-close-hover-color: var(--text-default);--drawer-close-active-bg: var(--surface-raised);--drawer-close-focus-color: var(--color-primary);--drawer-backdrop: rgba(0, 0, 0, .5);--time-picker-panel-bg: var(--surface-default);--time-picker-panel-border: var(--border-color);--time-picker-column-bg: var(--surface-default);--time-picker-column-border: var(--gray-200);--time-picker-option-text: var(--text-default);--time-picker-option-hover: var(--surface-hover);--time-picker-option-focus: var(--surface-hover);--time-picker-option-selected-bg: var(--color-primary);--time-picker-option-selected-text: var(--white);--time-picker-option-selected-hover: color-mix(in oklab, var(--color-primary) 85%, var(--background-main));--time-picker-scrollbar-track: var(--gray-100);--time-picker-scrollbar-thumb: var(--gray-400);--time-picker-scrollbar-thumb-hover: var(--gray-500);--time-picker-btn-cancel-text: var(--gray-600);--time-picker-btn-cancel-hover: var(--gray-100);--time-picker-btn-confirm-bg: var(--color-primary);--time-picker-btn-confirm-text: var(--white);--time-picker-btn-confirm-hover: var(--primary-dark);--tree-bg: var(--surface-default);--tree-border: var(--border-color);--tree-node-hover-bg: var(--surface-hover);--tree-node-selected-bg: var(--blue-100);--tree-node-selected-text: var(--color-primary);--tree-toggle-color: var(--text-muted);--tree-toggle-hover-color: var(--text-default);--tree-icon-color: var(--text-muted);--password-strength-bg: var(--gray-200);--password-strength-weak: var(--error);--password-strength-medium: var(--warning);--password-strength-strong: var(--success);--password-strength-text: var(--text-muted);--password-strength-criterion-valid: var(--success);--password-strength-criterion-invalid: var(--text-muted);--timeline-dot-bg: var(--background-main);--timeline-dot-border-color: var(--border-color);--timeline-dot-bg-default: var(--gray-100);--timeline-dot-border-default: var(--gray-400);--timeline-dot-bg-primary: color-mix(in oklab, var(--color-primary) 15%, transparent);--timeline-dot-border-primary: var(--color-primary);--timeline-dot-bg-success: color-mix(in oklab, var(--success) 15%, transparent);--timeline-dot-border-success: var(--success);--timeline-dot-bg-warning: color-mix(in oklab, var(--warning) 15%, transparent);--timeline-dot-border-warning: var(--warning);--timeline-dot-bg-error: color-mix(in oklab, var(--error) 15%, transparent);--timeline-dot-border-error: var(--error);--timeline-dot-bg-info: color-mix(in oklab, var(--info) 15%, transparent);--timeline-dot-border-info: var(--info);--timeline-dot-bg-pending: color-mix(in oklab, var(--gray-300) 15%, transparent);--timeline-dot-border-pending: var(--gray-500);--timeline-line-color: var(--border-subtle);--timeline-date-color: var(--text-muted);--timeline-text-color: var(--text-default);--timeline-text-color-pending: var(--text-muted);--timeline-icon-color: var(--color-primary);--timeline-icon-color-pending: var(--text-muted);--transfer-bg: var(--white);--transfer-border-color: var(--border-color);--transfer-header-bg: var(--gray-50);--transfer-header-border-color: var(--border-subtle);--transfer-title-color: var(--text-default);--transfer-count-color: var(--text-muted);--transfer-search-border-color: var(--border-subtle);--transfer-search-input-bg: var(--white);--transfer-search-input-text: var(--text-default);--transfer-search-input-border: var(--border-color);--transfer-search-input-focus: var(--color-primary);--transfer-search-input-focus-shadow: color-mix(in oklab, var(--color-primary) 10%, transparent);--transfer-search-input-disabled-bg: var(--gray-50);--transfer-search-placeholder: var(--text-disabled);--transfer-search-clear-color: var(--text-muted);--transfer-search-clear-hover: var(--text-default);--transfer-item-border: var(--border-subtle);--transfer-item-hover-bg: var(--gray-50);--transfer-item-selected-bg: color-mix(in oklab, var(--color-primary) 10%, transparent);--transfer-item-selected-hover-bg: color-mix(in oklab, var(--color-primary) 15%, transparent);--transfer-item-label-color: var(--text-default);--transfer-item-description-color: var(--text-muted);--transfer-empty-color: var(--text-disabled);--carousel-bg: var(--gray-50);--carousel-content-bg: linear-gradient(to top, rgba(0, 0, 0, .7), transparent);--carousel-content-text: var(--white);--carousel-arrow-bg: rgba(255, 255, 255, .9);--carousel-arrow-color: var(--gray-800);--carousel-arrow-bg-hover: var(--white);--carousel-arrow-color-hover: var(--color-primary);--carousel-arrow-focus: var(--color-primary);--carousel-arrow-shadow: var(--shadow-md);--carousel-dot-bg: rgba(255, 255, 255, .5);--carousel-dot-bg-hover: rgba(255, 255, 255, .8);--carousel-dot-bg-active: var(--white);--carousel-dot-focus: var(--color-primary);--notification-bg: var(--white);--notification-border-color: var(--gray-300);--notification-shadow: var(--shadow-lg);--notification-icon-color: var(--gray-500);--notification-title-color: var(--gray-900);--notification-message-color: var(--gray-600);--notification-close-color: var(--gray-400);--notification-close-hover-color: var(--gray-600);--notification-info-icon: var(--color-primary);--notification-success-icon: var(--success);--notification-warning-icon: var(--warning);--notification-error-icon: var(--error);--calendar-bg: var(--white);--calendar-border: var(--gray-200);--calendar-header-bg: var(--gray-50);--calendar-nav-btn-border: var(--gray-300);--calendar-nav-btn-color: var(--gray-700);--calendar-nav-btn-hover-bg: var(--gray-100);--calendar-nav-btn-hover-border: var(--gray-400);--calendar-nav-btn-hover-color: var(--gray-900);--calendar-title-color: var(--gray-900);--calendar-title-hover-bg: var(--gray-100);--calendar-title-hover-border: var(--gray-300);--calendar-mode-bg: var(--white);--calendar-mode-border: var(--gray-300);--calendar-mode-btn-color: var(--gray-700);--calendar-mode-btn-hover-color: var(--gray-900);--calendar-mode-btn-active-bg: var(--color-primary);--calendar-mode-btn-active-color: var(--white);--calendar-weekday-color: var(--gray-600);--calendar-day-bg: transparent;--calendar-day-border: transparent;--calendar-day-color: var(--gray-900);--calendar-day-hover-bg: var(--gray-100);--calendar-day-hover-border: var(--gray-300);--calendar-day-other-month-color: var(--gray-400);--calendar-day-today-bg: var(--blue-50);--calendar-day-today-border: var(--color-primary);--calendar-day-today-color: var(--color-primary);--calendar-day-disabled-bg: var(--gray-50);--calendar-event-dot-color: var(--gray-500);--calendar-event-title-color: var(--gray-700);--calendar-event-success-color: var(--success);--calendar-event-warning-color: var(--warning);--calendar-event-error-color: var(--error);--calendar-month-bg: transparent;--calendar-month-border: var(--gray-200);--calendar-month-color: var(--gray-900);--calendar-month-hover-bg: var(--gray-50);--calendar-month-hover-border: var(--gray-300);--calendar-month-current-bg: var(--blue-50);--calendar-month-current-border: var(--color-primary);--calendar-month-current-color: var(--color-primary);--colorpicker-bg: var(--background-main);--colorpicker-border: var(--border-default);--colorpicker-border-hover: var(--border-strong);--colorpicker-text: var(--text-default);--colorpicker-placeholder: var(--text-muted);--colorpicker-icon: var(--text-muted);--colorpicker-clear-icon: var(--text-muted);--colorpicker-preview-border: var(--border-default);--colorpicker-action-hover-bg: var(--surface-hover);--colorpicker-focus-shadow: color-mix(in oklab, var(--color-primary) 25%, transparent);--colorpicker-panel-bg: var(--background-main);--colorpicker-panel-border: var(--border-default);--colorpicker-input-bg: var(--background-main);--colorpicker-input-border: var(--border-default);--colorpicker-input-text: var(--text-default);--colorpicker-preset-border: var(--border-default);--sidebar-bg: var(--white);--sidebar-border: var(--gray-200);--sidebar-text: var(--gray-800);--sidebar-icon-color: var(--gray-500);--sidebar-item-hover-bg: var(--gray-100);--sidebar-item-active-bg: color-mix(in oklab, var(--color-primary) 10%, var(--white));--sidebar-item-active-text: var(--color-primary);--sidebar-item-radius: var(--radius-1-5);--sidebar-header-bg: var(--white);--sidebar-header-padding: var(--space-4);--sidebar-footer-bg: var(--white);--sidebar-footer-padding: var(--space-4);--sidebar-body-padding: var(--space-2);--sidebar-backdrop-bg: rgba(0, 0, 0, .5);--sidebar-shadow: var(--shadow-3);--sidebar-trigger-shadow: var(--shadow-2);--sidebar-scrollbar-thumb: var(--gray-300);--sidebar-scrollbar-thumb-hover: var(--gray-400)}:root.theme-dark{--background-main: var(--gray-900);--background-secondary: var(--gray-800);--background-header: var(--gray-700);--background-panel: var(--surface-default, var(--gray-800));--background-panel-hover: var(--surface-hover);--bg-disabled: color-mix(in oklab, var(--gray-700) 70%, var(--background-main));--text-default: var(--gray-50);--text-muted: var(--gray-300);--text-disabled: var(--gray-500);--text-disabled-alt: var(--gray-400);--text-subtle: var(--gray-400);--link: var(--role-secondary);--link-hover: color-mix(in oklab, var(--role-secondary) 85%, var(--background-main));--selection-bg: color-mix(in oklab, var(--role-secondary) 35%, transparent);--selection-text: var(--text-default);--border-color: var(--gray-700);--border-subtle: var(--gray-600);--border-strong: var(--gray-400);--border-default: var(--border-color);--border-success: var(--success);--border-warning: var(--warning);--border-error: var(--error);--border-info: var(--info);--border-disabled: var(--gray-700);--role-primary: var(--brand-secondary);--role-secondary: var(--brand-primary);--accent: var(--role-secondary);--accent-alt: var(--role-primary);--accent-warn: var(--role-primary);--surface-default: var(--gray-800);--surface-raised: var(--gray-700);--surface-hover: color-mix(in oklab, var(--gray-700) 85%, var(--gray-800));--surface-overlay: color-mix(in oklab, var(--gray-900) 80%, transparent);--bg-success: color-mix(in oklab, var(--success) 15%, var(--background-main));--bg-warning: color-mix(in oklab, var(--warning) 20%, var(--background-main));--bg-error: color-mix(in oklab, var(--error) 20%, var(--background-main));--bg-info: color-mix(in oklab, var(--info) 20%, var(--background-main));--text-success: var(--success);--text-warning: var(--warning);--text-error: var(--error);--text-info: var(--info);--scrollbar-thumb: var(--border-color);--scrollbar-thumb-hover: var(--accent);--hover-bg: color-mix(in oklab, var(--accent) 12%, transparent);--focus-ring: 0 0 0 2px var(--focus-color);--btn-primary-bg: var(--color-primary);--btn-primary-text: var(--gray-900);--btn-primary-border: transparent;--btn-primary-hover-bg: color-mix(in oklab, var(--color-primary) 85%, var(--background-main));--btn-primary-hover-text: var(--gray-900);--btn-primary-hover-border: transparent;--btn-primary-disabled-bg: var(--bg-disabled);--btn-primary-disabled-text: var(--text-disabled);--btn-primary-disabled-border: var(--border-disabled);--btn-secondary-bg: var(--color-secondary);--btn-secondary-text: var(--text-default);--btn-secondary-border: var(--border-color);--btn-secondary-hover-bg: color-mix(in oklab, var(--color-secondary) 90%, var(--background-main));--btn-secondary-hover-text: var(--text-default);--btn-secondary-hover-border: var(--border-color);--btn-secondary-disabled-bg: var(--bg-disabled);--btn-secondary-disabled-text: var(--text-disabled);--btn-secondary-disabled-border: var(--border-disabled);--btn-ghost-bg: transparent;--btn-ghost-text: var(--text-default);--btn-ghost-border: transparent;--btn-ghost-hover-bg: var(--hover-bg);--btn-ghost-hover-text: var(--text-default);--btn-ghost-hover-border: var(--border-color);--btn-ghost-disabled-bg: transparent;--btn-ghost-disabled-text: var(--text-disabled);--btn-success-bg: var(--success);--btn-success-text: var(--gray-50);--btn-success-border: transparent;--btn-success-hover-bg: color-mix(in oklab, var(--success) 70%, var(--background-main));--btn-success-hover-text: var(--gray-50);--btn-success-hover-border: transparent;--btn-success-disabled-bg: var(--bg-disabled);--btn-success-disabled-text: var(--text-disabled);--btn-success-disabled-border: var(--border-disabled);--btn-warning-bg: var(--warning);--btn-warning-text: var(--gray-900);--btn-warning-border: transparent;--btn-warning-hover-bg: color-mix(in oklab, var(--warning) 90%, white);--btn-warning-hover-text: var(--gray-900);--btn-warning-hover-border: transparent;--btn-warning-disabled-bg: var(--bg-disabled);--btn-warning-disabled-text: var(--text-disabled);--btn-warning-disabled-border: var(--border-disabled);--btn-error-bg: var(--error);--btn-error-text: var(--gray-50);--btn-error-border: transparent;--btn-error-hover-bg: color-mix(in oklab, var(--error) 70%, var(--background-main));--btn-error-hover-text: var(--gray-50);--btn-error-hover-border: transparent;--btn-error-disabled-bg: var(--bg-disabled);--btn-error-disabled-text: var(--text-disabled);--btn-error-disabled-border: var(--border-disabled);--btn-info-bg: var(--info);--btn-info-text: var(--gray-50);--btn-info-border: transparent;--btn-info-hover-bg: color-mix(in oklab, var(--info) 90%, white);--btn-info-hover-text: var(--gray-50);--btn-info-hover-border: transparent;--btn-info-disabled-bg: var(--bg-disabled);--btn-info-disabled-text: var(--text-disabled);--btn-info-disabled-border: var(--border-disabled);--btn-focus-outline: var(--accent);--spinner-size: 1em;--spinner-border: rgba(255, 255, 255, .6);--spinner-border-active: currentColor;--input-bg: var(--gray-800);--input-disabled-bg: var(--gray-700);--input-text: var(--gray-50);--input-placeholder: var(--gray-400);--input-disabled-text: var(--gray-500);--input-border-color: var(--gray-700);--input-hover-border: color-mix(in oklab, var(--gray-600) 65%, var(--background-main));--input-focus-border: var(--focus-color);--input-focus-shadow: 0 0 0 2px color-mix(in oklab, var(--focus-color) 25%, transparent);--input-icon: var(--gray-400);--input-label-text-color: var(--text-muted);--input-label-color: var(--input-label-text-color);--input-error: var(--error);--input-success: var(--success);--input-warning: var(--warning);--input-error-border: var(--error);--input-success-border: var(--success);--input-warning-border: var(--warning);--modal-text: var(--text-default);--modal-border-color: var(--border-color);--modal-backdrop: color-mix(in oklab, var(--gray-900) 60%, transparent);--modal-bg: var(--background-main);--modal-divider: var(--border-subtle);--modal-footer-shadow: inset 0 1px 0 var(--modal-divider);--modal-type-success-color: var(--success);--modal-type-success-contrast: var(--gray-900);--modal-type-warning-color: var(--warning);--modal-type-warning-contrast: var(--gray-900);--modal-type-error-color: var(--error);--modal-type-error-contrast: var(--gray-50);--modal-type-info-color: var(--info);--modal-type-info-contrast: var(--gray-50);--dropdown-bg: var(--surface-default);--dropdown-border-color: var(--border-color);--dropdown-backdrop: color-mix(in oklab, var(--gray-900) 50%, transparent);--dropdown-item-color: var(--text-muted);--dropdown-item-hover-bg: var(--surface-hover);--dropdown-item-hover-color: var(--text-default);--dropdown-item-active-bg: var(--color-primary);--dropdown-item-active-color: var(--gray-900);--dropdown-separator: var(--border-subtle);--badge-bg: var(--accent);--badge-text: var(--text-default);--badge-bg-secondary: var(--accent-alt);--badge-text-secondary: var(--text-default);--badge-bg-muted: var(--surface-raised);--badge-text-muted: var(--text-muted);--badge-default-bg: var(--gray-600);--badge-default-text: var(--gray-50);--badge-primary-bg: var(--color-primary);--badge-primary-text: var(--badge-default-text);--badge-secondary-bg: var(--color-secondary);--badge-secondary-text: var(--badge-default-text);--badge-success-bg: var(--success);--badge-success-text: var(--gray-50);--badge-warning-bg: var(--warning);--badge-warning-text: var(--gray-900);--badge-warning-outline-text: var(--gray-50);--badge-error-bg: var(--error);--badge-error-text: var(--gray-50);--badge-info-bg: var(--info);--badge-info-text: var(--gray-50);--badge-neutral-bg: var(--gray-500);--badge-neutral-text: var(--gray-100);--badge-accent-bg: var(--color-alt);--badge-accent-text: var(--gray-50);--toast-bg: var(--surface-default);--toast-text: var(--text-default);--toast-border: var(--border-color);--toast-success-bg: var(--bg-success);--toast-success-text: var(--text-success);--toast-success-border: var(--success);--toast-warning-bg: var(--bg-warning);--toast-warning-text: var(--text-warning);--toast-warning-border: var(--warning);--toast-error-bg: var(--bg-error);--toast-error-text: var(--text-error);--toast-error-border: var(--error);--toast-info-bg: var(--bg-info);--toast-info-text: var(--text-info);--toast-info-border: var(--info);--checkbox-bg: var(--gray-800);--checkbox-border: var(--gray-600);--checkbox-checked-bg: var(--color-primary);--checkbox-checked-border: var(--color-primary);--checkbox-check-color: var(--gray-900);--checkbox-hover-border: var(--gray-500);--checkbox-focus-ring: 0 0 0 3px color-mix(in oklab, var(--color-primary) 35%, transparent);--checkbox-disabled-bg: var(--gray-900);--checkbox-disabled-border: var(--gray-700);--checkbox-disabled-check: var(--gray-600);--checkbox-indeterminate-bg: var(--color-primary);--checkbox-indeterminate-border: var(--color-primary);--radio-bg: var(--gray-800);--radio-border: var(--gray-600);--radio-checked-bg: var(--gray-800);--radio-checked-border: var(--color-primary);--radio-dot-color: var(--color-primary);--radio-hover-border: var(--gray-500);--radio-focus-ring: 0 0 0 3px color-mix(in oklab, var(--color-primary) 35%, transparent);--radio-disabled-bg: var(--gray-900);--radio-disabled-border: var(--gray-700);--radio-disabled-dot: var(--gray-600);--toggle-track-bg: var(--gray-700);--toggle-track-checked-bg: var(--color-primary);--toggle-thumb-bg: var(--gray-200);--toggle-thumb-shadow: var(--shadow-2);--toggle-hover-track-bg: var(--gray-600);--toggle-hover-track-checked-bg: color-mix(in oklab, var(--color-primary) 90%, var(--background-main));--toggle-focus-ring: 0 0 0 3px color-mix(in oklab, var(--color-primary) 35%, transparent);--toggle-disabled-track-bg: var(--gray-900);--toggle-disabled-thumb-bg: var(--gray-700);--breadcrumb-link: var(--gray-400);--breadcrumb-link-hover: var(--gray-100);--breadcrumb-active: var(--gray-100);--breadcrumb-separator-color: var(--gray-500);--tab-bg: transparent;--tab-text: var(--gray-400);--tab-hover-bg: var(--gray-800);--tab-hover-text: var(--gray-100);--tab-active-bg: transparent;--tab-active-text: var(--gray-100);--tab-active-border: var(--color-primary);--tab-border: var(--gray-700);--tab-disabled-text: var(--gray-600);--tooltip-bg: var(--gray-200);--tooltip-text: var(--gray-900);--tooltip-shadow: var(--shadow-3);--popover-bg: var(--gray-800);--popover-text: var(--gray-100);--popover-border: var(--gray-600);--popover-header-bg: var(--gray-700);--popover-header-border: var(--gray-700);--popover-backdrop: color-mix(in oklab, var(--gray-900) 40%, transparent);--pagination-btn-bg: var(--gray-800);--pagination-btn-text: var(--gray-100);--pagination-btn-border: var(--gray-600);--pagination-btn-hover-bg: var(--gray-700);--pagination-btn-hover-border: var(--color-primary);--pagination-btn-focus-border: var(--color-primary);--pagination-active-bg: var(--color-primary);--pagination-active-text: var(--gray-900);--pagination-active-hover-bg: color-mix(in oklab, var(--color-primary) 85%, var(--background-main));--pagination-info-color: var(--gray-400);--stepper-pending-bg: var(--gray-700);--stepper-pending-text: var(--gray-400);--stepper-pending-border: var(--gray-600);--stepper-active-bg: var(--color-primary);--stepper-active-text: var(--gray-900);--stepper-completed-bg: var(--success);--stepper-completed-text: var(--gray-900);--stepper-error-bg: var(--error);--stepper-error-text: var(--gray-50);--stepper-connector-color: var(--gray-600);--accordion-header-bg: var(--gray-800);--accordion-header-hover-bg: var(--gray-700);--accordion-header-text: var(--gray-100);--accordion-body-text: var(--gray-300);--accordion-border-color: var(--gray-600);--accordion-icon-color: var(--gray-400);--accordion-focus-color: var(--color-primary);--accordion-expanded-border-color: var(--color-primary);--avatar-bg: var(--gray-700);--avatar-text: var(--gray-200);--avatar-border: var(--gray-600);--avatar-placeholder-bg: var(--color-primary);--avatar-placeholder-text: var(--gray-900);--menu-bg: var(--gray-800);--menu-border: var(--gray-700);--menu-shadow: var(--shadow-3);--menu-item-text: var(--gray-100);--menu-item-icon: var(--gray-400);--menu-item-hover-bg: var(--gray-700);--menu-item-hover-text: var(--gray-50);--menu-item-active-bg: color-mix(in oklab, var(--color-primary) 20%, transparent);--menu-item-active-text: var(--color-primary);--menu-item-disabled-text: var(--gray-500);--menu-item-disabled-icon: var(--gray-600);--menu-divider: var(--gray-700);--menu-backdrop: transparent;--search-input-bg: var(--input-bg);--search-input-text: var(--text-default);--search-input-placeholder: var(--text-muted);--search-input-border: var(--input-border-color);--search-input-focus-border: var(--color-primary);--search-input-focus-shadow: var(--input-focus-shadow);--search-input-icon-color: var(--gray-400);--search-input-clear-color: var(--gray-400);--search-input-clear-hover-bg: var(--gray-700);--search-input-clear-hover-color: var(--gray-100);--search-input-clear-active-bg: var(--gray-600);--search-input-disabled-bg: var(--gray-900);--search-input-disabled-text: var(--gray-500);--search-input-loading-color: var(--color-primary);--datepicker-bg: var(--gray-800);--datepicker-border: var(--gray-700);--datepicker-header-bg: var(--gray-700);--datepicker-footer-bg: var(--gray-700);--datepicker-title-color: var(--gray-100);--datepicker-nav-color: var(--gray-400);--datepicker-btn-hover-bg: var(--gray-600);--datepicker-weekday-color: var(--gray-400);--datepicker-day-color: var(--gray-100);--datepicker-day-hover-bg: var(--gray-700);--datepicker-day-other-color: var(--gray-500);--datepicker-today-border: var(--color-primary);--datepicker-selected-bg: var(--color-primary);--datepicker-selected-text: var(--gray-900);--datepicker-selected-hover-bg: color-mix(in oklab, var(--color-primary) 85%, var(--background-main));--datepicker-range-bg: color-mix(in oklab, var(--color-primary) 20%, transparent);--datepicker-option-color: var(--gray-100);--datepicker-option-hover-bg: var(--gray-700);--datepicker-action-color: var(--gray-100);--datepicker-action-hover-bg: var(--gray-600);--card-bg: var(--surface-default);--card-text: var(--text-default);--card-border: var(--border-color);--card-border-strong: var(--border-strong);--card-divider: var(--border-subtle);--card-header-color: var(--gray-100);--card-footer-color: var(--gray-400);--card-shadow: var(--shadow-2);--card-shadow-hover: var(--shadow-3);--card-disabled-opacity: .5;--alert-success-bg: var(--bg-success);--alert-success-border: var(--success);--alert-success-text: var(--text-success);--alert-success-icon: var(--success);--alert-warning-bg: var(--bg-warning);--alert-warning-border: var(--warning);--alert-warning-text: var(--text-warning);--alert-warning-icon: var(--warning);--alert-error-bg: var(--bg-error);--alert-error-border: var(--error);--alert-error-text: var(--text-error);--alert-error-icon: var(--error);--alert-info-bg: var(--bg-info);--alert-info-border: var(--info);--alert-info-text: var(--text-info);--alert-info-icon: var(--info);--divider-color: var(--gray-700);--divider-text: var(--gray-400);--select-bg: var(--gray-800);--select-text: var(--gray-100);--select-border: var(--gray-700);--select-placeholder: var(--gray-400);--select-hover-border: var(--color-primary);--select-focus-border: var(--color-primary);--select-focus-shadow: color-mix(in oklab, var(--color-primary) 35%, transparent);--select-disabled-bg: var(--gray-900);--select-dropdown-bg: var(--gray-800);--select-dropdown-border: var(--gray-700);--select-option-hover-bg: var(--gray-700);--select-option-selected-bg: color-mix(in oklab, var(--color-primary) 20%, transparent);--select-option-selected-text: var(--color-primary);--table-bg: var(--gray-800);--table-border-color: var(--gray-700);--table-header-bg: var(--gray-700);--table-header-text: var(--gray-100);--table-header-hover-bg: var(--gray-600);--table-row-border: color-mix(in oklab, var(--gray-700) 50%, transparent);--table-row-hover-bg: var(--gray-700);--table-row-selected-bg: color-mix(in oklab, var(--color-primary) 20%, transparent);--table-stripe-bg: var(--gray-700);--combobox-bg: var(--gray-800);--combobox-text: var(--gray-100);--combobox-border: var(--gray-700);--combobox-placeholder: var(--gray-400);--combobox-hover-border: var(--color-primary);--combobox-focus-border: var(--color-primary);--combobox-focus-shadow: color-mix(in oklab, var(--color-primary) 35%, transparent);--combobox-disabled-bg: var(--gray-900);--combobox-dropdown-bg: var(--gray-800);--combobox-dropdown-border: var(--gray-700);--combobox-option-hover-bg: var(--gray-700);--combobox-option-selected-bg: color-mix(in oklab, var(--color-primary) 20%, transparent);--combobox-option-selected-text: var(--color-primary);--progress-track-bg: var(--gray-700);--progress-fill-bg: var(--color-primary);--progress-fill-success: var(--success);--progress-fill-warning: var(--warning);--progress-fill-error: var(--error);--progress-label-color: var(--gray-100);--skeleton-bg: var(--gray-700);--skeleton-shimmer: var(--gray-600);--slider-track-bg: var(--gray-700);--slider-fill-bg: var(--color-primary);--slider-thumb-bg: var(--gray-800);--slider-thumb-border-color: var(--color-primary);--slider-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .3);--slider-thumb-shadow-hover: 0 4px 12px rgba(0, 0, 0, .4);--slider-thumb-shadow-focus: 0 0 0 3px color-mix(in oklab, var(--color-primary) 40%, transparent);--slider-thumb-shadow-active: 0 0 0 4px color-mix(in oklab, var(--color-primary) 30%, transparent);--slider-tick-color: var(--gray-500);--slider-label-color: var(--gray-100);--slider-thumb-label-bg: var(--gray-200);--slider-thumb-label-color: var(--gray-900);--file-upload-border: var(--gray-600);--file-upload-border-hover: var(--color-primary);--file-upload-border-active: var(--color-primary);--file-upload-bg: var(--gray-800);--file-upload-bg-hover: var(--gray-700);--file-upload-bg-active: color-mix(in oklab, var(--color-primary) 15%, var(--gray-800));--file-upload-text-color: var(--gray-200);--file-upload-label-color: var(--gray-50);--file-upload-help-color: var(--gray-400);--file-upload-hint-color: var(--gray-400);--file-upload-icon-color: var(--gray-500);--file-upload-icon-color-hover: var(--color-primary);--file-upload-icon-color-active: var(--color-primary);--file-upload-file-border: var(--gray-700);--file-upload-file-bg: var(--gray-800);--file-upload-file-bg-hover: var(--gray-700);--chip-bg: var(--gray-700);--chip-text: var(--gray-100);--chip-border: transparent;--chip-hover-bg: var(--gray-600);--chip-focus-ring: color-mix(in oklab, var(--color-primary) 40%, transparent);--chip-selected-ring: var(--color-primary);--chip-disabled-opacity: .5;--chip-primary-bg: var(--color-primary);--chip-primary-text: var(--gray-900);--chip-primary-border: transparent;--chip-primary-hover-bg: color-mix(in oklab, var(--color-primary) 80%, var(--background-main));--chip-primary-hover-bg-outlined: color-mix(in oklab, var(--color-primary) 15%, transparent);--chip-success-bg: var(--bg-success);--chip-success-text: var(--success);--chip-success-border: var(--success);--chip-success-hover-bg: color-mix(in oklab, var(--success) 25%, transparent);--chip-success-hover-bg-outlined: color-mix(in oklab, var(--success) 15%, transparent);--chip-warning-bg: var(--bg-warning);--chip-warning-text: var(--warning);--chip-warning-border: var(--warning);--chip-warning-hover-bg: color-mix(in oklab, var(--warning) 30%, transparent);--chip-warning-hover-bg-outlined: color-mix(in oklab, var(--warning) 15%, transparent);--chip-error-bg: var(--bg-error);--chip-error-text: var(--error);--chip-error-border: var(--error);--chip-error-hover-bg: color-mix(in oklab, var(--error) 30%, transparent);--chip-error-hover-bg-outlined: color-mix(in oklab, var(--error) 15%, transparent);--chip-info-bg: var(--bg-info);--chip-info-text: var(--info);--chip-info-border: var(--info);--chip-info-hover-bg: color-mix(in oklab, var(--info) 30%, transparent);--chip-info-hover-bg-outlined: color-mix(in oklab, var(--info) 15%, transparent);--segmented-bg: var(--gray-800);--segmented-text: var(--text-default);--segmented-border-color: var(--gray-700);--segmented-hover-bg: color-mix(in oklab, var(--gray-100) 10%, transparent);--segmented-active-bg-primary: var(--color-primary);--segmented-active-text-primary: var(--gray-900);--segmented-active-bg-neutral: var(--gray-700);--segmented-active-text-neutral: var(--text-default);--segmented-active-bg: var(--segmented-active-bg-primary);--segmented-active-text: var(--segmented-active-text-primary);--empty-text: var(--text-muted);--empty-icon-color: var(--gray-500);--empty-title-color: var(--text-default);--empty-description-color: var(--text-muted);--rating-filled-color: var(--warning);--rating-empty-color: var(--gray-600);--rating-hover-color: color-mix(in oklab, var(--warning) 60%, transparent);--rating-focus-color: var(--color-primary);--drawer-bg: var(--gray-800);--drawer-border: var(--gray-700);--drawer-shadow: 0 8px 16px rgba(0, 0, 0, .4);--drawer-header-bg: var(--gray-700);--drawer-footer-bg: var(--gray-700);--drawer-title-color: var(--gray-100);--drawer-body-color: var(--gray-200);--drawer-close-color: var(--gray-400);--drawer-close-hover-bg: var(--gray-700);--drawer-close-hover-color: var(--gray-100);--drawer-close-active-bg: var(--gray-600);--drawer-close-focus-color: var(--color-primary);--drawer-backdrop: rgba(0, 0, 0, .7);--time-picker-panel-bg: var(--gray-800);--time-picker-panel-border: var(--gray-700);--time-picker-column-bg: var(--gray-700);--time-picker-column-border: var(--gray-700);--time-picker-option-text: var(--gray-200);--time-picker-option-hover: var(--gray-700);--time-picker-option-focus: var(--gray-700);--time-picker-option-selected-bg: var(--color-primary);--time-picker-option-selected-text: var(--white);--time-picker-option-selected-hover: color-mix(in oklab, var(--color-primary) 75%, var(--gray-800));--time-picker-scrollbar-track: var(--gray-700);--time-picker-scrollbar-thumb: var(--gray-500);--time-picker-scrollbar-thumb-hover: var(--gray-400);--time-picker-btn-cancel-text: var(--gray-400);--time-picker-btn-cancel-hover: var(--gray-700);--time-picker-btn-confirm-bg: var(--color-primary);--time-picker-btn-confirm-text: var(--gray-900);--time-picker-btn-confirm-hover: color-mix(in oklab, var(--color-primary) 85%, var(--white));--tree-bg: var(--gray-800);--tree-border: var(--gray-700);--tree-node-hover-bg: var(--gray-700);--tree-node-selected-bg: color-mix(in oklab, var(--color-primary) 20%, transparent);--tree-node-selected-text: var(--color-primary);--tree-toggle-color: var(--gray-400);--tree-toggle-hover-color: var(--gray-100);--tree-icon-color: var(--gray-400);--password-strength-bg: var(--gray-700);--password-strength-weak: var(--error);--password-strength-medium: var(--warning);--password-strength-strong: var(--success);--password-strength-text: var(--gray-400);--password-strength-criterion-valid: var(--success);--password-strength-criterion-invalid: var(--gray-500);--timeline-dot-bg: var(--gray-800);--timeline-dot-border-color: var(--gray-600);--timeline-dot-bg-default: var(--gray-700);--timeline-dot-border-default: var(--gray-500);--timeline-dot-bg-primary: color-mix(in oklab, var(--color-primary) 20%, var(--gray-800));--timeline-dot-border-primary: var(--color-primary);--timeline-dot-bg-success: color-mix(in oklab, var(--success) 20%, var(--gray-800));--timeline-dot-border-success: var(--success);--timeline-dot-bg-warning: color-mix(in oklab, var(--warning) 20%, var(--gray-800));--timeline-dot-border-warning: var(--warning);--timeline-dot-bg-error: color-mix(in oklab, var(--error) 20%, var(--gray-800));--timeline-dot-border-error: var(--error);--timeline-dot-bg-info: color-mix(in oklab, var(--info) 20%, var(--gray-800));--timeline-dot-border-info: var(--info);--timeline-dot-bg-pending: color-mix(in oklab, var(--gray-600) 20%, var(--gray-800));--timeline-dot-border-pending: var(--gray-500);--timeline-line-color: var(--gray-700);--timeline-date-color: var(--gray-400);--timeline-text-color: var(--gray-100);--timeline-text-color-pending: var(--gray-400);--timeline-icon-color: var(--color-primary);--timeline-icon-color-pending: var(--gray-500);--transfer-bg: var(--gray-800);--transfer-border-color: var(--gray-700);--transfer-header-bg: var(--gray-700);--transfer-header-border-color: var(--gray-700);--transfer-title-color: var(--gray-100);--transfer-count-color: var(--gray-400);--transfer-search-border-color: var(--gray-700);--transfer-search-input-bg: var(--gray-900);--transfer-search-input-text: var(--gray-100);--transfer-search-input-border: var(--gray-700);--transfer-search-input-focus: var(--color-primary);--transfer-search-input-focus-shadow: color-mix(in oklab, var(--color-primary) 20%, transparent);--transfer-search-input-disabled-bg: var(--gray-800);--transfer-search-placeholder: var(--gray-500);--transfer-search-clear-color: var(--gray-400);--transfer-search-clear-hover: var(--gray-100);--transfer-item-border: var(--gray-700);--transfer-item-hover-bg: var(--gray-700);--transfer-item-selected-bg: color-mix(in oklab, var(--color-primary) 15%, var(--gray-800));--transfer-item-selected-hover-bg: color-mix(in oklab, var(--color-primary) 20%, var(--gray-800));--transfer-item-label-color: var(--gray-100);--transfer-item-description-color: var(--gray-400);--transfer-empty-color: var(--gray-500);--carousel-bg: var(--gray-900);--carousel-content-bg: linear-gradient(to top, rgba(0, 0, 0, .8), transparent);--carousel-content-text: var(--gray-100);--carousel-arrow-bg: rgba(255, 255, 255, .15);--carousel-arrow-color: var(--gray-100);--carousel-arrow-bg-hover: rgba(255, 255, 255, .25);--carousel-arrow-color-hover: var(--color-primary);--carousel-arrow-focus: var(--color-primary);--carousel-arrow-shadow: var(--shadow-lg);--carousel-dot-bg: rgba(255, 255, 255, .3);--carousel-dot-bg-hover: rgba(255, 255, 255, .6);--carousel-dot-bg-active: var(--gray-100);--carousel-dot-focus: var(--color-primary);--notification-bg: var(--gray-800);--notification-border-color: var(--gray-700);--notification-shadow: var(--shadow-lg);--notification-icon-color: var(--gray-400);--notification-title-color: var(--gray-100);--notification-message-color: var(--gray-300);--notification-close-color: var(--gray-500);--notification-close-hover-color: var(--gray-100);--notification-info-icon: var(--color-primary);--notification-success-icon: var(--success);--notification-warning-icon: var(--warning);--notification-error-icon: var(--error);--calendar-bg: var(--gray-800);--calendar-border: var(--gray-700);--calendar-header-bg: var(--gray-700);--calendar-nav-btn-border: var(--gray-600);--calendar-nav-btn-color: var(--gray-300);--calendar-nav-btn-hover-bg: var(--gray-700);--calendar-nav-btn-hover-border: var(--gray-500);--calendar-nav-btn-hover-color: var(--gray-100);--calendar-title-color: var(--gray-100);--calendar-title-hover-bg: var(--gray-700);--calendar-title-hover-border: var(--gray-600);--calendar-mode-bg: var(--gray-900);--calendar-mode-border: var(--gray-700);--calendar-mode-btn-color: var(--gray-300);--calendar-mode-btn-hover-color: var(--gray-100);--calendar-mode-btn-active-bg: var(--color-primary);--calendar-mode-btn-active-color: var(--gray-900);--calendar-weekday-color: var(--gray-400);--calendar-day-bg: transparent;--calendar-day-border: transparent;--calendar-day-color: var(--gray-100);--calendar-day-hover-bg: var(--gray-700);--calendar-day-hover-border: var(--gray-600);--calendar-day-other-month-color: var(--gray-600);--calendar-day-today-bg: color-mix(in oklab, var(--color-primary) 15%, var(--gray-800));--calendar-day-today-border: var(--color-primary);--calendar-day-today-color: var(--color-primary);--calendar-day-disabled-bg: var(--gray-700);--calendar-event-dot-color: var(--gray-500);--calendar-event-title-color: var(--gray-300);--calendar-event-success-color: var(--success);--calendar-event-warning-color: var(--warning);--calendar-event-error-color: var(--error);--calendar-month-bg: transparent;--calendar-month-border: var(--gray-700);--calendar-month-color: var(--gray-100);--calendar-month-hover-bg: var(--gray-700);--calendar-month-hover-border: var(--gray-600);--calendar-month-current-bg: color-mix(in oklab, var(--color-primary) 15%, var(--gray-800));--calendar-month-current-border: var(--color-primary);--calendar-month-current-color: var(--color-primary);--colorpicker-bg: var(--gray-800);--colorpicker-border: var(--gray-700);--colorpicker-border-hover: var(--gray-600);--colorpicker-text: var(--gray-100);--colorpicker-placeholder: var(--gray-500);--colorpicker-icon: var(--gray-400);--colorpicker-clear-icon: var(--gray-400);--colorpicker-preview-border: var(--gray-700);--colorpicker-action-hover-bg: var(--gray-700);--colorpicker-focus-shadow: color-mix(in oklab, var(--color-primary) 25%, transparent);--colorpicker-panel-bg: var(--gray-800);--colorpicker-panel-border: var(--gray-700);--colorpicker-input-bg: var(--gray-700);--colorpicker-input-border: var(--gray-700);--colorpicker-input-text: var(--gray-100);--colorpicker-preset-border: var(--gray-700);--sidebar-bg: var(--gray-800);--sidebar-border: var(--gray-700);--sidebar-text: var(--gray-100);--sidebar-icon-color: var(--gray-400);--sidebar-item-hover-bg: var(--gray-700);--sidebar-item-active-bg: var(--gray-600);--sidebar-item-active-text: var(--color-primary);--sidebar-item-radius: var(--radius-1-5);--sidebar-header-bg: var(--gray-800);--sidebar-header-padding: var(--space-4);--sidebar-footer-bg: var(--gray-800);--sidebar-footer-padding: var(--space-4);--sidebar-body-padding: var(--space-2);--sidebar-backdrop-bg: rgba(0, 0, 0, .7);--sidebar-shadow: var(--shadow-3);--sidebar-trigger-shadow: var(--shadow-2);--sidebar-scrollbar-thumb: var(--gray-600);--sidebar-scrollbar-thumb-hover: var(--gray-500)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--doc-sidebar-width: 280px;--doc-sidebar-collapsed-width: 72px;--doc-header-height: 60px;--doc-content-max-width: 1200px;--doc-code-font: "Fira Code", "SF Mono", "Monaco", Consolas, monospace;--doc-font-family: "Inter", system-ui, -apple-system, sans-serif;--doc-space-xs: 4px;--doc-space-sm: 8px;--doc-space-md: 16px;--doc-space-lg: 24px;--doc-space-xl: 32px;--doc-space-2xl: 48px;--doc-space-3xl: 64px;--doc-radius-sm: 6px;--doc-radius-md: 10px;--doc-radius-lg: 14px;--doc-radius-xl: 20px;--doc-radius-full: 9999px;--doc-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--doc-shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--doc-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--doc-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--doc-shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--doc-accent-primary: #6366f1;--doc-accent-primary-light: #eef2ff;--doc-accent-primary-dark: #4f46e5;--doc-accent-success: #10b981;--doc-accent-warning: #f59e0b;--doc-accent-error: #ef4444;--doc-accent-info: #3b82f6;--doc-surface-page: #f8fafc;--doc-surface-elevated: #ffffff;--doc-surface-sunken: #f1f5f9;--doc-surface-overlay: rgba(0, 0, 0, .5);--doc-text-primary: #0f172a;--doc-text-secondary: #475569;--doc-text-tertiary: #94a3b8;--doc-text-inverse: #ffffff;--doc-border-default: #e2e8f0;--doc-border-subtle: #f1f5f9;--doc-border-strong: #cbd5e1;--doc-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--doc-transition-base: .2s cubic-bezier(.4, 0, .2, 1);--doc-transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--doc-transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--doc-z-dropdown: 100;--doc-z-sticky: 200;--doc-z-overlay: 300;--doc-z-modal: 400;--doc-z-toast: 500}.theme-dark{--doc-surface-page: #0f172a;--doc-surface-elevated: #1e293b;--doc-surface-sunken: #0c1322;--doc-text-primary: #f8fafc;--doc-text-secondary: #94a3b8;--doc-text-tertiary: #64748b;--doc-border-default: #334155;--doc-border-subtle: #1e293b;--doc-border-strong: #475569;--doc-shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--doc-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--doc-shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--doc-shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--doc-shadow-xl: 0 16px 48px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-family-base, system-ui, -apple-system, sans-serif),sans-serif;background-color:var(--background-main, #f8f9fa);color:var(--text-default, #1a1a1a)}.hljs{background:var(--surface-raised, #1e1e1e)!important;border-radius:var(--radius-2, 8px);padding:var(--space-4, 1rem);font-family:var(--doc-code-font),sans-serif;font-size:.875rem;line-height:1.6;overflow-x:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-secondary, #f0f0f0)}::-webkit-scrollbar-thumb{background:var(--gray-400, #9ca3af);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500, #6b7280)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}body.fullscreen-open{overflow:hidden}@keyframes doc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes doc-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes doc-fade-in-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes doc-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes doc-slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes doc-slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes doc-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes doc-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes doc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes doc-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes doc-copy-success{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes doc-checkmark{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes doc-ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes doc-success-flash{0%{background-color:transparent}50%{background-color:var(--doc-accent-success, #10b981)}to{background-color:transparent}}.doc-animate-fade-in{animation:doc-fade-in var(--doc-transition-base) ease-out}.doc-animate-fade-in-up{animation:doc-fade-in-up var(--doc-transition-slow) ease-out}.doc-animate-fade-in-down{animation:doc-fade-in-down var(--doc-transition-slow) ease-out}.doc-animate-scale-in{animation:doc-scale-in var(--doc-transition-spring) ease-out}.doc-animate-slide-in-left{animation:doc-slide-in-left var(--doc-transition-slow) ease-out}.doc-animate-slide-in-right{animation:doc-slide-in-right var(--doc-transition-slow) ease-out}.doc-animate-delay-1{animation-delay:50ms;animation-fill-mode:both}.doc-animate-delay-2{animation-delay:.1s;animation-fill-mode:both}.doc-animate-delay-3{animation-delay:.15s;animation-fill-mode:both}.doc-animate-delay-4{animation-delay:.2s;animation-fill-mode:both}.doc-animate-delay-5{animation-delay:.25s;animation-fill-mode:both}.doc-animate-delay-6{animation-delay:.3s;animation-fill-mode:both}.doc-animate-delay-7{animation-delay:.35s;animation-fill-mode:both}.doc-animate-delay-8{animation-delay:.4s;animation-fill-mode:both}.doc-animate-delay-9{animation-delay:.45s;animation-fill-mode:both}.doc-animate-delay-10{animation-delay:.5s;animation-fill-mode:both}.doc-animate-copy-success{animation:doc-copy-success .4s cubic-bezier(.34,1.56,.64,1)}.doc-animate-checkmark{animation:doc-checkmark .3s ease-out forwards}.doc-animate-ripple{animation:doc-ripple .6s ease-out}.doc-interactive{cursor:pointer;transition:all var(--doc-transition-fast)}.doc-interactive:hover{transform:translateY(-1px)}.doc-interactive:active{transform:translateY(0)}.doc-hover-lift{transition:transform var(--doc-transition-fast),box-shadow var(--doc-transition-fast)}.doc-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--doc-shadow-md)}.doc-hover-glow{transition:box-shadow var(--doc-transition-fast)}.doc-hover-glow:hover{box-shadow:0 0 0 3px var(--doc-accent-primary-light)}.doc-hover-shine{position:relative;overflow:hidden}.doc-hover-shine:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.doc-hover-shine:hover:before{left:100%}.doc-hover-scale{transition:transform var(--doc-transition-fast)}.doc-hover-scale:hover{transform:scale(1.02)}.doc-hover-scale:active{transform:scale(.98)}.doc-copy-btn{position:relative}.doc-copy-btn.copied{color:var(--doc-accent-success, #10b981)!important}.doc-copy-btn.copied .doc-copy-btn__icon{animation:doc-copy-success .4s cubic-bezier(.34,1.56,.64,1)}.doc-card-interactive{border:1px solid var(--doc-border-default, #e2e8f0);transition:all var(--doc-transition-fast)}.doc-card-interactive:hover{border-color:var(--doc-accent-primary, #6366f1);box-shadow:var(--doc-shadow-md),0 0 0 1px var(--doc-accent-primary-light, #eef2ff)}.doc-focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px var(--doc-accent-primary-light),0 0 0 1px var(--doc-accent-primary)}.doc-gradient-text{background:linear-gradient(135deg,var(--doc-accent-primary),var(--doc-accent-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.doc-gradient-bg{background:linear-gradient(135deg,var(--doc-accent-primary-light) 0%,transparent 50%)}.doc-glass{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.theme-dark .doc-glass{background:#1e293bcc}
