@layer reset,tokens,base,layout,components,features,utilities,overrides;@layer tokens{:root{--color-brand-orange: #FF6E00;--color-brand-orange-90: #DA8A43;--color-brand-orange-dark: #C2410C;--color-brand-navy: #223047;--color-brand-navy-90: #313B52;--color-brand-navy-80: #414B62;--color-brand-navy-light: #EEF1F5;--color-brand-50: #FFF4EC;--color-brand-100: #FFE4D0;--color-zinc-0: #ffffff;--color-zinc-25: #fcfcfd;--color-zinc-50: #fafafa;--color-zinc-75: #f6f6f7;--color-zinc-100: #f4f4f5;--color-zinc-150: #ececee;--color-zinc-200: #e4e4e7;--color-zinc-300: #d4d4d8;--color-zinc-400: #a1a1aa;--color-zinc-500: #71717a;--color-zinc-600: #52525b;--color-zinc-700: #3f3f46;--color-zinc-800: #27272a;--color-zinc-900: #18181b;--color-zinc-950: #09090b;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-rose-50: #fff1f2;--color-rose-100: #ffe4e6;--color-rose-200: #fecdd3;--color-rose-600: #e11d48;--color-rose-700: #be123c;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-indigo-50: #eef2ff;--color-indigo-100: #e0e7ff;--color-indigo-200: #c7d2fe;--color-indigo-600: #4f46e5;--color-indigo-700: #4338ca;--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-size-2xs: .625rem;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.375rem;--font-size-3xl: 1.75rem;--font-brand: "Poppins", -apple-system, "Segoe UI", Roboto, sans-serif;--font-ui: "Geist", "Inter var", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--line-height-tight: 1.25;--line-height-normal: 1.5;--letter-spacing-tighter: -.02em;--letter-spacing-tight: -.01em;--letter-spacing-snug: -.005em;--letter-spacing-normal: 0;--letter-spacing-wide: .03em;--letter-spacing-wider: .06em;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--radius-none: 0;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 5px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(24, 24, 27, .04);--shadow-sm: 0 1px 3px rgba(24, 24, 27, .06), 0 1px 2px rgba(24, 24, 27, .04);--shadow-md: 0 4px 6px rgba(24, 24, 27, .06), 0 2px 4px rgba(24, 24, 27, .04);--shadow-lg: 0 10px 15px rgba(24, 24, 27, .06), 0 4px 6px rgba(24, 24, 27, .04);--shadow-xl: 0 20px 25px rgba(24, 24, 27, .08), 0 8px 10px rgba(24, 24, 27, .04);--duration-instant: 80ms;--duration-fast: .14s;--duration-base: .2s;--duration-slow: .32s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-quad: cubic-bezier(.45, 0, .55, 1);--ease-spring: cubic-bezier(.22, 1.2, .36, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-overlay: 1200;--z-modal: 1300;--z-popover: 1400;--z-toast: 1500;--z-tooltip: 1600}}@layer tokens{:root{--color-bg-page: var(--color-zinc-50);--color-bg-surface: var(--color-zinc-0);--color-bg-elevated: var(--color-zinc-0);--color-bg-muted: var(--color-zinc-75);--color-bg-subtle: var(--color-zinc-100);--color-bg-hover: var(--color-zinc-50);--color-bg-active: var(--color-zinc-100);--color-bg-selected: var(--color-brand-50);--color-fg-default: var(--color-brand-navy);--color-fg-secondary: var(--color-brand-navy-90);--color-fg-muted: var(--color-zinc-500);--color-fg-subtle: var(--color-zinc-400);--color-fg-disabled: var(--color-zinc-400);--color-fg-on-brand: var(--color-zinc-0);--color-border: var(--color-zinc-200);--color-border-light: var(--color-zinc-150);--color-border-hover: var(--color-zinc-300);--color-border-focus: var(--color-brand-orange);--color-accent: var(--color-brand-orange);--color-accent-hover: var(--color-brand-orange-90);--color-accent-muted: var(--color-brand-50);--color-accent-fg: var(--color-brand-orange-dark);--color-success-bg: #dcfce7;--color-success-fg: #16a34a;--color-warning-bg: #fef3c7;--color-warning-fg: #d97706;--color-error-bg: #fee2e2;--color-error-fg: #dc2626;--color-info-bg: var(--color-brand-navy-light);--color-info-fg: var(--color-brand-navy);--color-cat-blue-bg: var(--color-blue-100);--color-cat-blue-fg: var(--color-blue-700);--color-cat-purple-bg: var(--color-purple-100);--color-cat-purple-fg: var(--color-purple-700);--color-cat-teal-bg: var(--color-teal-100);--color-cat-teal-fg: var(--color-teal-700);--color-cat-rose-bg: var(--color-rose-100);--color-cat-rose-fg: var(--color-rose-700);--color-cat-amber-bg: var(--color-amber-100);--color-cat-amber-fg: var(--color-amber-700);--color-cat-indigo-bg: var(--color-indigo-100);--color-cat-indigo-fg: var(--color-indigo-700);--color-status-warning-strong: var(--color-warning-fg);--color-status-info-soft: var(--color-info-bg);--color-status-neutral-soft: var(--color-bg-muted);--color-chip-bg: var(--color-bg-subtle);--color-chip-bg-active: var(--color-accent-muted);--color-chip-fg-active: var(--color-accent-fg);--color-chip-border-active: var(--color-accent);--ring-color: var(--color-brand-orange);--ring-width: 2px;--ring-offset: 2px;--text-primary: var(--color-brand-navy);--text-secondary: var(--color-brand-navy-90);--text-muted: var(--color-zinc-500);--text-disabled: var(--color-zinc-400);--z-table-header: var(--z-sticky);--color-bg-table-header: var(--color-bg-elevated);--color-resize-handle: var(--color-border-hover);--color-resize-handle-active: var(--color-accent)}}@layer tokens{[data-theme=dark]{--color-bg-page: var(--color-zinc-900);--color-bg-surface: var(--color-zinc-800);--color-bg-elevated: var(--color-zinc-700);--color-bg-muted: var(--color-zinc-800);--color-bg-subtle: var(--color-zinc-700);--color-bg-hover: var(--color-zinc-700);--color-bg-active: var(--color-zinc-600);--color-bg-selected: #3d2a1a;--color-fg-default: var(--color-zinc-50);--color-fg-secondary: var(--color-zinc-300);--color-fg-muted: var(--color-zinc-400);--color-fg-subtle: var(--color-zinc-500);--color-fg-disabled: var(--color-zinc-600);--color-fg-on-brand: var(--color-zinc-0);--color-border: var(--color-zinc-700);--color-border-light: var(--color-zinc-800);--color-border-hover: var(--color-zinc-600);--color-border-focus: var(--color-brand-orange);--color-accent: var(--color-brand-orange);--color-accent-hover: #e87a1a;--color-accent-muted: #3d2a1a;--color-accent-fg: #ff8533;--color-success-bg: #14532d;--color-success-fg: #4ade80;--color-warning-bg: #451a03;--color-warning-fg: #fbbf24;--color-error-bg: #450a0a;--color-error-fg: #f87171;--color-info-bg: #1a2236;--color-info-fg: #93a3bf;--color-chip-bg: var(--color-bg-subtle);--color-chip-bg-active: var(--color-accent-muted);--color-chip-fg-active: var(--color-accent-fg);--color-chip-border-active: var(--color-accent);--ring-color: var(--color-brand-orange);--text-primary: var(--color-fg-default);--text-secondary: var(--color-fg-secondary);--text-muted: var(--color-fg-muted);--text-disabled: var(--color-fg-disabled);--color-bg-table-header: var(--color-bg-elevated);--color-resize-handle: var(--color-border-hover);--color-resize-handle-active: var(--color-accent);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 6px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .25), 0 4px 6px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .3), 0 8px 10px rgba(0, 0, 0, .15)}}:root{--g-0: #ffffff;--g-25: #fcfcfd;--g-50: #fafafa;--g-75: #f6f6f7;--g-100: #f4f4f5;--g-150: #ececee;--g-200: #e4e4e7;--g-300: #d4d4d8;--g-400: #a1a1aa;--g-500: #71717a;--g-600: #52525b;--g-700: #3f3f46;--g-800: #27272a;--g-900: #18181b;--brand-font: "Poppins", -apple-system, "Segoe UI", Roboto, sans-serif;--ui-font: "Geist", "Inter var", -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 64px;--sidebar-width-rail: 64px;--sidebar-width-drawer: 100%;--sidebar-transition: .2s ease-out;--sidebar-row-height: 32px;--sidebar-row-gap: 2px;--sidebar-section-gap: 12px;--topbar-height: 48px;--topbar-bg: var(--g-0);--topbar-border: var(--g-150);--app-sidebar-bg: var(--g-0);--app-sidebar-fg: var(--g-900);--app-sidebar-fg-muted: var(--g-500);--app-sidebar-border: var(--g-150);--app-sidebar-row-hover: var(--g-75);--app-sidebar-row-active-bg: var(--g-100);--app-sidebar-kbd-bg: var(--g-75);--app-sidebar-kbd-fg: var(--g-600);--navy-900: #223047;--navy-800: #313B52;--navy-700: #414B62;--navy-50: #EEF1F5;--brand: var(--ccrm-primary);--brand-50: #FFF4EC;--brand-100: #FFE4D0;--brand-500: #FF6E00;--brand-600: #DA8A43;--brand-700: #C2410C;--text-primary: var(--navy-900);--text-secondary: var(--navy-800);--text-muted: var(--g-500);--text-disabled: var(--g-400);--fw-regular: 400;--fw-semibold: 600;--fw-bold: 700;--fw-black: 900;--sector-haulage-bg: var(--brand-100);--sector-haulage-fg: var(--brand-700);--sector-passenger-bg: var(--navy-50);--sector-passenger-fg: var(--navy-900);--sector-warehouse-bg: #D8DCE3;--sector-warehouse-fg: var(--navy-800);--sector-other-bg: var(--g-100);--sector-other-fg: var(--g-700);--r-xs: 3px;--r-sm: 4px;--r-md: 5px;--r-lg: 8px;--r-xl: 10px;--dur-fast: 80ms;--dur: .16s;--ease: cubic-bezier(.16, 1, .3, 1);--dot-green: #16A34A;--dot-blue: #2563EB;--dot-amber: #CA8A04;--ring-green: #DCFCE7;--ring-blue: #DBEAFE;--ring-amber: #FEF3C7;--pill-working-bg: var(--brand-50);--pill-working-fg: var(--brand-700);--pill-working-dot: var(--brand-500);--pill-available-bg: var(--navy-50);--pill-available-fg: var(--navy-900);--pill-available-dot: var(--navy-800);--pill-pending-bg: var(--g-100);--pill-pending-fg: var(--g-700);--pill-pending-dot: var(--g-500);--pill-unavailable-bg: var(--g-50);--pill-unavailable-fg: var(--g-500);--pill-unavailable-dot: var(--g-400);--freshness-fresh: var(--brand-500);--freshness-recent: var(--brand-600);--freshness-stale: var(--g-300)}@tailwind base;@tailwind components;@tailwind utilities;input[type=checkbox]{accent-color:#FF6E00!important}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:hover:after{position:fixed;inset:auto;z-index:999999;padding:8px 12px;border-radius:6px;background:linear-gradient(135deg,#ff6e00,#e66300);color:#fff;box-shadow:0 4px 12px #ff6e0040;font-size:.8125rem;font-weight:500;white-space:nowrap;animation:tooltipFadeIn .2s ease-out;transform:translate(-50%) translateY(-100%);pointer-events:none;content:attr(data-tooltip)}[data-tooltip]:hover:before{position:absolute;bottom:calc(100% + 2px);left:50%;z-index:10001;border:6px solid transparent;animation:tooltipFadeIn .2s ease-out;transform:translate(-50%);pointer-events:none;content:"";border-top-color:#e66300}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}::tooltip{padding:8px 12px!important;border-radius:6px!important;background:#ff6e00!important;color:#fff!important;box-shadow:0 4px 12px #ff6e0040!important;font-size:.8125rem!important;font-weight:500!important}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=number],textarea,input,select{color:#374151!important;-webkit-text-fill-color:#374151!important}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=number]::placeholder,textarea::placeholder,input::placeholder{color:#9ca3af!important;-webkit-text-fill-color:#9CA3AF!important;opacity:1!important}[data-consultant-dropdown] input,[data-source-dropdown] input,.filter-dropdown input{color:#374151!important;-webkit-text-fill-color:#374151!important}[data-consultant-dropdown] input::placeholder,[data-source-dropdown] input::placeholder,.filter-dropdown input::placeholder{color:#9ca3af!important;-webkit-text-fill-color:#9CA3AF!important}@layer reset{*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{background:#0f172a;line-height:1.5}#root{height:100%;min-height:100%}}:root{background-color:#fff;color:var(--g-900);color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-primary: var(--ccrm-gray-900);--text-secondary: var(--ccrm-gray-600);--text-tertiary: var(--ccrm-gray-400);--background-primary: white;--background-secondary: var(--ccrm-gray-100);--background-tertiary: var(--ccrm-gray-300);--background-hover: #e8e8e8;--border-color: #e5e5e5;--border-hover: #d0d0d0;--primary-color: var(--ccrm-info);--primary-hover: var(--ccrm-info);--primary-light: var(--ccrm-info-light);--success-color: #16a34a;--success-light: var(--ccrm-success-light);--error-color: var(--ccrm-error);--error-light: var(--ccrm-error-light);--warning-color: var(--accent-warning);--warning-light: #fffbeb;--warning-dark: #b45309;--info-color: var(--ccrm-info);--info-light: var(--ccrm-info-light)}.payroll-section{padding:24px;border:1px solid rgb(255 255 255 / 5%);border-radius:16px;background:#ffffff08;transition:all .3s ease;cursor:pointer}.payroll-section:hover{background:#ffffff0d;box-shadow:0 8px 32px #0003;transform:translateY(-4px);border-color:#ffffff1a}.payroll-section h2{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:8px}.payroll-section p{color:var(--ccrm-gray-400);font-size:.875rem;line-height:1.5}