@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ink-950: #100F0D;--ink-900: #1A1714;--ink-800: #2B2723;--ink-700: #423D37;--ink-600: #5C564E;--ink-500-solid: #767067;--ink-400: #948E84;--ink-300: #B7B1A7;--ink-200: #D8D3CB;--ink-100: #E9E5DE;--paper-0: #FFFFFF;--paper-50: #FBFAF8;--paper-100: #F5F3EF;--paper-200: #EDEAE4;--line: #E7E3DC;--line-strong: #D6D1C8;--line-ink: #1A1714;--red-50: #FBEAE7;--red-100: #F6D2CC;--red-200: #EDA89D;--red-400: #DC5A48;--red-500: #CE3522;--red-600: #BC2A18;--red-700: #9C2113;--red-800: #7C1A0F;--sage-50: #EAF0EB;--sage-500: #3C6B50;--sage-700: #2C503B;--ochre-50: #F6EDDC;--ochre-500: #A9742A;--ochre-700-solid: #855A1F;--slate-50: #E9EDF0;--slate-500: #4C6275;--text-strong: var(--ink-900);--text-body: var(--ink-700);--text-muted: var(--ink-500-solid);--text-faint: var(--ink-400);--text-on-dark: var(--paper-50);--text-on-red: #FFFFFF;--text-accent: var(--red-600);--surface-app: var(--paper-50);--surface-card: var(--paper-0);--surface-sunken: var(--paper-100);--surface-hover: var(--paper-200);--surface-ink: var(--ink-900);--surface-ink-2: var(--ink-800);--border-subtle: var(--line);--border-default: var(--line-strong);--border-strong: var(--ink-900);--border-focus: var(--red-500);--primary: var(--red-600);--primary-hover: var(--red-700);--primary-press: var(--red-800);--primary-tint: var(--red-50);--status-present-fg: var(--sage-700);--status-present-bg: var(--sage-50);--status-late-fg: var(--ochre-700-solid);--status-late-bg: var(--ochre-50);--status-absent-fg: var(--red-700);--status-absent-bg: var(--red-50);--status-incomplete-fg: var(--ink-700);--status-incomplete-bg: var(--paper-100);--status-leave-fg: var(--slate-500);--status-leave-bg: var(--slate-50);--status-neutral-fg: var(--ink-500-solid);--status-neutral-bg: var(--paper-100);--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--type-display: 700 44px/1.1 var(--font-display);--type-h1: 700 30px/1.1 var(--font-display);--type-h2: 600 22px/1.3 var(--font-display);--type-h3: 600 17px/1.3 var(--font-sans);--type-body: 400 14px/1.5 var(--font-sans);--type-label: 500 12px/1.3 var(--font-sans);--type-mono: 500 13px/1.3 var(--font-mono);--ls-tight: -.02em;--ls-eyebrow: .08em;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--sidebar-w: 248px;--topbar-h: 64px;--content-max: 1280px;--control-h-sm: 32px;--control-h: 40px;--control-h-lg: 48px;--control-px: 14px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(26,23,20,.05);--shadow-sm: 0 1px 3px rgba(26,23,20,.06), 0 1px 2px rgba(26,23,20,.04);--shadow-md: 0 4px 12px rgba(26,23,20,.08), 0 1px 3px rgba(26,23,20,.05);--shadow-lg: 0 12px 32px rgba(26,23,20,.12), 0 4px 8px rgba(26,23,20,.06);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .28s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-strong)}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::-moz-selection{background:var(--red-100);color:var(--ink-900)}::selection{background:var(--red-100);color:var(--ink-900)}.app-bottom-nav{display:none}@media (max-width: 860px){.app-sidebar{display:none!important}.app-bottom-nav{display:flex}.app-topbar{padding:0 16px!important}.app-main{padding-left:16px!important;padding-right:16px!important;padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}}.payslip-print-portal{display:none}@media print{#root{display:none!important}.payslip-print-portal{display:block!important;box-shadow:none!important;border:none!important}.payslip-print-portal *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.no-print{display:none!important}}