@import"../layout/structure/primitive/Box.css";@import"../layout/structure/primitive/Flex.css";@import"../layout/structure/primitive/Stack.css";@import"../layout/structure/primitive/Grid.css";@import"../layout/structure/primitive/Container.css";@import"../layout/structure/primitive/Section.css";@import"../layout/structure/primitive/Switcher.css";@import"../layout/structure/primitive/Aside.css";@import"../layout/structure/composed/DashboardGrid.css";@import"../layout/structure/composed/table/DataTable.css";@import"../layout/object/primitive/Card.css";@import"../layout/object/primitive/Divider.css";@import"../layout/object/primitive/Well.css";@import"../layout/object/composed/CardHeader.css";@import"../layout/object/composed/CardBody.css";@import"../layout/object/composed/CardFooter.css";@import"../layout/object/composed/CardMedia.css";@import"../layout/object/composed/CardStatus.css";@import"../layout/object/composed/DashboardCard.css";@import"../layout/object/composed/Accordion.css";@import"../layout/object/composed/Collapsible.css";@import"../content/text/primitive/Text.css";@import"../content/text/primitive/Heading.css";@import"../content/text/primitive/Label.css";@import"../content/text/primitive/Code.css";@import"../content/text/composed/TitleGroup.css";@import"../content/text/composed/SectionHeader.css";@import"../content/text/composed/LabelValue.css";@import"../content/text/composed/Stat.css";@import"../content/action/primitive/Button.css";@import"../content/action/primitive/IconButton.css";@import"../content/action/primitive/Link.css";@import"../content/action/composed/ButtonGroup.css";@import"../content/image/primitive/Avatar.css";@import"../content/image/primitive/Icon.css";@import"../content/image/composed/AvatarGroup.css";@import"../content/input/primitive/TextInput.css";@import"../content/input/primitive/TextArea.css";@import"../content/input/primitive/Select.css";@import"../content/input/primitive/Checkbox.css";@import"../content/input/primitive/Radio.css";@import"../content/input/primitive/Toggle.css";@import"../content/input/primitive/Slider.css";@import"../content/input/composed/FormField.css";@import"../content/input/composed/CheckboxField.css";@import"../content/input/composed/RadioField.css";@import"../content/input/composed/RadioGroup.css";@import"../content/input/composed/ToggleField.css";@import"../content/input/composed/Dropdown.css";@import"../content/input/composed/Combobox.css";@import"../content/input/composed/DatePicker.css";@import"../content/input/composed/RadioCard.css";@import"../content/input/composed/SegmentedControl.css";@import"../content/input/composed/EditableSelect.css";@import"../content/input/composed/EditableText.css";@import"../content/input/composed/MultiSelect.css";@import"../content/input/composed/TagsInput.css";@import"../feedback/primitive/Badge.css";@import"../feedback/primitive/Spinner.css";@import"../feedback/primitive/Progress.css";@import"../feedback/primitive/Skeleton.css";@import"../feedback/composed/Alert.css";@import"../feedback/composed/Toast.css";@import"../feedback/composed/ToastContainer.css";@import"../feedback/composed/SkeletonText.css";@import"../feedback/composed/EmptyState.css";@import"../feedback/composed/LoadingOverlay.css";@import"../navigation/composed/Navbar.css";@import"../navigation/composed/NavItem.css";@import"../navigation/composed/Tabs.css";@import"../navigation/composed/Breadcrumb.css";@import"../navigation/composed/Pagination.css";@import"../navigation/composed/Menu.css";@import"../navigation/composed/Stepper.css";@import"../navigation/composed/SideNav.css";@import"../data-display/composed/Timeline.css";@import"../data-display/composed/TimelineItem.css";@import"../data-display/composed/TreeView.css";@import"../data-display/composed/TreeNode.css";@import"../utilities/Backdrop.css";@import"../utilities/dnd/dnd.css";@import"../overlay/primitive/Tooltip.css";@import"../overlay/primitive/Popover.css";@import"../overlay/composed/Modal.css";@import"../overlay/composed/Drawer.css";@import"../overlay/composed/ConfirmDialog.css";@import"../overlay/composed/CommandPalette.css";@import"../overlay/composed/CommandItem.css";@import"../feature/AppSideNav/AppSideNav.css";@import"../feature/AppHeader/AppHeader.css";@import"../feature/MetricCard/MetricCard.css";@import"../feature/ProgressCard/ProgressCard.css";@import"../feature/BarChartCard/BarChartCard.css";@import"./darkmode.css";@layer reset,tokens,components,utilities;@layer tokens{:root{--color-navy-50: #e8edf2;--color-navy-100: #c5d3de;--color-navy-200: #9fb6c8;--color-navy-300: #7898b2;--color-navy-400: #5b82a1;--color-navy-500: #3e6c91;--color-navy-600: #386489;--color-navy-700: #30597e;--color-navy-800: #284f74;--color-navy-900: #1a3d61;--color-fuchsia-50: #fdf2f8;--color-fuchsia-100: #fce7f3;--color-fuchsia-200: #fbcfe8;--color-fuchsia-300: #f9a8d4;--color-fuchsia-400: #ed407b;--color-fuchsia-500: #e81d67;--color-fuchsia-600: #af2059;--color-fuchsia-700: #9f1239;--color-fuchsia-800: #881337;--color-fuchsia-900: #743d5a;--color-coral-50: var(--color-fuchsia-50);--color-coral-100: var(--color-fuchsia-100);--color-coral-200: var(--color-fuchsia-200);--color-coral-300: var(--color-fuchsia-300);--color-coral-400: var(--color-fuchsia-400);--color-coral-500: var(--color-fuchsia-500);--color-coral-600: var(--color-fuchsia-600);--color-coral-700: var(--color-fuchsia-700);--color-coral-800: var(--color-fuchsia-800);--color-coral-900: var(--color-fuchsia-900);--color-teal-50: #e0f7f7;--color-teal-100: #b3ebeb;--color-teal-200: #80dede;--color-teal-300: #4dd1d1;--color-teal-400: #26c6c6;--color-teal-500: #00bbbb;--color-teal-600: #00b5b5;--color-teal-700: #00acac;--color-teal-800: #00a4a4;--color-teal-900: #009696;--color-gold-50: #fffcf0;--color-gold-100: #fff7d6;--color-gold-200: #fff2ba;--color-gold-300: #ffec9d;--color-gold-400: #ffe887;--color-gold-500: #ffe472;--color-gold-600: #ffd700;--color-gold-700: #f5c400;--color-gold-800: #e0b000;--color-gold-900: #c29500;--color-purple-50: #f3f0ff;--color-purple-100: #e0d9ff;--color-purple-200: #cbbfff;--color-purple-300: #b6a5ff;--color-purple-400: #a692ff;--color-purple-500: #967fff;--color-purple-600: #8e77ff;--color-purple-700: #836cff;--color-purple-800: #7962ff;--color-purple-900: #684fff;--color-pink-50: #fff0f6;--color-pink-100: #ffd9ea;--color-pink-200: #ffbfdc;--color-pink-300: #ffa5cd;--color-pink-400: #ff92c3;--color-pink-500: #ff7fb8;--color-pink-600: #ff77b1;--color-pink-700: #ff6ca8;--color-pink-800: #ff62a0;--color-pink-900: #ff4f91;--color-brown-50: #f5f3f0;--color-brown-100: #e6e1d9;--color-brown-200: #d5cdbf;--color-brown-300: #c4b9a5;--color-brown-400: #b7aa92;--color-brown-500: #aa9b7f;--color-brown-600: #a39377;--color-brown-700: #99896c;--color-brown-800: #907f62;--color-brown-900: #7f6d4f;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #065f46;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #991b1b;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #1e40af;--color-fuchsia-light: #f9a8d4;--color-coral-light: var(--color-fuchsia-light);--color-navy-light: #7ea8c9;--color-teal-light: #5deded;--bg-primary: var(--color-neutral-50);--bg-secondary: #ffffff;--bg-tertiary: var(--color-neutral-100);--bg-card: #ffffff;--bg-card-header: var(--color-neutral-50);--bg-hover: var(--color-navy-50);--bg-input: #ffffff;--bg-disabled: var(--color-neutral-100);--surface-primary: var(--bg-secondary);--surface-secondary: var(--bg-tertiary);--surface-tertiary: var(--color-neutral-200);--color-primary: var(--color-fuchsia-500);--color-primary-subtle: var(--color-fuchsia-50);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-700);--text-tertiary: var(--color-neutral-500);--text-disabled: var(--color-neutral-400);--text-inverse: #ffffff;--text-link: var(--color-navy-700);--text-fuchsia: var(--color-fuchsia-600);--text-coral: var(--text-fuchsia);--border-primary: var(--color-neutral-200);--border-secondary: var(--color-neutral-100);--border-hover: var(--color-neutral-300);--border-focus: var(--color-fuchsia-500);--interactive-primary: var(--color-fuchsia-500);--interactive-primary-hover: var(--color-fuchsia-600);--interactive-primary-active: var(--color-fuchsia-700);--interactive-secondary: var(--color-navy-600);--interactive-secondary-hover: var(--color-navy-700);--interactive-accent: var(--color-teal-500);--interactive-accent-hover: var(--color-teal-600);--gradient-navy: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);--gradient-navy-deep: linear-gradient(135deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%);--gradient-fuchsia: linear-gradient(135deg, var(--color-fuchsia-500) 0%, var(--color-fuchsia-700) 100%);--gradient-coral: var(--gradient-fuchsia);--gradient-purple-pink: linear-gradient(135deg, var(--color-purple-500) 0%, var(--color-pink-500) 100%);--gradient-navy-fuchsia: linear-gradient(135deg, var(--color-navy-600) 0%, var(--color-fuchsia-600) 100%);--gradient-teal-blue: linear-gradient(135deg, var(--color-teal-500) 0%, var(--color-navy-500) 100%);--gradient-gold: linear-gradient(135deg, var(--color-gold-600) 0%, var(--color-gold-800) 100%);--gradient-card-warm: linear-gradient(135deg, rgba(170, 155, 127, .2) 0%, rgba(127, 109, 79, .3) 100%);--gradient-overlay-dark: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .4) 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--shadow-focus: 0 0 0 3px rgba(232, 29, 103, .25);--shadow-focus-error: 0 0 0 3px rgba(239, 68, 68, .2);--shadow-focus-success: 0 0 0 3px rgba(16, 185, 129, .2);--shadow-focus-warning: 0 0 0 3px rgba(245, 158, 11, .2);--status-success-bg: var(--color-success-light);--status-success-text: var(--color-success-dark);--status-error-bg: var(--color-error-light);--status-error-text: var(--color-error-dark);--status-warning-bg: var(--color-warning-light);--status-warning-text: var(--color-warning-dark);--status-info-bg: var(--color-info-light);--status-info-text: var(--color-info-dark);--status-open-bg: rgba(0, 187, 187, .15);--status-open-text: var(--color-teal-700);--status-inprogress-bg: rgba(255, 228, 114, .15);--status-inprogress-text: var(--color-gold-800);--status-closed-bg: rgba(239, 68, 68, .15);--status-closed-text: var(--color-error-dark);--status-pending-bg: rgba(245, 158, 11, .15);--status-pending-text: var(--color-warning-dark);--status-draft-bg: rgba(156, 163, 175, .15);--status-draft-text: var(--color-neutral-700);--color-white: #ffffff;--color-black: #000000;--overlay-light: rgba(0, 0, 0, .3);--overlay-medium: rgba(0, 0, 0, .5);--overlay-dark: rgba(0, 0, 0, .6);--overlay-darker: rgba(0, 0, 0, .7);--white-opacity-02: rgba(255, 255, 255, .02);--white-opacity-03: rgba(255, 255, 255, .03);--white-opacity-05: rgba(255, 255, 255, .05);--white-opacity-08: rgba(255, 255, 255, .08);--white-opacity-10: rgba(255, 255, 255, .1);--white-opacity-15: rgba(255, 255, 255, .15);--white-opacity-20: rgba(255, 255, 255, .2);--white-opacity-25: rgba(255, 255, 255, .25);--white-opacity-50: rgba(255, 255, 255, .5);--white-opacity-70: rgba(255, 255, 255, .7);--white-opacity-80: rgba(255, 255, 255, .8);--white-opacity-90: rgba(255, 255, 255, .9);--black-opacity-06: rgba(0, 0, 0, .06);--black-opacity-10: rgba(0, 0, 0, .1);--black-opacity-15: rgba(0, 0, 0, .15);--black-opacity-30: rgba(0, 0, 0, .3);--black-opacity-40: rgba(0, 0, 0, .4);--black-opacity-50: rgba(0, 0, 0, .5);--black-opacity-60: rgba(0, 0, 0, .6);--black-opacity-70: rgba(0, 0, 0, .7);--gold-opacity-10: rgba(255, 215, 0, .1);--gold-opacity-15: rgba(255, 215, 0, .15);--gold-opacity-20: rgba(255, 215, 0, .2);--gold-opacity-30: rgba(255, 215, 0, .3);--error-opacity-10: rgba(239, 68, 68, .1);--error-opacity-15: rgba(239, 68, 68, .15);--error-opacity-20: rgba(239, 68, 68, .2);--error-opacity-30: rgba(239, 68, 68, .3);--error-opacity-40: rgba(239, 68, 68, .4);--success-opacity-10: rgba(16, 185, 129, .1);--success-opacity-15: rgba(16, 185, 129, .15);--warning-opacity-10: rgba(245, 158, 11, .1);--warning-opacity-15: rgba(245, 158, 11, .15);--info-opacity-10: rgba(59, 130, 246, .1);--info-opacity-15: rgba(59, 130, 246, .15);--info-opacity-25: rgba(59, 130, 246, .25);--fuchsia-opacity-10: rgba(232, 29, 103, .1);--fuchsia-opacity-15: rgba(232, 29, 103, .15);--fuchsia-opacity-20: rgba(232, 29, 103, .2);--fuchsia-opacity-30: rgba(232, 29, 103, .3);--fuchsia-opacity-50: rgba(232, 29, 103, .5);--primary-opacity-10: var(--fuchsia-opacity-10);--primary-opacity-15: var(--fuchsia-opacity-15);--color-primary-alpha-20: var(--fuchsia-opacity-20);--coral-opacity-10: var(--fuchsia-opacity-10);--coral-opacity-20: var(--fuchsia-opacity-20);--coral-opacity-30: var(--fuchsia-opacity-30);--coral-opacity-50: var(--fuchsia-opacity-50);--navy-opacity-10: rgba(62, 108, 145, .1);--navy-opacity-20: rgba(62, 108, 145, .2);--navy-opacity-30: rgba(62, 108, 145, .3);--navy-opacity-50: rgba(62, 108, 145, .5);--teal-opacity-10: rgba(0, 187, 187, .1);--teal-opacity-20: rgba(0, 187, 187, .2);--teal-opacity-30: rgba(0, 187, 187, .3);--purple-opacity-10: rgba(150, 127, 255, .1);--purple-opacity-20: rgba(150, 127, 255, .2);--purple-opacity-30: rgba(150, 127, 255, .3);--pink-opacity-10: rgba(255, 127, 184, .1);--pink-opacity-20: rgba(255, 127, 184, .2);--pink-opacity-30: rgba(255, 127, 184, .3);--brown-opacity-10: rgba(170, 155, 127, .1);--brown-opacity-20: rgba(170, 155, 127, .2);--brown-opacity-30: rgba(170, 155, 127, .3);--brown-opacity-50: rgba(170, 155, 127, .5);--space-0: 0;--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: clamp(1rem, .5rem + 1vw, 1.125rem);--font-xl: clamp(1.125rem, .75rem + 1.25vw, 1.25rem);--font-2xl: clamp(1.25rem, 1rem + 1.5vw, 1.5rem);--font-3xl: clamp(1.5rem, 1rem + 2vw, 2rem);--font-4xl: clamp(1.75rem, 1rem + 3vw, 2.5rem);--font-5xl: clamp(2rem, 1rem + 4vw, 3rem);--font-6xl: clamp(2.25rem, 1rem + 5vw, 3.75rem);--font-7xl: clamp(2.5rem, 1rem + 6vw, 4.5rem);--font-8xl: clamp(3rem, 1rem + 8vw, 6rem);--heading-size-xs: .875rem;--heading-size-sm: 1rem;--heading-size-md: clamp(1rem, .6rem + 1vw, 1.125rem);--heading-size-lg: clamp(1.125rem, .75rem + 1.25vw, 1.25rem);--heading-size-xl: clamp(1.25rem, .85rem + 1.5vw, 1.5rem);--heading-size-2xl: clamp(1.5rem, 1rem + 2vw, 1.875rem);--heading-size-3xl: clamp(1.75rem, 1.1rem + 2.5vw, 2.25rem);--heading-size-4xl: clamp(2rem, 1.2rem + 3.5vw, 3rem);--heading-size-5xl: clamp(2rem, 1rem + 4vw, 3rem);--heading-size-6xl: clamp(2.25rem, 1rem + 5vw, 3.75rem);--heading-size-7xl: clamp(2.5rem, 1rem + 6vw, 4.5rem);--heading-size-8xl: clamp(3rem, 1rem + 8vw, 6rem);--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: Georgia, "Times New Roman", Times, serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Menlo, monospace;--font-body: var(--font-sans);--font-heading: var(--font-sans);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--icon-xs: .75rem;--icon-sm: 1rem;--icon-md: 1.25rem;--icon-lg: 1.5rem;--icon-xl: 2rem;--opacity-disabled: .5;--icon-scale: 1em;--brightness-active: .9;--scale-in: .95;--scale-pressed: .98;--translate-in: 10px;--animation-duration: .2s;--animation-timing: ease-out;--motion-duration: .2s;--leading-tight: 1.2;--leading-normal: 1.5;--line-height-normal: 1.5;--leading-relaxed: 1.75;--overlay-bg: var(--black-opacity-50);--color-focus: var(--color-fuchsia-500);--focus-ring-width: 2px;--focus-ring-offset: 2px;--outline-width: 2px;--outline-offset: 2px;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--border-width: 1px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--border-width-md: 2px;--switcher-threshold-default: 30rem;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--z-base: 0;--z-dropdown: 100;--z-sticky: 150;--z-fixed: 200;--z-overlay: 300;--z-drawer: 350;--z-modal: 400;--z-popover: 500;--z-command-palette: 550;--z-toast: 600;--z-notification: 700;--z-tooltip: 9999;--dropdown-max-height: 20rem;--slider-track-height-sm: 4px;--slider-track-height-md: 6px;--slider-track-height-lg: 8px;--slider-thumb-size-sm: 14px;--slider-thumb-size-md: 18px;--slider-thumb-size-lg: 22px}.dark-mode{--bg-primary: linear-gradient(135deg, #2c3e50 0%, #1a2332 100%);--bg-secondary: #1e2a3a;--bg-tertiary: rgba(255, 255, 255, .03);--bg-card: rgba(170, 155, 127, .15);--bg-card-header: rgba(255, 255, 255, .08);--bg-hover: rgba(255, 255, 255, .1);--bg-input: rgba(255, 255, 255, .08);--bg-disabled: rgba(255, 255, 255, .05);--surface-primary: #1e2a3a;--surface-secondary: rgba(255, 255, 255, .05);--surface-tertiary: rgba(255, 255, 255, .1);--color-primary: var(--color-fuchsia-500);--color-primary-subtle: rgba(232, 29, 103, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-tertiary: rgba(255, 255, 255, .7);--text-disabled: rgba(255, 255, 255, .5);--text-inverse: var(--color-navy-900);--text-link: var(--color-teal-400);--text-fuchsia: var(--color-fuchsia-400);--text-coral: var(--text-fuchsia);--border-primary: rgba(255, 255, 255, .15);--border-secondary: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .25);--border-focus: var(--color-fuchsia-500);--interactive-primary: var(--color-fuchsia-500);--interactive-primary-hover: var(--color-fuchsia-400);--interactive-primary-active: var(--color-fuchsia-600);--interactive-secondary: var(--color-teal-500);--interactive-secondary-hover: var(--color-teal-600);--interactive-accent: var(--color-gold-600);--interactive-accent-hover: var(--color-gold-700);--gradient-navy: linear-gradient(135deg, #2c3e50 0%, #1a2332 100%);--gradient-navy-deep: linear-gradient(135deg, var(--color-navy-900) 0%, #0a0f17 100%);--gradient-fuchsia: linear-gradient(135deg, var(--color-fuchsia-500) 0%, var(--color-fuchsia-700) 100%);--gradient-coral: var(--gradient-fuchsia);--gradient-purple-pink: linear-gradient(135deg, var(--color-purple-600) 0%, var(--color-pink-600) 100%);--gradient-navy-fuchsia: linear-gradient(135deg, var(--color-navy-600) 0%, var(--color-fuchsia-600) 100%);--gradient-teal-blue: linear-gradient(135deg, var(--color-teal-500) 0%, var(--color-navy-600) 100%);--gradient-gold: linear-gradient(135deg, var(--color-gold-600) 0%, var(--color-gold-800) 100%);--gradient-card-warm: linear-gradient(135deg, rgba(170, 155, 127, .15) 0%, rgba(127, 109, 79, .2) 100%);--gradient-overlay-dark: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .45), 0 4px 6px -4px rgba(0, 0, 0, .35);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .55), 0 8px 10px -6px rgba(0, 0, 0, .45);--status-success-bg: rgba(16, 185, 129, .15);--status-success-text: #6ee7b7;--status-error-bg: rgba(239, 68, 68, .15);--status-error-text: #fca5a5;--status-warning-bg: rgba(245, 158, 11, .15);--status-warning-text: #fbbf24;--status-info-bg: rgba(59, 130, 246, .15);--status-info-text: #93c5fd;--status-open-bg: rgba(0, 187, 187, .2);--status-open-text: var(--color-teal-400);--status-inprogress-bg: rgba(255, 228, 114, .2);--status-inprogress-text: var(--color-gold-500);--status-closed-bg: rgba(239, 68, 68, .2);--status-closed-text: #fca5a5;--status-pending-bg: rgba(245, 158, 11, .2);--status-pending-text: #fbbf24;--status-draft-bg: rgba(156, 163, 175, .2);--status-draft-text: rgba(255, 255, 255, .7);--color-success-light: #6ee7b7;--color-error-light: #fca5a5;--color-warning-light: #fbbf24;--color-info-light: #93c5fd}@media (prefers-color-scheme: dark){:root:not(.light-mode){--bg-primary: linear-gradient(135deg, #2c3e50 0%, #1a2332 100%);--bg-secondary: #1e2a3a;--bg-tertiary: rgba(255, 255, 255, .03);--bg-card: rgba(170, 155, 127, .15);--bg-card-header: rgba(255, 255, 255, .08);--bg-hover: rgba(255, 255, 255, .1);--bg-input: rgba(255, 255, 255, .08);--bg-disabled: rgba(255, 255, 255, .05);--surface-primary: #1e2a3a;--surface-secondary: rgba(255, 255, 255, .05);--surface-tertiary: rgba(255, 255, 255, .1);--color-primary: var(--color-fuchsia-500);--color-primary-subtle: rgba(232, 29, 103, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-tertiary: rgba(255, 255, 255, .7);--text-disabled: rgba(255, 255, 255, .5);--text-inverse: var(--color-navy-900);--text-link: var(--color-teal-400);--text-fuchsia: var(--color-fuchsia-400);--text-coral: var(--text-fuchsia);--border-primary: rgba(255, 255, 255, .15);--border-secondary: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .25);--border-focus: var(--color-fuchsia-500);--interactive-primary: var(--color-fuchsia-500);--interactive-primary-hover: var(--color-fuchsia-400);--interactive-primary-active: var(--color-fuchsia-600);--interactive-secondary: var(--color-teal-500);--interactive-secondary-hover: var(--color-teal-600);--interactive-accent: var(--color-gold-600);--interactive-accent-hover: var(--color-gold-700);--gradient-navy: linear-gradient(135deg, #2c3e50 0%, #1a2332 100%);--gradient-navy-deep: linear-gradient(135deg, var(--color-navy-900) 0%, #0a0f17 100%);--gradient-fuchsia: linear-gradient(135deg, var(--color-fuchsia-500) 0%, var(--color-fuchsia-700) 100%);--gradient-coral: var(--gradient-fuchsia);--gradient-purple-pink: linear-gradient(135deg, var(--color-purple-600) 0%, var(--color-pink-600) 100%);--gradient-navy-fuchsia: linear-gradient(135deg, var(--color-navy-600) 0%, var(--color-fuchsia-600) 100%);--gradient-teal-blue: linear-gradient(135deg, var(--color-teal-500) 0%, var(--color-navy-600) 100%);--gradient-gold: linear-gradient(135deg, var(--color-gold-600) 0%, var(--color-gold-800) 100%);--gradient-card-warm: linear-gradient(135deg, rgba(170, 155, 127, .15) 0%, rgba(127, 109, 79, .2) 100%);--gradient-overlay-dark: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .45), 0 4px 6px -4px rgba(0, 0, 0, .35);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .55), 0 8px 10px -6px rgba(0, 0, 0, .45);--status-success-bg: rgba(16, 185, 129, .15);--status-success-text: #6ee7b7;--status-error-bg: rgba(239, 68, 68, .15);--status-error-text: #fca5a5;--status-warning-bg: rgba(245, 158, 11, .15);--status-warning-text: #fbbf24;--status-info-bg: rgba(59, 130, 246, .15);--status-info-text: #93c5fd;--status-open-bg: rgba(0, 187, 187, .2);--status-open-text: var(--color-teal-400);--status-inprogress-bg: rgba(255, 228, 114, .2);--status-inprogress-text: var(--color-gold-500);--status-closed-bg: rgba(239, 68, 68, .2);--status-closed-text: #fca5a5;--status-pending-bg: rgba(245, 158, 11, .2);--status-pending-text: #fbbf24;--status-draft-bg: rgba(156, 163, 175, .2);--status-draft-text: rgba(255, 255, 255, .7);--color-success-light: #6ee7b7;--color-error-light: #fca5a5;--color-warning-light: #fbbf24;--color-info-light: #93c5fd}}@media (max-width: 640px){:root{--space-lg: 1.25rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem}}html,body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}#root{min-height:100vh;background:var(--bg-primary)}}@layer reset{@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--border-focus, #ff7768);outline-offset:2px}:focus:not(:focus-visible){outline:none}}@layer tokens{:root{--motion-duration: .2s}@media (prefers-reduced-motion: reduce){:root{--motion-duration: .01ms}}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}@media (prefers-contrast: high){.ds-button,.ds-card,.ds-input,.ds-select,.ds-textarea{border:1px solid currentColor}}@supports (-webkit-touch-callout: none){input,select,textarea,.ds-text-input__field,.ds-select__field,.ds-text-area__field,.ds-dropdown__trigger,.ds-combobox__input,.ds-editable-select__trigger,.ds-editable-select__search-input{font-size:max(16px,1em)!important}}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);line-height:var(--leading-normal, 1.5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);color:var(--text-primary, #111827);background:var(--bg-primary, #f9fafb)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif)}code,pre,kbd,samp{font-family:var(--font-mono)}}@layer components{@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer utilities{.ds-scroll-styled::-webkit-scrollbar{width:8px;height:8px}.ds-scroll-styled::-webkit-scrollbar-track{background:var(--bg-tertiary, #f3f4f6);border-radius:var(--radius-sm, 4px)}.ds-scroll-styled::-webkit-scrollbar-thumb{background:var(--border-primary, #e5e7eb);border-radius:var(--radius-sm, 4px)}.ds-scroll-styled::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.ds-scroll-thin::-webkit-scrollbar{width:4px;height:4px}.ds-scroll-thin::-webkit-scrollbar-track{background:transparent}.ds-scroll-thin::-webkit-scrollbar-thumb{background:var(--border-primary, #e5e7eb);border-radius:var(--radius-full, 9999px)}.ds-scroll-hidden{scrollbar-width:none;-ms-overflow-style:none}.ds-scroll-hidden::-webkit-scrollbar{display:none}.ds-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ds-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ds-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ds-truncate-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ds-truncate-none{overflow:visible;white-space:normal;text-overflow:clip;display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset}}@layer components;@layer components;@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:orbit-spin var(--orbit-duration, 16s) linear infinite;overflow:visible}.orbit-ring-rev{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:orbit-spin var(--orbit-duration, 22s) linear infinite reverse;overflow:visible}.orbit-slot{position:absolute}.orbit-counter{width:100%;height:100%;animation:orbit-spin var(--orbit-duration) linear infinite reverse}.orbit-counter-fwd{width:100%;height:100%;animation:orbit-spin var(--orbit-duration) linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.scroll-track-left{animation:scroll-left linear infinite;will-change:transform}.scroll-track-right{animation:scroll-right linear infinite;will-change:transform}