:root{--color-page:#eef3f8;--color-app-page:#f3f4f6;--color-sidebar-bg:#192f60;--color-sidebar-active:#27477f;--color-sidebar-child-bg:#f5f5f5;--color-sidebar-page-bg:#ffffff;--color-sidebar-border:#365181;--color-sidebar-fg:#ffffff;--color-sidebar-fg-muted:rgba(255,255,255,0.78);--color-sidebar-child-fg:#000000;--color-sidebar-child-hover:#f3f4f6;--color-sidebar-page-active-bg:#e5e7eb;--color-sidebar-page-hover:#f3f4f6;--color-sidebar-guide:#c7cbd1;--color-sidebar-folder-gold:#c58a00;--color-sidebar-folder-bg:#ffffff;--color-sidebar-folder-expanded-bg:#f3f4f6;--color-sidebar-folder-hover:#ebebeb;--color-sidebar-page-icon:#1a1a1a;--color-utilitybar-bg:#ffffff;--color-utilitybar-border:#c5d1df;--color-utilitybar-border-strong:#9fb0c5;--color-utilitybar-fg:#192f60;--color-utilitybar-fg-muted:#52657d;--color-utilitybar-hover:#eef3f8;--color-sheet:#ffffff;--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:#ffffff;--color-topbar-fg-muted:#ffffff;--color-topbar-fg-subtle:rgba(255,255,255,0.86);--color-topbar-hover-bg:rgba(255,255,255,0.18);--color-topbar-hover-border:rgba(255,255,255,0.32);--color-topbar-active-bg:#ffffff;--color-topbar-active-fg:#143766;--color-topbar-active-border:rgba(255,255,255,0.45);--color-topbar-chrome-btn-bg:#ffffff;--color-topbar-chrome-btn-border:rgba(255,255,255,0.35);--color-topbar-chrome-btn-hover:#f8fafc;--color-topbar-chrome-btn-fg:#143766;--color-public-on-dark-fg:#ffffff;--color-public-on-dark-muted:rgba(255,255,255,0.86);--color-public-on-dark-soft:rgba(255,255,255,0.78);--color-public-on-dark-link:#ffffff;--color-payroll-table-header-bg:#3a6b58;--color-payroll-table-header-fg:#f4faf7;--color-payroll-table-header-border:rgba(255,255,255,0.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-navy-dark:#0b1d3a;--color-brand-navy-deep:#102a56;--color-brand-navy:#192f60;--color-brand-blue-700:#1d4ed8;--color-brand-blue-600:#2563eb;--color-brand-blue-500:#3b82f6;--color-brand-muted:#5f6b7a;--color-brand-secondary:#27477f;--color-brand-neutral:#f3f4f6;--color-brand-border:#d8e1eb;--color-brand-accent:var(--color-brand-blue-600);--color-brand-accent-light:var(--color-brand-blue-500);--color-brand:#1f5fd0;--color-brand-hover:#184cad;--color-brand-foreground:#ffffff;--color-brand-tint:#e9f1ff;--color-btn-default-bg:#ffffff;--color-btn-default-border:#c3d0de;--color-btn-default-hover:#f3f7fc;--color-btn-active-bg:#ffffff;--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-tint);--color-primary:#ffffff;--color-primary-hover:#f1f6ff;--color-primary-border:var(--color-brand);--color-primary-surface:#ffffff;--color-input:#ffffff;--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,0.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,0.25);--color-status-paid-bg:#f1f5f9;--color-status-paid-fg:#0f172a;--color-status-paid-border:rgba(100,116,139,0.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,0.35);--color-payment-gross-bg:#faf5ff;--color-payment-gross-fg:#581c87;--color-payment-gross-border:rgba(147,51,234,0.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;--text-hero-title:1.5rem;--text-hero-title-lh:1.9rem;--text-page-title:1.375rem;--text-page-title-lh:1.75rem;--text-section-title:1rem;--text-section-title-lh:1.35rem;--text-dialog-title:1.0625rem;--text-dialog-title-lh:1.45rem;--text-body:0.875rem;--text-body-lh:1.3rem;--text-secondary:0.75rem;--text-secondary-lh:1.1rem;--text-label:0.75rem;--text-label-lh:1.05rem;--text-button:0.8125rem;--text-table-head:0.6875rem;--text-table-cell:0.75rem;--text-nav-row:0.8125rem;--text-money:0.8125rem;--text-money-lg:1.0625rem;--text-form-control:1rem;--control-touch-min:44px;--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,0.05);--shadow-card:0 2px 6px rgba(11,28,49,0.08),0 1px 2px rgba(11,28,49,0.04);--shadow-soft:0 8px 22px rgba(11,28,49,0.08);--shadow-dropdown:0 14px 34px rgba(11,28,49,0.14);--shadow-topbar-active:0 1px 2px rgba(15,23,42,0.1),0 2px 6px rgba(15,23,42,0.14);--shadow-modal:0 24px 56px rgba(11,28,49,0.2);--space-page-x:0.75rem;--space-page-y:0.75rem;--space-card:0.875rem;--space-section:1.125rem;--space-table-cell-x:0.5rem;--space-table-cell-y:0.375rem;--space-form-gap:0.75rem;--space-modal:1rem;--space-toolbar-gap:0.5rem;--space-grid-gap:0.625rem;--layout-sidebar-width:18.25rem;--layout-sidebar-collapsed:4.5rem;--layout-sidebar-responsive-default:var(--layout-sidebar-width);--layout-topbar-height:4.125rem;--layout-topbar-brand-width:18.25rem;--layout-topbar-divider-height:2.75rem;--layout-desktop-content-height:calc(100dvh - var(--layout-topbar-height));--layout-sidebar-row-height:2.625rem;--layout-sidebar-folder-row-height:2.5rem;--layout-sidebar-page-row-height:2.375rem;--layout-sidebar-child-row-height:2.5rem;--layout-sidebar-icon-size:1.0625rem;--layout-sidebar-icon-box:1.25rem;--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,0.25);--focus-ring-topbar:0 0 0 3px rgba(255,255,255,0.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:768px){:root{--text-hero-title:1.75rem;--text-hero-title-lh:2.1rem;--text-page-title:1.625rem;--text-page-title-lh:2rem;--text-section-title:1.025rem;--text-section-title-lh:1.45rem;--text-dialog-title:1.1875rem;--text-dialog-title-lh:1.6rem;--text-body:0.9rem;--text-body-lh:1.45rem;--text-secondary:0.765rem;--text-secondary-lh:1.2rem;--text-label:0.8rem;--text-label-lh:1.1rem;--text-button:0.875rem;--text-table-head:0.75rem;--text-table-cell:0.875rem;--text-money:0.9rem;--text-money-lg:1.18rem;--text-form-control:0.875rem;--space-section:1.5rem;--space-table-cell-x:0.75rem;--space-table-cell-y:0.625rem;--space-form-gap:1rem;--space-modal:1.25rem;--space-toolbar-gap:0.5rem;--space-grid-gap:0.75rem}}@media (min-width:1024px) and (max-width:1439px){:root{--layout-sidebar-responsive-default:var(--layout-sidebar-collapsed)}}@media (min-width:1280px){:root{--space-page-x:1.5rem;--space-page-y:1.25rem}}