:root{--color-background: #ffffff;--color-surface: #ffffff;--color-surface-subtle: rgba(255, 255, 255, .6);--color-surface-muted: rgba(249, 250, 251, .8);--color-surface-hover: rgba(255, 255, 255, .8);--color-surface-overlay: rgba(255, 255, 255, .9);--color-modal-scrim: rgba(15, 23, 42, .42);--gradient-page: linear-gradient(135deg, rgba(245, 243, 255, .5), rgba(239, 246, 255, .3), rgba(238, 242, 255, .5));--gradient-surface: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .7));--gradient-image-scrim: linear-gradient( to bottom, rgba(15, 23, 42, .5), transparent 54%, rgba(15, 23, 42, .56) );--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-tertiary: #6b7280;--color-text-inverse: #ffffff;--color-border: rgba(255, 255, 255, .2);--color-border-strong: rgba(255, 255, 255, .4);--color-border-field: #e5e7eb;--color-focus-ring: rgba(139, 92, 246, .3);--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-primary-active: #5b21b6;--color-primary-subtle: #f5f3ff;--color-primary-foreground: #ffffff;--gradient-primary: linear-gradient(135deg, #7c3aed, #4f46e5);--color-success: #16a34a;--color-success-subtle: #ecfdf5;--color-success-border: #bbf7d0;--color-success-foreground: #15803d;--color-warning: #d97706;--color-warning-subtle: #fffbeb;--color-warning-border: #fde68a;--color-warning-foreground: #b45309;--color-danger: #dc2626;--color-danger-subtle: #fef2f2;--color-danger-border: #fecaca;--color-danger-foreground: #b91c1c;--color-info: #2563eb;--color-info-subtle: #eff6ff;--color-info-border: #bfdbfe;--color-info-foreground: #1d4ed8;--font-family-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--space-0: 0;--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-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--border-width-default: 1px;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-popover: 0 20px 40px -12px rgba(0, 0, 0, .18);--control-height-sm: 2.25rem;--control-height-md: 3rem;--control-height-lg: 3.5rem;--header-height-mobile: 3.5rem;--header-height-desktop: 4rem;--bottom-nav-height: 4rem;--sidebar-width: 14rem;--sidebar-width-wide: 16rem;--table-cell-padding-x: 1.5rem;--table-cell-padding-y: 1rem;--popover-width-md: 13rem;--modal-inset: 1rem;--modal-width-sm: 24rem;--modal-width-md: 32rem;--modal-width-lg: 42rem;--modal-width-xl: 64rem;--modal-width-2xl: 90rem;--page-width-max: 120rem;--page-padding-mobile: 1rem;--page-padding-tablet: 1.5rem;--page-padding-desktop: 2rem;--content-aside-width: 21.25rem;--data-grid-min-width: 40rem;--schedule-grid-min-width: 75rem;--staffing-grid-min-width: 43.75rem;--auth-width-max: 28rem;--breakpoint-sm: 40rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--breakpoint-xl: 80rem;--breakpoint-2xl: 96rem;--duration-stagger: 50ms;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-emphasized: cubic-bezier(.16, 1, .3, 1);--scale-hover: 1.02;--scale-press: .97;--opacity-disabled: .5;--focus-ring-width: 2px;--focus-ring-offset: 2px;--z-index-base: 0;--z-index-sticky: 10;--z-index-dropdown-backdrop: 40;--z-index-navigation: 50;--z-index-dropdown: 50;--z-index-modal: 50;--z-index-toast: 60;--z-index-tooltip: 70}:root[data-theme=dark]{color-scheme:dark;--color-background: #0b0714;--color-surface: #1b1429;--color-surface-subtle: rgba(31, 23, 48, .82);--color-surface-muted: rgba(24, 18, 38, .88);--color-surface-hover: rgba(57, 43, 82, .9);--color-surface-overlay: rgba(27, 20, 42, .94);--color-modal-scrim: rgba(4, 1, 10, .72);--gradient-page: linear-gradient(135deg, #18072a, #0b0714 54%, #071326);--gradient-surface: linear-gradient( 135deg, rgba(37, 27, 57, .98), rgba(22, 17, 35, .94) );--gradient-image-scrim: linear-gradient( to bottom, rgba(4, 1, 10, .62), transparent 54%, rgba(4, 1, 10, .68) );--color-text-primary: #f8fafc;--color-text-secondary: #d7d1e2;--color-text-tertiary: #a69db8;--color-text-inverse: #111827;--color-border: rgba(196, 181, 253, .1);--color-border-strong: rgba(196, 181, 253, .22);--color-border-field: rgba(196, 181, 253, .18);--color-focus-ring: rgba(167, 139, 250, .52);--color-primary: #8b5cf6;--color-primary-hover: #a78bfa;--color-primary-active: #c4b5fd;--color-primary-subtle: rgba(124, 58, 237, .24);--color-primary-foreground: #ffffff;--gradient-primary: linear-gradient(135deg, #8b5cf6, #6d28d9);--color-success: #34d399;--color-success-subtle: rgba(16, 185, 129, .17);--color-success-border: rgba(52, 211, 153, .32);--color-success-foreground: #6ee7b7;--color-warning: #fbbf24;--color-warning-subtle: rgba(245, 158, 11, .17);--color-warning-border: rgba(251, 191, 36, .32);--color-warning-foreground: #fcd34d;--color-danger: #fb7185;--color-danger-subtle: rgba(244, 63, 94, .17);--color-danger-border: rgba(251, 113, 133, .32);--color-danger-foreground: #fda4af;--color-info: #60a5fa;--color-info-subtle: rgba(59, 130, 246, .17);--color-info-border: rgba(96, 165, 250, .32);--color-info-foreground: #93c5fd;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .28);--shadow-lg: 0 10px 24px -8px rgba(0, 0, 0, .46);--shadow-xl: 0 20px 32px -12px rgba(0, 0, 0, .54);--shadow-2xl: 0 28px 64px -16px rgba(0, 0, 0, .68);--shadow-popover: 0 22px 48px -14px rgba(0, 0, 0, .62)}