*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--color-white: #FAFBFC;--color-black: #0D1117;--color-neutral-50: #F4F6F8;--color-neutral-100: #E8EAED;--color-neutral-200: #D3D7DC;--color-neutral-300: #B8BFC7;--color-neutral-400: #8E98A4;--color-neutral-500: #6B7684;--color-neutral-600: #4F5B69;--color-neutral-700: #3A4553;--color-neutral-800: #252E3A;--color-neutral-900: #171D26;--color-warm-50: #FAF9F7;--color-warm-100: #F5F3F0;--color-warm-200: #EBE7E2;--color-warm-300: #DDD7CF;--color-warm-400: #C4BAB0;--color-warm-500: #A69D93;--color-warm-600: #8A8078;--color-warm-700: #6E645C;--color-warm-800: #524A44;--color-warm-900: #38322E;--color-primary-50: #FBF5F3;--color-primary-100: #F6E9E4;--color-primary-200: #EECFC5;--color-primary-300: #E0AD9C;--color-primary-400: #CD856E;--color-primary-500: #B8624A;--color-primary-600: #9A4A35;--color-primary-700: #7D3C2B;--color-primary-800: #5E2E22;--color-primary-900: #42211A;--color-accent-50: #FFF5F2;--color-accent-100: #FFE8E0;--color-accent-200: #FFCEBF;--color-accent-300: #FFAB91;--color-accent-400: #FF8A65;--color-accent-500: #F4683C;--color-accent-600: #E05025;--color-accent-700: #BF4320;--color-accent-800: #96351A;--color-accent-900: #6D2815;--color-success-50: #F4F8F5;--color-success-100: #E6EFE8;--color-success-200: #C8DFD0;--color-success-300: #A1C9AE;--color-success-400: #72AD84;--color-success-500: #4F9163;--color-success-600: #3D7750;--color-success-700: #335F43;--color-success-800: #2A4A37;--color-success-900: #1F372A;--color-warning-50: #FFFBF4;--color-warning-100: #FEF4E4;--color-warning-200: #FDE6C3;--color-warning-300: #FAD296;--color-warning-400: #F5B85E;--color-warning-500: #E89B2D;--color-warning-600: #C57E1F;--color-warning-700: #9D631A;--color-warning-800: #774B17;--color-warning-900: #553714;--color-error-50: #FDF5F6;--color-error-100: #FAE8EA;--color-error-200: #F4CED3;--color-error-300: #EAAAB4;--color-error-400: #DB7C8B;--color-error-500: #C85567;--color-error-600: #A93F50;--color-error-700: #883443;--color-error-800: #682C38;--color-error-900: #4D222B;--color-info-50: #F3F6F9;--color-info-100: #E4EBF2;--color-info-200: #C6D5E5;--color-info-300: #9EB8D1;--color-info-400: #6F95B9;--color-info-500: #4E789F;--color-info-600: #3E6183;--color-info-700: #344F6A;--color-info-800: #2C3F53;--color-info-900: #232F3E}:root{--color-background: var(--color-warm-50);--color-surface: var(--color-white);--color-surface-elevated: var(--color-white);--color-surface-hover: var(--color-warm-100);--color-surface-subtle: var(--color-warm-100);--color-layout-background: var(--color-black);--color-layout-gradient-accent: rgba(244, 104, 60, .08);--color-layout-gradient-primary: rgba(125, 60, 43, .12);--color-content: var(--color-warm-50);--color-content-gradient: rgba(250, 249, 247, .85);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-400);--color-text-inverse: var(--color-white);--color-border: var(--color-warm-200);--color-border-subtle: var(--color-warm-100);--color-border-strong: var(--color-warm-300);--color-border-hover: var(--color-warm-300);--color-primary: var(--color-primary-700);--color-primary-hover: var(--color-primary-800);--color-primary-active: var(--color-primary-900);--color-primary-light: var(--color-primary-50);--color-primary-dark: var(--color-primary-900);--color-primary-subtle: var(--color-primary-100);--color-accent: var(--color-accent-500);--color-accent-hover: var(--color-accent-600);--color-accent-active: var(--color-accent-700);--color-accent-light: var(--color-accent-50);--color-success: var(--color-success-600);--color-success-hover: var(--color-success-700);--color-success-light: var(--color-success-50);--color-success-subtle: var(--color-success-100);--color-success-border: var(--color-success-200);--color-success-text: var(--color-success-700);--color-success-text-muted: var(--color-success-600);--color-warning: var(--color-warning-500);--color-warning-hover: var(--color-warning-600);--color-warning-light: var(--color-warning-50);--color-warning-subtle: var(--color-warning-100);--color-warning-border: var(--color-warning-200);--color-warning-text: var(--color-warning-700);--color-warning-text-muted: var(--color-warning-600);--color-error: var(--color-error-600);--color-error-hover: var(--color-error-700);--color-error-light: var(--color-error-50);--color-error-subtle: var(--color-error-100);--color-error-border: var(--color-error-200);--color-error-text: var(--color-error-700);--color-error-text-muted: var(--color-error-600);--color-info: var(--color-info-600);--color-info-hover: var(--color-info-700);--color-info-light: var(--color-info-50);--color-info-subtle: var(--color-info-100);--color-info-border: var(--color-info-200);--color-info-text: var(--color-info-700);--color-info-text-muted: var(--color-info-600);--color-neutral-light: var(--color-neutral-100);--color-neutral-text: var(--color-neutral-700);--color-neutral-text-muted: var(--color-neutral-600);--color-surface-inverse: var(--color-neutral-100);--color-surface-inverse-hover: var(--color-neutral-200);--color-surface-inverse-active: var(--color-neutral-300);--color-overlay: rgba(13, 17, 23, .5);--color-overlay-subtle: rgba(0, 0, 0, .05);--color-scrim: rgba(13, 17, 23, .75);--color-backdrop: rgba(250, 251, 252, .9);--color-focus-ring: var(--color-primary-500);--color-switch-track: var(--color-neutral-400);--color-switch-track-checked: var(--color-primary-600);--color-switch-thumb: var(--color-white);--color-selected: var(--color-primary-50);--color-selected-hover: var(--color-primary-100);--color-selected-text: var(--color-primary-700);--color-scrollbar-track: transparent;--color-scrollbar-thumb: var(--color-neutral-300);--color-scrollbar-thumb-hover: var(--color-neutral-400)}:root{--space-unit: 4px;--space-1: calc(var(--space-unit) * 1);--space-2: calc(var(--space-unit) * 2);--space-3: calc(var(--space-unit) * 3);--space-4: calc(var(--space-unit) * 4);--space-5: calc(var(--space-unit) * 5);--space-6: calc(var(--space-unit) * 6);--space-8: calc(var(--space-unit) * 8);--space-10: calc(var(--space-unit) * 10);--space-12: calc(var(--space-unit) * 12);--space-16: calc(var(--space-unit) * 16);--space-20: calc(var(--space-unit) * 20);--space-24: calc(var(--space-unit) * 24);--space-xs: var(--space-2);--space-sm: var(--space-4);--space-md: var(--space-6);--space-lg: var(--space-8);--space-xl: var(--space-12);--space-2xl: var(--space-16);--space-section: var(--space-16);--space-container: var(--space-4);--space-container-lg: var(--space-8);--gap-xs: var(--space-2);--gap-sm: var(--space-3);--gap-md: var(--space-4);--gap-lg: var(--space-6);--gap-xl: var(--space-8);--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--size-icon-sm: 16px;--size-icon-md: 24px;--size-icon-lg: 32px;--size-input-sm: 32px;--size-input-md: 40px;--size-input-lg: 48px;--size-avatar-sm: 32px;--size-avatar-md: 40px;--size-avatar-lg: 64px;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--max-width-2xl: 1536px;--sidebar-width: 260px;--sidebar-width-collapsed: 72px;--sidebar-width-mobile: 280px;--topbar-height: 60px;--content-padding: var(--space-6);--content-padding-mobile: var(--space-4)}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--text-display-size: var(--font-size-4xl);--text-display-weight: var(--font-weight-bold);--text-display-line-height: var(--line-height-tight);--text-display-letter-spacing: var(--letter-spacing-tight);--text-h1-size: var(--font-size-3xl);--text-h1-weight: var(--font-weight-bold);--text-h1-line-height: var(--line-height-tight);--text-h2-size: var(--font-size-2xl);--text-h2-weight: var(--font-weight-semibold);--text-h2-line-height: var(--line-height-snug);--text-h3-size: var(--font-size-xl);--text-h3-weight: var(--font-weight-semibold);--text-h3-line-height: var(--line-height-snug);--text-h4-size: var(--font-size-lg);--text-h4-weight: var(--font-weight-medium);--text-h4-line-height: var(--line-height-normal);--text-body-size: var(--font-size-base);--text-body-weight: var(--font-weight-normal);--text-body-line-height: var(--line-height-normal);--text-body-lg-size: var(--font-size-lg);--text-body-lg-weight: var(--font-weight-normal);--text-body-lg-line-height: var(--line-height-relaxed);--text-body-sm-size: var(--font-size-sm);--text-body-sm-weight: var(--font-weight-normal);--text-body-sm-line-height: var(--line-height-normal);--text-caption-size: var(--font-size-xs);--text-caption-weight: var(--font-weight-normal);--text-caption-line-height: var(--line-height-normal);--text-label-size: var(--font-size-sm);--text-label-weight: var(--font-weight-medium);--text-label-line-height: var(--line-height-normal);--text-code-size: var(--font-size-sm);--text-code-weight: var(--font-weight-normal);--text-code-line-height: var(--line-height-relaxed)}@media(min-width:768px){:root{--text-display-size: var(--font-size-5xl);--text-h1-size: var(--font-size-4xl);--text-h2-size: var(--font-size-3xl);--text-body-lg-size: var(--font-size-xl)}}@media(min-width:1024px){:root{--font-size-5xl: 3.5rem}}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}:root{--shadow-color: 24, 23, 34;--shadow-opacity-xs: .05;--shadow-opacity-sm: .08;--shadow-opacity-md: .08;--shadow-opacity-lg: .08;--shadow-opacity-xl: .08;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(var(--shadow-color), var(--shadow-opacity-xs));--shadow-sm: 0 1px 3px 0 rgba(var(--shadow-color), var(--shadow-opacity-sm)), 0 1px 2px -1px rgba(var(--shadow-color), var(--shadow-opacity-sm));--shadow-md: 0 4px 6px -1px rgba(var(--shadow-color), var(--shadow-opacity-md)), 0 2px 4px -2px rgba(var(--shadow-color), var(--shadow-opacity-md));--shadow-lg: 0 10px 15px -3px rgba(var(--shadow-color), var(--shadow-opacity-lg)), 0 4px 6px -4px rgba(var(--shadow-color), var(--shadow-opacity-lg));--shadow-xl: 0 20px 25px -5px rgba(var(--shadow-color), var(--shadow-opacity-xl)), 0 8px 10px -6px rgba(var(--shadow-color), var(--shadow-opacity-xl));--shadow-focus: 0 0 0 3px rgba(var(--shadow-color), .2);--shadow-focus-primary: 0 0 0 3px color-mix(in srgb, var(--color-focus-ring) 30%, transparent);--shadow-focus-error: 0 0 0 3px color-mix(in srgb, var(--color-error) 30%, transparent);--shadow-inner: inset 0 2px 4px 0 rgba(var(--shadow-color), .06);--duration-instant: 50ms;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-sharp: cubic-bezier(.4, 0, .6, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-colors: color var(--duration-base) var(--ease-in-out), background-color var(--duration-base) var(--ease-in-out), border-color var(--duration-base) var(--ease-in-out);--transition-opacity: opacity var(--duration-base) var(--ease-in-out);--transition-transform: transform var(--duration-base) var(--ease-out);--transition-shadow: box-shadow var(--duration-base) var(--ease-in-out);--transition-all: all var(--duration-base) var(--ease-in-out);--blur-none: 0;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--z-base: 0;--z-above: 1;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--z-notification: 1700;--z-max: 9999;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--opacity-disabled: var(--opacity-40);--opacity-muted: var(--opacity-60);--gradient-primary: linear-gradient(135deg, #8A7875 0%, #6B8E9F 100%);--gradient-primary-hover: linear-gradient(135deg, #9A8885 0%, #7B9EAF 100%);--gradient-accent: linear-gradient(135deg, #6B8E9F 0%, #8AB4C7 100%);--gradient-accent-hover: linear-gradient(135deg, #7B9EAF 0%, #9BC4D6 100%);--gradient-subtle: linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-elevated) 100%)}[data-theme=dark],:root:not([data-theme=light]):has(body){--shadow-color: 0, 0, 0;--shadow-opacity-xs: .3;--shadow-opacity-sm: .3;--shadow-opacity-md: .3;--shadow-opacity-lg: .3;--shadow-opacity-xl: .3}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--shadow-color: 0, 0, 0;--shadow-opacity-xs: .3;--shadow-opacity-sm: .3;--shadow-opacity-md: .3;--shadow-opacity-lg: .3;--shadow-opacity-xl: .3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-out)}.animate-slide-up{animation:slideInUp var(--duration-base) var(--ease-out)}.animate-slide-down{animation:slideInDown var(--duration-base) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-base) var(--ease-out)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.transition-none{transition:none}.transition-colors{transition:var(--transition-colors)}.transition-opacity{transition:var(--transition-opacity)}.transition-transform{transition:var(--transition-transform)}.transition-shadow{transition:var(--transition-shadow)}.transition-all{transition:var(--transition-all)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--variant-layer1-bg: var(--color-surface-inverse);--variant-layer1-bg-hover: var(--color-surface-inverse-hover);--variant-layer1-bg-active: var(--color-surface-inverse-active);--variant-layer1-text: var(--color-text-secondary);--variant-layer1-text-hover: var(--color-text-primary);--variant-layer1-border: var(--color-border);--variant-layer1-border-hover: var(--color-border-hover);--variant-layer2-bg: var(--color-surface-elevated);--variant-layer2-bg-hover: var(--color-surface);--variant-layer2-bg-active: var(--color-surface-subtle);--variant-layer2-text: var(--color-text-secondary);--variant-layer2-text-hover: var(--color-text-primary);--variant-layer3-bg: var(--color-surface);--variant-layer3-bg-hover: var(--color-surface-hover);--variant-layer3-bg-active: var(--color-surface-elevated);--variant-layer3-text: var(--color-text-secondary);--variant-layer3-text-hover: var(--color-text-primary);--variant-layer3-border: var(--color-border-subtle);--variant-layer3-border-hover: var(--color-border);--variant-primary-bg: var(--color-primary-600);--variant-primary-bg-hover: var(--color-primary-700);--variant-primary-bg-active: var(--color-primary-800);--variant-primary-text: var(--color-white);--variant-secondary-bg: var(--color-surface);--variant-secondary-bg-hover: var(--color-surface-hover);--variant-secondary-bg-active: var(--color-surface-elevated);--variant-secondary-text: var(--color-text-primary);--variant-secondary-border: var(--color-border);--variant-secondary-border-hover: var(--color-border-hover);--variant-ghost-bg: transparent;--variant-ghost-bg-hover: var(--color-surface-hover);--variant-ghost-bg-active: var(--color-surface-elevated);--variant-ghost-text: var(--color-text-secondary);--variant-ghost-text-hover: var(--color-text-primary);--variant-danger-bg: var(--color-error-600);--variant-danger-bg-hover: var(--color-error-700);--variant-danger-bg-active: var(--color-error-800);--variant-danger-text: var(--color-white);--variant-accent-bg: var(--color-accent-500);--variant-accent-bg-hover: var(--color-accent-600);--variant-accent-bg-active: var(--color-accent-700);--variant-accent-text: var(--color-white);--variant-shell-bg: transparent;--variant-shell-bg-hover: var(--color-surface-hover);--variant-shell-bg-active: var(--color-surface-elevated);--variant-shell-text: var(--color-text-secondary);--variant-shell-text-hover: var(--color-text-primary)}[data-theme=dark]{--color-background: var(--color-black);--color-surface: var(--color-neutral-900);--color-surface-elevated: var(--color-neutral-800);--color-surface-hover: var(--color-primary-900);--color-surface-subtle: var(--color-neutral-800);--color-content: var(--color-black);--color-content-gradient: linear-gradient(135deg, var(--color-neutral-900) 0%, var(--color-black) 50%);--color-text-primary: var(--color-neutral-100);--color-text-secondary: var(--color-neutral-400);--color-text-tertiary: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-600);--color-text-inverse: var(--color-neutral-900);--color-border: var(--color-neutral-700);--color-border-subtle: var(--color-neutral-800);--color-border-strong: var(--color-neutral-600);--color-border-hover: var(--color-neutral-500);--color-primary: var(--color-primary-500);--color-primary-hover: var(--color-primary-400);--color-primary-active: var(--color-primary-300);--color-primary-light: var(--color-primary-900);--color-primary-dark: var(--color-primary-100);--color-primary-subtle: var(--color-primary-900);--color-accent: var(--color-accent-400);--color-accent-hover: var(--color-accent-300);--color-accent-active: var(--color-accent-200);--color-accent-light: var(--color-accent-900);--color-success: var(--color-success-500);--color-success-hover: var(--color-success-400);--color-success-light: var(--color-success-900);--color-success-subtle: var(--color-success-900);--color-success-border: var(--color-success-700);--color-success-text: var(--color-success-300);--color-success-text-muted: var(--color-success-400);--color-warning: var(--color-warning-400);--color-warning-hover: var(--color-warning-300);--color-warning-light: var(--color-warning-900);--color-warning-subtle: var(--color-warning-900);--color-warning-border: var(--color-warning-700);--color-warning-text: var(--color-warning-300);--color-warning-text-muted: var(--color-warning-400);--color-error: var(--color-error-500);--color-error-hover: var(--color-error-400);--color-error-light: var(--color-error-900);--color-error-subtle: var(--color-error-900);--color-error-border: var(--color-error-700);--color-error-text: var(--color-error-300);--color-error-text-muted: var(--color-error-400);--color-info: var(--color-info-400);--color-info-hover: var(--color-info-300);--color-info-light: var(--color-info-900);--color-info-subtle: var(--color-info-900);--color-info-border: var(--color-info-700);--color-info-text: var(--color-info-300);--color-info-text-muted: var(--color-info-400);--color-neutral-light: var(--color-neutral-800);--color-neutral-text: var(--color-neutral-200);--color-neutral-text-muted: var(--color-neutral-400);--color-surface-inverse: var(--color-neutral-900);--color-surface-inverse-hover: var(--color-neutral-800);--color-surface-inverse-active: var(--color-neutral-700);--color-overlay: rgba(0, 0, 0, .6);--color-overlay-subtle: rgba(255, 255, 255, .1);--color-scrim: rgba(0, 0, 0, .85);--color-backdrop: rgba(13, 17, 23, .9);--color-focus-ring: var(--color-primary-400);--color-switch-track: var(--color-neutral-600);--color-switch-track-checked: var(--color-primary-500);--color-switch-thumb: var(--color-white);--color-selected: var(--color-primary-900);--color-selected-hover: var(--color-primary-800);--color-selected-text: var(--color-primary-200);--color-scrollbar-track: transparent;--color-scrollbar-thumb: var(--color-neutral-600);--color-scrollbar-thumb-hover: var(--color-neutral-500)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-background: var(--color-black);--color-surface: var(--color-neutral-900);--color-surface-elevated: var(--color-neutral-800);--color-surface-hover: var(--color-primary-900);--color-surface-subtle: var(--color-neutral-800);--color-content: var(--color-black);--color-content-gradient: linear-gradient(135deg, var(--color-neutral-900) 0%, var(--color-black) 50%);--color-text-primary: var(--color-neutral-100);--color-text-secondary: var(--color-neutral-400);--color-text-tertiary: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-600);--color-text-inverse: var(--color-neutral-900);--color-border: var(--color-neutral-700);--color-border-subtle: var(--color-neutral-800);--color-border-strong: var(--color-neutral-600);--color-border-hover: var(--color-neutral-500);--color-primary: var(--color-primary-500);--color-primary-hover: var(--color-primary-400);--color-primary-active: var(--color-primary-300);--color-primary-light: var(--color-primary-900);--color-primary-dark: var(--color-primary-100);--color-primary-subtle: var(--color-primary-900);--color-accent: var(--color-accent-400);--color-accent-hover: var(--color-accent-300);--color-accent-active: var(--color-accent-200);--color-accent-light: var(--color-accent-900);--color-success: var(--color-success-500);--color-success-hover: var(--color-success-400);--color-success-light: var(--color-success-900);--color-success-subtle: var(--color-success-900);--color-success-border: var(--color-success-700);--color-success-text: var(--color-success-300);--color-success-text-muted: var(--color-success-400);--color-warning: var(--color-warning-400);--color-warning-hover: var(--color-warning-300);--color-warning-light: var(--color-warning-900);--color-warning-subtle: var(--color-warning-900);--color-warning-border: var(--color-warning-700);--color-warning-text: var(--color-warning-300);--color-warning-text-muted: var(--color-warning-400);--color-error: var(--color-error-500);--color-error-hover: var(--color-error-400);--color-error-light: var(--color-error-900);--color-error-subtle: var(--color-error-900);--color-error-border: var(--color-error-700);--color-error-text: var(--color-error-300);--color-error-text-muted: var(--color-error-400);--color-info: var(--color-info-400);--color-info-hover: var(--color-info-300);--color-info-light: var(--color-info-900);--color-info-subtle: var(--color-info-900);--color-info-border: var(--color-info-700);--color-info-text: var(--color-info-300);--color-info-text-muted: var(--color-info-400);--color-neutral-light: var(--color-neutral-800);--color-neutral-text: var(--color-neutral-200);--color-neutral-text-muted: var(--color-neutral-400);--color-surface-inverse: var(--color-neutral-900);--color-surface-inverse-hover: var(--color-neutral-800);--color-surface-inverse-active: var(--color-neutral-700);--color-overlay: rgba(0, 0, 0, .6);--color-overlay-subtle: rgba(255, 255, 255, .1);--color-scrim: rgba(0, 0, 0, .85);--color-backdrop: rgba(13, 17, 23, .9);--color-focus-ring: var(--color-primary-400);--color-switch-track: var(--color-neutral-600);--color-switch-track-checked: var(--color-primary-500);--color-switch-thumb: var(--color-white);--color-selected: var(--color-primary-900);--color-selected-hover: var(--color-primary-800);--color-selected-text: var(--color-primary-200);--color-scrollbar-track: transparent;--color-scrollbar-thumb: var(--color-neutral-600);--color-scrollbar-thumb-hover: var(--color-neutral-500)}}:root,[data-density=default]{--density-multiplier: 1;--space-xs: calc(8px * var(--density-multiplier));--space-sm: calc(12px * var(--density-multiplier));--space-md: calc(16px * var(--density-multiplier));--space-lg: calc(24px * var(--density-multiplier));--space-xl: calc(32px * var(--density-multiplier));--space-2xl: calc(48px * var(--density-multiplier));--gap-xs: calc(4px * var(--density-multiplier));--gap-sm: calc(8px * var(--density-multiplier));--gap-md: calc(12px * var(--density-multiplier));--gap-lg: calc(16px * var(--density-multiplier));--gap-xl: calc(24px * var(--density-multiplier));--size-input-sm: calc(32px * var(--density-multiplier));--size-input-md: calc(40px * var(--density-multiplier));--size-input-lg: calc(48px * var(--density-multiplier));--size-touch-target: max(44px, calc(44px * var(--density-multiplier)));--font-size-xs: calc(.75rem * var(--density-multiplier));--font-size-sm: calc(.875rem * var(--density-multiplier));--font-size-base: calc(1rem * var(--density-multiplier));--font-size-lg: calc(1.125rem * var(--density-multiplier));--font-size-xl: calc(1.25rem * var(--density-multiplier));--padding-button-x: calc(16px * var(--density-multiplier));--padding-button-y: calc(8px * var(--density-multiplier));--padding-input-x: calc(12px * var(--density-multiplier));--padding-input-y: calc(8px * var(--density-multiplier));--padding-card: calc(16px * var(--density-multiplier))}[data-density=compact]{--density-multiplier: .75;--space-xs: calc(8px * var(--density-multiplier));--space-sm: calc(12px * var(--density-multiplier));--space-md: calc(16px * var(--density-multiplier));--space-lg: calc(24px * var(--density-multiplier));--space-xl: calc(32px * var(--density-multiplier));--space-2xl: calc(48px * var(--density-multiplier));--gap-xs: calc(4px * var(--density-multiplier));--gap-sm: calc(8px * var(--density-multiplier));--gap-md: calc(12px * var(--density-multiplier));--gap-lg: calc(16px * var(--density-multiplier));--gap-xl: calc(24px * var(--density-multiplier));--size-input-sm: calc(32px * var(--density-multiplier));--size-input-md: calc(40px * var(--density-multiplier));--size-input-lg: calc(48px * var(--density-multiplier));--size-touch-target: 44px;--font-size-xs: max(12px, calc(.75rem * var(--density-multiplier)));--font-size-sm: calc(.875rem * var(--density-multiplier));--font-size-base: calc(1rem * var(--density-multiplier));--font-size-lg: calc(1.125rem * var(--density-multiplier));--font-size-xl: calc(1.25rem * var(--density-multiplier));--padding-button-x: calc(16px * var(--density-multiplier));--padding-button-y: calc(8px * var(--density-multiplier));--padding-input-x: calc(12px * var(--density-multiplier));--padding-input-y: calc(8px * var(--density-multiplier));--padding-card: calc(16px * var(--density-multiplier))}[data-density=comfortable]{--density-multiplier: 1.25;--space-xs: calc(8px * var(--density-multiplier));--space-sm: calc(12px * var(--density-multiplier));--space-md: calc(16px * var(--density-multiplier));--space-lg: calc(24px * var(--density-multiplier));--space-xl: calc(32px * var(--density-multiplier));--space-2xl: calc(48px * var(--density-multiplier));--gap-xs: calc(4px * var(--density-multiplier));--gap-sm: calc(8px * var(--density-multiplier));--gap-md: calc(12px * var(--density-multiplier));--gap-lg: calc(16px * var(--density-multiplier));--gap-xl: calc(24px * var(--density-multiplier));--size-input-sm: calc(32px * var(--density-multiplier));--size-input-md: calc(40px * var(--density-multiplier));--size-input-lg: calc(48px * var(--density-multiplier));--size-touch-target: calc(44px * var(--density-multiplier));--font-size-xs: calc(.75rem * var(--density-multiplier));--font-size-sm: calc(.875rem * var(--density-multiplier));--font-size-base: calc(1rem * var(--density-multiplier));--font-size-lg: calc(1.125rem * var(--density-multiplier));--font-size-xl: calc(1.25rem * var(--density-multiplier));--padding-button-x: calc(16px * var(--density-multiplier));--padding-button-y: calc(8px * var(--density-multiplier));--padding-input-x: calc(12px * var(--density-multiplier));--padding-input-y: calc(8px * var(--density-multiplier));--padding-card: calc(16px * var(--density-multiplier))}[data-density=large]{--density-multiplier: 1.5;--space-xs: calc(8px * var(--density-multiplier));--space-sm: calc(12px * var(--density-multiplier));--space-md: calc(16px * var(--density-multiplier));--space-lg: calc(24px * var(--density-multiplier));--space-xl: calc(32px * var(--density-multiplier));--space-2xl: calc(48px * var(--density-multiplier));--gap-xs: calc(4px * var(--density-multiplier));--gap-sm: calc(8px * var(--density-multiplier));--gap-md: calc(12px * var(--density-multiplier));--gap-lg: calc(16px * var(--density-multiplier));--gap-xl: calc(24px * var(--density-multiplier));--size-input-sm: calc(32px * var(--density-multiplier));--size-input-md: calc(40px * var(--density-multiplier));--size-input-lg: calc(48px * var(--density-multiplier));--size-touch-target: calc(44px * var(--density-multiplier));--font-size-xs: calc(.75rem * var(--density-multiplier));--font-size-sm: calc(.875rem * var(--density-multiplier));--font-size-base: calc(1rem * var(--density-multiplier));--font-size-lg: calc(1.125rem * var(--density-multiplier));--font-size-xl: calc(1.25rem * var(--density-multiplier));--padding-button-x: calc(16px * var(--density-multiplier));--padding-button-y: calc(8px * var(--density-multiplier));--padding-input-x: calc(12px * var(--density-multiplier));--padding-input-y: calc(8px * var(--density-multiplier));--padding-card: calc(16px * var(--density-multiplier))}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--gap-xs)}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.gap-xl{gap:var(--gap-xl)}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}html{font-size:16px;color-scheme:light dark;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);background-color:var(--color-background);color:var(--color-text-primary);transition:var(--transition-colors)}#app{min-height:100%;display:flex;flex-direction:column}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--shadow-focus-primary)}input:invalid:focus-visible,textarea:invalid:focus-visible,select:invalid:focus-visible,.has-error:focus-visible{box-shadow:var(--shadow-focus-error)}::selection{background-color:var(--color-primary-light);color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-line-height)}h2{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);line-height:var(--text-h2-line-height)}h3{font-size:var(--text-h3-size);font-weight:var(--text-h3-weight);line-height:var(--text-h3-line-height)}h4{font-size:var(--text-h4-size);font-weight:var(--text-h4-weight);line-height:var(--text-h4-line-height)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}small{font-size:var(--text-caption-size);color:var(--color-text-secondary)}strong,b{font-weight:var(--font-weight-semibold)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:var(--text-code-size)}code{padding:var(--space-1) var(--space-2);background-color:var(--color-surface);border-radius:var(--radius-sm)}pre{padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-md);overflow-x:auto}pre code{padding:0;background:none}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-hover)}a:active{color:var(--color-primary-active)}label{display:block;font-size:var(--text-label-size);font-weight:var(--text-label-weight);color:var(--color-text-primary);margin-bottom:var(--space-2)}input,textarea,select{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-colors),var(--transition-shadow)}input:hover,textarea:hover,select:hover{border-color:var(--color-border-strong)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}input:disabled,textarea:disabled,select:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}button{cursor:pointer;font-size:var(--text-label-size);font-weight:var(--text-label-weight);line-height:var(--line-height-normal);transition:var(--transition-colors),var(--transition-shadow)}button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}table{width:100%;border-collapse:collapse}th,td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}hr{border:none;height:1px;background-color:var(--color-border);margin:var(--space-6) 0}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-tertiary)}::-webkit-scrollbar-corner{background:transparent}