:root{--color-primary:#f05e3e;--color-primary-hover:#d14d2e;--color-primary-light:#f8b2a5;--color-primary-subtle:#fde8e4;--color-gray:#4c4c4c;--color-gray-hover:#3a3a3a;--color-gray-light:#a7a7a7;--color-gray-subtle:#e8e8e8;--color-accent:#ff7655;--color-accent-hover:#e65a3a;--color-accent-light:#ffc4b5;--color-accent-subtle:#fff0ed;--color-success:#22c55e;--color-success-hover:#16a34a;--color-success-light:#dcfce7;--color-success-subtle:#f0fdf4;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#fef3c7;--color-warning-subtle:#fffbeb;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-light:#fee2e2;--color-error-subtle:#fef2f2;--color-info:#3b82f6;--color-info-hover:#2563eb;--color-info-light:#dbeafe;--color-info-subtle:#eff6ff;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-background:var(--color-neutral-50);--color-surface:#fff;--color-surface-hover:var(--color-neutral-50);--color-border:var(--color-neutral-200);--color-border-light:var(--color-neutral-100);--color-border-hover:var(--color-neutral-300);--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-on-primary:#fff;--color-text-on-dark:#fff;--font-family-primary:"Roboto","Helvetica","Arial",sans-serif;--font-family-monospace:"Roboto Mono","Courier New",monospace;--font-size-h1:6rem;--font-size-h2:3.75rem;--font-size-h3:3rem;--font-size-h4:2.125rem;--font-size-h5:1.5rem;--font-size-h6:1.25rem;--font-size-subtitle1:1rem;--font-size-subtitle2:.875rem;--font-size-body1:1rem;--font-size-body2:.875rem;--font-size-caption:.75rem;--font-size-button:.875rem;--font-size-overline:.75rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-h1:1.167;--line-height-h2:1.2;--line-height-h3:1.167;--line-height-h4:1.235;--line-height-h5:1.334;--line-height-h6:1.6;--line-height-subtitle1:1.75;--line-height-subtitle2:1.57;--line-height-body1:1.5;--line-height-body2:1.43;--line-height-caption:1.66;--line-height-button:1.75;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-3xl:48px;--spacing-4xl:64px;--container-max-width:1440px;--card-max-width:500px;--form-max-width:600px;--sidebar-width-expanded:280px;--sidebar-width-collapsed:64px;--appbar-height:64px;--drawer-width:400px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-xs:0px 1px 2px 0px #0f172a0d;--shadow-sm:0px 1px 3px 0px #0f172a12,0px 1px 2px 0px #0f172a0f;--shadow-md:0px 2px 4px -1px #0f172a0f,0px 4px 6px -1px #0f172a14;--shadow-lg:0px 2px 6px -1px #0f172a14,0px 4px 8px -1px #0f172a1a;--shadow-xl:0px 5px 14px -3px #0f172a1f,0px 8px 16px -3px #0f172a29;--elevation-card:var(--shadow-xs);--elevation-appbar:var(--shadow-sm);--elevation-drawer:var(--shadow-lg);--elevation-modal:var(--shadow-xl);--transition-duration-fast:.15s;--transition-duration-normal:.3s;--transition-duration-slow:.5s;--transition-easing:cubic-bezier(.4,0,.2,1);--transition-easing-in:cubic-bezier(.4,0,1,1);--transition-easing-out:cubic-bezier(0,0,.2,1);--transition-all:all var(--transition-duration-fast)var(--transition-easing);--transition-color:color var(--transition-duration-fast)var(--transition-easing);--transition-background:background-color var(--transition-duration-fast)var(--transition-easing);--transition-border:border-color var(--transition-duration-fast)var(--transition-easing);--transition-transform:transform var(--transition-duration-normal)var(--transition-easing);--z-index-drawer:1200;--z-index-appbar:1100;--z-index-modal:1300;--z-index-snackbar:1400;--z-index-tooltip:1500;--breakpoint-xs:0px;--breakpoint-sm:600px;--breakpoint-md:960px;--breakpoint-lg:1280px;--breakpoint-xl:1920px;--button-padding-sm:5px 12px;--button-padding-md:8px 16px;--button-padding-lg:11px 24px;--button-min-width:64px;--input-height-sm:32px;--input-height-md:40px;--input-height-lg:48px;--input-padding-horizontal:12px;--card-padding-sm:var(--spacing-md);--card-padding-md:var(--spacing-lg);--card-padding-lg:var(--spacing-xl);--table-cell-padding:var(--spacing-md);--table-header-height:56px;--table-row-height:52px;--badge-active-bg:var(--color-success-light);--badge-active-text:var(--color-success-hover);--badge-inactive-bg:var(--color-neutral-100);--badge-inactive-text:var(--color-text-tertiary);--badge-pending-bg:var(--color-warning-light);--badge-pending-text:var(--color-warning-hover);--badge-manager-bg:var(--color-primary-light);--badge-manager-text:var(--color-primary-hover);--badge-employee-bg:var(--color-background);--badge-employee-text:var(--color-text-secondary)}.spacing-xs{gap:var(--spacing-xs)}.spacing-sm{gap:var(--spacing-sm)}.spacing-md{gap:var(--spacing-md)}.spacing-lg{gap:var(--spacing-lg)}.spacing-xl{gap:var(--spacing-xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-disabled{color:var(--color-text-disabled)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:var(--line-height-body1);font-family:var(--font-family-primary);font-size:var(--font-size-body1);color:var(--color-text-primary);background-color:var(--color-background)}#root{flex-direction:column;min-height:100vh;display:flex}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}img,picture,video,canvas,svg{max-width:100%;display:block}ul[role=list],ol[role=list]{list-style:none}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-primary-hover)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}