:root{--color-page:#eef3f8;--color-sidebar-bg:#e4ebf3;--color-sheet:#fff;--color-cell:#fbfdff;--color-header:#f4f8fc;--color-table-header:#eaf1f8;--color-toolbar-well:#e9f0f7;--color-topbar-bg:#122f5c;--color-topbar-border:#0f2f57;--color-topbar-fg:#fff;--color-topbar-fg-muted:#fff;--color-topbar-fg-subtle:hsla(0,0%,100%,.86);--color-topbar-hover-bg:hsla(0,0%,100%,.18);--color-topbar-hover-border:hsla(0,0%,100%,.32);--color-topbar-active-bg:#fff;--color-topbar-active-fg:#143766;--color-topbar-active-border:hsla(0,0%,100%,.45);--color-topbar-chrome-btn-bg:#fff;--color-topbar-chrome-btn-border:hsla(0,0%,100%,.35);--color-topbar-chrome-btn-hover:#f8fafc;--color-topbar-chrome-btn-fg:#143766;--color-public-on-dark-fg:#fff;--color-public-on-dark-muted:hsla(0,0%,100%,.86);--color-public-on-dark-soft:hsla(0,0%,100%,.78);--color-public-on-dark-link:#fff;--color-payroll-table-header-bg:#3a6b58;--color-payroll-table-header-fg:#f4faf7;--color-payroll-table-header-border:hsla(0,0%,100%,.14);--color-payroll-section-payment-bg:#e8eef6;--color-payroll-section-payment-fg:#1e3a5f;--color-payroll-section-payment-border:#c7d7e8;--color-payroll-section-supporting-bg:#eceef8;--color-payroll-section-supporting-fg:#3730a6;--color-payroll-section-supporting-border:#d4d7f0;--color-payroll-section-monthly-bg:#f0f5fa;--color-payroll-section-monthly-fg:#1e4976;--color-payroll-section-monthly-border:#d8e4ef;--color-payroll-section-leave-bg:#f3f2fb;--color-payroll-section-leave-fg:#4c4686;--color-payroll-section-leave-border:#ddd9f0;--color-payroll-section-summary-bg:#f0f7f6;--color-payroll-section-summary-fg:#1f4f4a;--color-payroll-section-summary-border:#d2e8e4;--color-payroll-section-split-bg:#f2f8f4;--color-payroll-section-split-fg:#2f5f48;--color-payroll-section-split-border:#d5e8dc;--color-overview-section-attention-bg:#fef8eb;--color-overview-section-attention-fg:#92400e;--color-overview-section-attention-border:#f5dfb8;--color-overview-section-attendance-bg:#eef4fc;--color-overview-section-attendance-fg:#1e4976;--color-overview-section-attendance-border:#d0e0f5;--color-overview-section-live-bg:#f0f7f6;--color-overview-section-live-fg:#1f4f4a;--color-overview-section-live-border:#cce8e2;--color-overview-section-payroll-bg:#eef0f8;--color-overview-section-payroll-fg:#3730a6;--color-overview-section-payroll-border:#d4d7f0;--color-overview-section-readiness-bg:#f4f8f0;--color-overview-section-readiness-fg:#3d5c2e;--color-overview-section-readiness-border:#dce8d0;--color-overview-section-health-bg:#f0f5f7;--color-overview-section-health-fg:#2f4f5f;--color-overview-section-health-border:#d0dee8;--color-overview-section-activity-bg:#f3f1f8;--color-overview-section-activity-fg:#4c4686;--color-overview-section-activity-border:#ddd9f0;--color-overview-section-actions-bg:#f0f5fa;--color-overview-section-actions-fg:#1e3a5f;--color-overview-section-actions-border:#d8e4ef;--color-overview-section-trends-bg:#eef2f8;--color-overview-section-trends-fg:#334155;--color-overview-section-trends-border:#d4dce8;--color-border:#d8e3ee;--color-border-dark:#bdccdc;--color-text:#0f1f34;--color-text-muted:#42566f;--color-text-soft:#60758f;--color-brand:#1f5fd0;--color-brand-hover:#184cad;--color-brand-foreground:#fff;--color-brand-muted:#e9f1ff;--color-btn-default-bg:#fff;--color-btn-default-border:#c3d0de;--color-btn-default-hover:#f3f7fc;--color-btn-active-bg:#fff;--color-btn-active-border:#7f93ab;--color-btn-primary-bg:var(--color-brand);--color-btn-primary-border:var(--color-brand);--color-btn-primary-fg:var(--color-brand-foreground);--color-btn-primary-hover-bg:var(--color-brand-hover);--color-action-border:var(--color-brand);--color-action-text:var(--color-brand);--color-action-hover-bg:var(--color-brand-muted);--color-primary:#fff;--color-primary-hover:#f1f6ff;--color-primary-border:var(--color-brand);--color-primary-surface:#fff;--color-input:#fff;--color-table-total-bg:#edf3fa;--color-empty-panel-bg:#edf3fa;--color-danger-50:#fef2f2;--color-danger-700:#991b1b;--color-success-50:#ecfdf5;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-700:#b45309;--color-info-50:#eff6ff;--color-info-700:#1d4ed8;--color-status-pending-bg:var(--color-warning-50);--color-status-pending-fg:#92400e;--color-status-pending-border:rgba(180,83,9,.25);--color-status-approved-bg:var(--color-success-50);--color-status-approved-fg:var(--color-success-700);--color-status-approved-border:rgba(4,120,87,.25);--color-status-paid-bg:#f1f5f9;--color-status-paid-fg:#0f172a;--color-status-paid-border:rgba(100,116,139,.35);--color-status-muted-bg:var(--color-header);--color-status-muted-fg:var(--color-text-muted);--color-status-muted-border:var(--color-border-dark);--color-payment-net-bg:#fffbeb;--color-payment-net-fg:#92400e;--color-payment-net-border:rgba(217,119,6,.35);--color-payment-gross-bg:#faf5ff;--color-payment-gross-fg:#581c87;--color-payment-gross-border:rgba(147,51,234,.3);--color-payment-unknown-bg:#f8fafc;--color-payment-unknown-fg:#64748b;--color-payment-unknown-border:#e2e8f0;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:0.875rem;--radius-xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(11,28,49,.05);--shadow-card:0 2px 6px rgba(11,28,49,.08),0 1px 2px rgba(11,28,49,.04);--shadow-soft:0 8px 22px rgba(11,28,49,.08);--shadow-dropdown:0 14px 34px rgba(11,28,49,.14);--shadow-topbar-active:0 1px 2px rgba(15,23,42,.1),0 2px 6px rgba(15,23,42,.14);--shadow-modal:0 24px 56px rgba(11,28,49,.2);--space-page-x:1rem;--space-page-y:1rem;--space-card:1rem;--space-section:1.5rem;--space-table-cell-x:0.75rem;--space-table-cell-y:0.625rem;--space-form-gap:1rem;--space-modal:1.25rem;--layout-sidebar-width:15.5rem;--layout-sidebar-collapsed:4.25rem;--layout-topbar-height:4.5rem;--layout-topbar-brand-width:11rem;--layout-topbar-divider-height:2.75rem;--layout-mobile-bottom-nav-height:calc(3.5rem + env(safe-area-inset-bottom, 0px));--layout-mobile-keyboard-pad:1rem;--focus-ring:0 0 0 3px rgba(37,99,235,.25);--focus-ring-topbar:0 0 0 3px hsla(0,0%,100%,.45);--motion-duration-fast:150ms;--motion-ease-standard:cubic-bezier(0.4,0,0.2,1)}@media (min-width:640px){:root{--space-page-x:1.5rem;--space-page-y:1.25rem;--space-card:1.25rem}}@media (min-width:1280px){:root{--space-page-x:2rem;--space-page-y:1.5rem}}