@charset "UTF-8";:root,[data-theme=light]{--color-bg: #f8fafc;--color-bg-subtle: #f1f5f9;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-surface-active: #f1f5f9;--color-surface-raised: #ffffff;--color-overlay: rgba(3, 12, 24, .55);--color-text: #0f172a;--color-text-muted: #475569;--color-text-subtle: #64748b;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-subtle: #f1f5f9;--color-border-focus: #2563eb;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-active: #1e40af;--color-primary-subtle: #dbeafe;--color-primary-contrast: #ffffff;--color-selection-bg: #bfdbfe;--color-selection-border: #3b82f6;--color-selection-text: #1e3a8a;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-success-text: #14532d;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-warning-text: #78350f;--color-error: #dc2626;--color-error-bg: #fee2e2;--color-error-text: #7f1d1d;--color-info: #0284c7;--color-info-bg: #e0f2fe;--color-info-text: #0369a1;--color-cal-worked: #16a34a;--color-cal-worked-bg: #dcfce7;--color-cal-holiday: #d97706;--color-cal-holiday-bg: #fef3c7;--color-cal-sick: #dc2626;--color-cal-sick-bg: #fee2e2;--color-cal-leave: #8b5cf6;--color-cal-leave-bg: #ede9fe;--color-cal-non-working: #64748b;--color-cal-non-working-bg: #f1f5f9;--color-cal-uninvoiced: #2563eb;--color-cal-uninvoiced-bg: #dbeafe;--color-cal-invoiced: #475569;--color-cal-invoiced-bg: #f8fafc;--color-cal-paid: #0d9488;--color-cal-paid-bg: #ccfbf1;--color-cal-bank-holiday: #b45309;--color-cal-bank-holiday-bg: #fef3c7;--status-working: #16a34a;--status-working-bg: #dcfce7;--status-working-border: #bbf7d0;--status-away: #d97706;--status-away-bg: #fef3c7;--status-away-border: #fde68a;--status-unavailable: #dc2626;--status-unavailable-bg: #fee2e2;--status-unavailable-border: #fecaca;--status-unknown: #64748b;--status-unknown-bg: #f1f5f9;--status-unknown-border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--sidebar-width: 248px;--sidebar-rail-width: 76px;--topbar-height: 64px;--bottombar-height: 68px;--content-max-width: 96rem;--content-max-width-wide: 120rem;--content-max-width-form: 72rem;--content-max-width-narrow: 48rem;--content-reading-width: 68ch;--layout-gutter: clamp(1rem, 2vw, 3rem);--section-gap: clamp(1.25rem, 1.5vw, 2rem);--card-padding: clamp(1rem, 1.25vw, 1.5rem);--control-height: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}@media(min-width:1921px){:root,[data-theme=light]{--sidebar-width: 272px;--topbar-height: 68px}}@media(min-width:2561px){:root,[data-theme=light]{--sidebar-width: 288px;--sidebar-rail-width: 84px;--topbar-height: 72px}}:root,[data-theme=light]{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-serif: "Newsreader", Charter, "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;--root-font-size: 16px}@media(min-width:1537px){:root,[data-theme=light]{--root-font-size: 17px}}@media(min-width:2561px){:root,[data-theme=light]{--root-font-size: 18px}}@media(min-width:3401px){:root,[data-theme=light]{--root-font-size: 20px}}:root,[data-theme=light]{--body-line-height: 1.5;--heading-font: var(--font-sans);--heading-weight: 700;--heading-transform: none;--heading-letter-spacing: -.01em;--heading-line-height: 1.25;--border-width: 1px;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out}[data-theme=dark]{--color-bg: #090d16;--color-bg-subtle: #0f172a;--color-surface: #131d31;--color-surface-hover: #1c2b46;--color-surface-active: #243556;--color-surface-raised: #1a2742;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-text-subtle: #94a3b8;--color-text-inverse: #0f172a;--color-border: #1e293b;--color-border-subtle: #162032;--color-border-focus: #3b82f6;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-active: #2563eb;--color-primary-subtle: #1e3a8a;--color-primary-contrast: #ffffff;--color-selection-bg: #1e3a8a;--color-selection-border: #60a5fa;--color-selection-text: #dbeafe;--color-success: #22c55e;--color-success-bg: #052e16;--color-success-text: #bbf7d0;--color-warning: #f59e0b;--color-warning-bg: #451a03;--color-warning-text: #fef3c7;--color-error: #ef4444;--color-error-bg: #450a0a;--color-error-text: #fee2e2;--color-info: #38bdf8;--color-info-bg: #082f49;--color-info-text: #e0f2fe;--color-cal-worked: #22c55e;--color-cal-worked-bg: #052e16;--color-cal-holiday: #f59e0b;--color-cal-holiday-bg: #451a03;--color-cal-sick: #ef4444;--color-cal-sick-bg: #450a0a;--color-cal-leave: #a78bfa;--color-cal-leave-bg: #2e1065;--color-cal-weekend: #475569;--color-cal-weekend-bg: #0f172a;--color-cal-invoiced: #38bdf8;--color-cal-invoiced-bg: #082f49;--color-cal-uninvoiced: #fb923c;--color-cal-uninvoiced-bg: #431407;--status-unknown: #94a3b8;--status-unknown-bg: #1e293b;--status-unknown-border: #334155;--status-off: #94a3b8;--status-off-bg: #0f172a;--status-off-border: #1e293b;--status-available: #38bdf8;--status-available-bg: #082f49;--status-available-border: #0369a1;--status-working: #22c55e;--status-working-bg: #052e16;--status-working-border: #15803d;--status-away: #f59e0b;--status-away-bg: #451a03;--status-away-border: #b45309;--status-unavailable: #ef4444;--status-unavailable-bg: #450a0a;--status-unavailable-border: #b91c1c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -4px rgba(0, 0, 0, .5)}[data-skin=precision]{--color-bg: #fcfcfd;--color-bg-subtle: #f6f6f8;--color-surface: #ffffff;--color-surface-hover: #f4f4f6;--color-surface-active: #ececf0;--color-surface-raised: #ffffff;--color-text: #17181c;--color-text-muted: #5c5f66;--color-text-subtle: #797c84;--color-text-inverse: #ffffff;--color-border: #e8e8ec;--color-border-subtle: #f0f0f2;--color-border-focus: #5b5bd6;--color-primary: #5b5bd6;--color-primary-hover: #4f4fce;--color-primary-active: #4343bd;--color-primary-subtle: #eeeefb;--color-primary-contrast: #ffffff;--color-selection-bg: #e5e5fb;--color-selection-border: #5b5bd6;--color-selection-text: #33339a;--color-overlay: rgba(11, 12, 14, .4);--color-success: #3d7d55;--color-success-bg: #eef5f0;--color-success-text: #234a34;--color-warning: #94682a;--color-warning-bg: #f6f1e7;--color-warning-text: #573f18;--color-error: #c1453f;--color-error-bg: #f8ecec;--color-error-text: #7c2b28;--color-info: #3f6ea8;--color-info-bg: #eef2f8;--color-info-text: #294867;--color-cal-worked: #3d7d55;--color-cal-worked-bg: #f0f5f2;--color-cal-holiday: #94682a;--color-cal-holiday-bg: #f6f1e7;--color-cal-sick: #c1453f;--color-cal-sick-bg: #f8ecec;--color-cal-leave: #6f5aa8;--color-cal-leave-bg: #f1eef8;--color-cal-weekend: #797c84;--color-cal-weekend-bg: #f6f6f8;--color-cal-invoiced: #3f6ea8;--color-cal-invoiced-bg: #eef2f8;--color-cal-uninvoiced: #a9663c;--color-cal-uninvoiced-bg: #f6efe9;--status-unknown: #797c84;--status-unknown-bg: #f0f0f2;--status-unknown-border: #d9d9df;--status-off: #797c84;--status-off-bg: #f6f6f8;--status-off-border: #dcdce1;--status-available: #3f6ea8;--status-available-bg: #eef2f8;--status-available-border: #cbd9e8;--status-working: #3d7d55;--status-working-bg: #eef5f0;--status-working-border: #cbe0d3;--status-away: #94682a;--status-away-bg: #f6f1e7;--status-away-border: #e6d7bd;--status-unavailable: #c1453f;--status-unavailable-bg: #f8ecec;--status-unavailable-border: #ecccca;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .06);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-fast: .12s ease-out;--transition-normal: .14s ease-out;--body-line-height: 1.55;--heading-font: "Inter", var(--font-sans);--heading-weight: 590;--heading-letter-spacing: -.011em;--heading-line-height: 1.3}[data-skin=precision][data-theme=dark]{--color-bg: #0b0c0e;--color-bg-subtle: #101114;--color-surface: #141518;--color-surface-hover: #1b1c20;--color-surface-active: #232429;--color-surface-raised: #17181b;--color-text: #f3f3f5;--color-text-muted: #a1a3ab;--color-text-subtle: #7e808a;--color-text-inverse: #0b0c0e;--color-border: #26272c;--color-border-subtle: #1c1d21;--color-border-focus: #8a8af0;--color-primary: #7c7cf0;--color-primary-hover: #8f8ff4;--color-primary-active: #6b6be6;--color-primary-subtle: #23233a;--color-primary-contrast: #ffffff;--color-selection-bg: #2d2d4d;--color-selection-border: #7c7cf0;--color-selection-text: #d9d9fb;--color-overlay: rgba(0, 0, 0, .6);--color-success: #5aa87a;--color-success-bg: #14241c;--color-success-text: #b6e0c6;--color-warning: #c99a4e;--color-warning-bg: #2a2113;--color-warning-text: #ebd7b2;--color-error: #e0645e;--color-error-bg: #2c1615;--color-error-text: #f4cfcd;--color-info: #6ea0d8;--color-info-bg: #14202c;--color-info-text: #cfe0f2;--color-cal-worked: #5aa87a;--color-cal-worked-bg: #14241c;--color-cal-holiday: #c99a4e;--color-cal-holiday-bg: #2a2113;--color-cal-sick: #e0645e;--color-cal-sick-bg: #2c1615;--color-cal-leave: #9d88d6;--color-cal-leave-bg: #201d33;--color-cal-weekend: #7e808a;--color-cal-weekend-bg: #101114;--color-cal-invoiced: #6ea0d8;--color-cal-invoiced-bg: #14202c;--color-cal-uninvoiced: #cc8a5c;--color-cal-uninvoiced-bg: #281b12;--status-unknown: #a1a3ab;--status-unknown-bg: #232429;--status-unknown-border: #34353c;--status-off: #a1a3ab;--status-off-bg: #101114;--status-off-border: #2b2c32;--status-available: #6ea0d8;--status-available-bg: #14202c;--status-available-border: #2f4a63;--status-working: #5aa87a;--status-working-bg: #14241c;--status-working-border: #2f5641;--status-away: #c99a4e;--status-away-bg: #2a2113;--status-away-border: #5c4726;--status-unavailable: #e0645e;--status-unavailable-bg: #2c1615;--status-unavailable-border: #5f302d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 1px 3px rgba(0, 0, 0, .5);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .6), 0 1px 4px rgba(0, 0, 0, .5)}[data-skin=precision] table,[data-skin=precision] input,[data-skin=precision] .tabular,[data-skin=precision] [class*=amount],[data-skin=precision] [class*=total],[data-skin=precision] [class*=hours],[data-skin=precision] [class*=rate]{font-variant-numeric:tabular-nums}[data-skin=editorial]{--color-bg: #faf8f4;--color-bg-subtle: #f4f1ea;--color-surface: #ffffff;--color-surface-hover: #f4f1ea;--color-surface-active: #ede8dd;--color-surface-raised: #ffffff;--color-text: #26221c;--color-text-muted: #6b6459;--color-text-subtle: #8a8377;--color-text-inverse: #faf8f4;--color-border: #e7e1d6;--color-border-subtle: #f0ece3;--color-border-focus: #b1543a;--color-primary: #b1543a;--color-primary-hover: #97452f;--color-primary-active: #7d3826;--color-primary-subtle: #f3e6e0;--color-primary-contrast: #ffffff;--color-selection-bg: #ead9d1;--color-selection-border: #b1543a;--color-selection-text: #7d3826;--color-success: #5c6f5a;--color-success-bg: #e6ebe4;--color-success-text: #384536;--color-warning: #a9762f;--color-warning-bg: #f6ebd9;--color-warning-text: #5c4114;--color-error: #a63a2e;--color-error-bg: #f4e0dd;--color-error-text: #5e2019;--color-info: #4f6373;--color-info-bg: #e4ebef;--color-info-text: #2e3d47;--color-cal-worked: #5c6f5a;--color-cal-worked-bg: #e9eee6;--color-cal-holiday: #a9762f;--color-cal-holiday-bg: #f6ecdb;--color-cal-sick: #a63a2e;--color-cal-sick-bg: #f4e1de;--color-cal-leave: #7a5a76;--color-cal-leave-bg: #efe7ee;--color-cal-weekend: #8a8377;--color-cal-weekend-bg: #f4f1ea;--color-cal-invoiced: #4f6373;--color-cal-invoiced-bg: #e5ecef;--color-cal-uninvoiced: #b1543a;--color-cal-uninvoiced-bg: #f3e6e0;--status-unknown: #8a8377;--status-unknown-bg: #f4f1ea;--status-unknown-border: #ddd5c7;--status-off: #8a8377;--status-off-bg: #f7f4ee;--status-off-border: #ddd5c7;--status-available: #4f6373;--status-available-bg: #e5ecef;--status-available-border: #c5d3da;--status-working: #5c6f5a;--status-working-bg: #e9eee6;--status-working-border: #c7d3c3;--status-away: #a9762f;--status-away-bg: #f6ecdb;--status-away-border: #e6cfa6;--status-unavailable: #a63a2e;--status-unavailable-bg: #f4e1de;--status-unavailable-border: #e6c3bc;--shadow-sm: 0 1px 2px 0 rgba(38, 34, 28, .04);--shadow-md: 0 1px 3px 0 rgba(38, 34, 28, .06), 0 4px 12px -4px rgba(38, 34, 28, .05);--shadow-lg: 0 8px 30px -8px rgba(38, 34, 28, .12), 0 2px 8px -4px rgba(38, 34, 28, .06);--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-full: 9999px;--font-serif: "Newsreader", Charter, "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-fast: .16s ease;--transition-normal: .24s ease;--body-line-height: 1.6;--heading-font: var(--font-serif);--heading-weight: 500;--heading-transform: none;--heading-letter-spacing: -.01em}[data-skin=editorial][data-theme=dark]{--color-bg: #1b1916;--color-bg-subtle: #221f1a;--color-surface: #242019;--color-surface-hover: #2c2820;--color-surface-active: #332e24;--color-surface-raised: #2a251d;--color-text: #ece5d8;--color-text-muted: #a9a091;--color-text-subtle: #8b8374;--color-text-inverse: #1b1916;--color-border: #38332a;--color-border-subtle: #2b2720;--color-border-focus: #d0714f;--color-primary: #d0714f;--color-primary-hover: #de8567;--color-primary-active: #b95c3c;--color-primary-subtle: #3a2a22;--color-primary-contrast: #1b1916;--color-selection-bg: #3a2a22;--color-selection-border: #d0714f;--color-selection-text: #f0d9cd;--color-success: #8fa588;--color-success-bg: #2a3128;--color-success-text: #cfdcc9;--color-warning: #ca9a5f;--color-warning-bg: #352b1b;--color-warning-text: #ecd9bb;--color-error: #d9705f;--color-error-bg: #3a241f;--color-error-text: #f2cfc7;--color-info: #85a0b0;--color-info-bg: #26313a;--color-info-text: #cfe0e8;--color-cal-worked: #8fa588;--color-cal-worked-bg: #2a3128;--color-cal-holiday: #ca9a5f;--color-cal-holiday-bg: #352b1b;--color-cal-sick: #d9705f;--color-cal-sick-bg: #3a241f;--color-cal-leave: #b493ae;--color-cal-leave-bg: #322a31;--color-cal-weekend: #8b8374;--color-cal-weekend-bg: #221f1a;--color-cal-invoiced: #85a0b0;--color-cal-invoiced-bg: #26313a;--color-cal-uninvoiced: #d0714f;--color-cal-uninvoiced-bg: #3a2a22;--status-unknown: #a9a091;--status-unknown-bg: #2b2720;--status-unknown-border: #413b30;--status-off: #a9a091;--status-off-bg: #221f1a;--status-off-border: #38332a;--status-available: #85a0b0;--status-available-bg: #26313a;--status-available-border: #3c4d57;--status-working: #8fa588;--status-working-bg: #2a3128;--status-working-border: #45513f;--status-away: #ca9a5f;--status-away-bg: #352b1b;--status-away-border: #5c4a2c;--status-unavailable: #d9705f;--status-unavailable-bg: #3a241f;--status-unavailable-border: #6b3a30;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 4px 12px -4px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 30px -8px rgba(0, 0, 0, .6), 0 2px 8px -4px rgba(0, 0, 0, .5)}[data-skin=editorial] .topbar{background-color:var(--color-bg);box-shadow:none}[data-skin=editorial] .brand-title{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em}[data-skin=editorial] .app-sidebar{background-color:var(--color-bg);padding:1.75rem 1rem}[data-skin=editorial] .nav-link,[data-skin=editorial] .drawer-list .nav-link{border-left:2px solid transparent;letter-spacing:.01em}[data-skin=editorial] .nav-link.active{background-color:transparent;border-left-color:var(--color-primary)}[data-skin=editorial] .main-content{padding:2.5rem 2.75rem}@media(max-width:768px){[data-skin=editorial] .main-content{padding:1rem}}@media(max-width:480px){[data-skin=editorial] .main-content{padding:.75rem}}[data-skin=brutalist]{--color-bg: #fefdf8;--color-bg-subtle: #f4f3ec;--color-surface: #ffffff;--color-surface-hover: #f5f4ed;--color-surface-active: #ebeae0;--color-surface-raised: #ffffff;--color-text: #111111;--color-text-muted: #333333;--color-text-subtle: #555555;--color-text-inverse: #ffffff;--color-border: #111111;--color-border-subtle: #111111;--color-border-focus: #2323ff;--color-primary: #2323ff;--color-primary-hover: #0000d6;--color-primary-active: #0000a3;--color-primary-subtle: #dadaff;--color-primary-contrast: #ffffff;--color-selection-bg: #dadaff;--color-selection-border: #2323ff;--color-selection-text: #111111;--color-success: #00873a;--color-success-bg: #c8f5d0;--color-success-text: #004d20;--color-warning: #b45309;--color-warning-bg: #fef08a;--color-warning-text: #713f12;--color-error: #dc2626;--color-error-bg: #fecaca;--color-error-text: #7f1d1d;--color-info: #2323ff;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-cal-worked: #00873a;--color-cal-worked-bg: #c8f5d0;--color-cal-holiday: #d97706;--color-cal-holiday-bg: #fef08a;--color-cal-sick: #dc2626;--color-cal-sick-bg: #fecaca;--color-cal-leave: #7c3aed;--color-cal-leave-bg: #ddd6fe;--color-cal-weekend: #333333;--color-cal-weekend-bg: #eceae1;--color-cal-invoiced: #2323ff;--color-cal-invoiced-bg: #dadaff;--color-cal-uninvoiced: #ea580c;--color-cal-uninvoiced-bg: #fed7aa;--status-unknown: #555555;--status-unknown-bg: #eceae1;--status-unknown-border: #111111;--status-off: #555555;--status-off-bg: #eceae1;--status-off-border: #111111;--status-available: #2323ff;--status-available-bg: #dbeafe;--status-available-border: #111111;--status-working: #00873a;--status-working-bg: #c8f5d0;--status-working-border: #111111;--status-away: #b45309;--status-away-bg: #fef08a;--status-away-border: #111111;--status-unavailable: #dc2626;--status-unavailable-bg: #fecaca;--status-unavailable-border: #111111;--shadow-sm: 2px 2px 0px #111111;--shadow-md: 4px 4px 0px #111111;--shadow-lg: 6px 6px 0px #111111;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-full: 0px;--font-sans: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-fast: .1s cubic-bezier(0, 0, .2, 1);--transition-normal: .15s cubic-bezier(0, 0, .2, 1);--heading-font: "Space Grotesk", var(--font-sans);--heading-weight: 800;--heading-transform: uppercase;--heading-letter-spacing: -.02em;--border-width: 2px}[data-skin=brutalist][data-theme=dark]{--color-bg: #0d0d0d;--color-bg-subtle: #171717;--color-surface: #171717;--color-surface-hover: #222222;--color-surface-active: #2a2a2a;--color-surface-raised: #222222;--color-text: #f5f5f5;--color-text-muted: #a3a3a3;--color-text-subtle: #737373;--color-text-inverse: #111111;--color-border: #f5f5f5;--color-border-subtle: #f5f5f5;--color-border-focus: #5b5bff;--color-primary: #5b5bff;--color-primary-hover: #7373ff;--color-primary-active: #4343d9;--color-primary-subtle: #1f1f4d;--color-primary-contrast: #ffffff;--color-selection-bg: #28286a;--color-selection-border: #5b5bff;--color-selection-text: #f5f5f5;--color-success: #22c55e;--color-success-bg: #052e16;--color-success-text: #bbf7d0;--color-warning: #f59e0b;--color-warning-bg: #451a03;--color-warning-text: #fef3c7;--color-error: #ef4444;--color-error-bg: #450a0a;--color-error-text: #fee2e2;--color-info: #38bdf8;--color-info-bg: #082f49;--color-info-text: #e0f2fe;--color-cal-worked: #22c55e;--color-cal-worked-bg: #052e16;--color-cal-holiday: #f59e0b;--color-cal-holiday-bg: #451a03;--color-cal-sick: #ef4444;--color-cal-sick-bg: #450a0a;--color-cal-leave: #a78bfa;--color-cal-leave-bg: #2e1065;--color-cal-weekend: #a3a3a3;--color-cal-weekend-bg: #171717;--color-cal-invoiced: #38bdf8;--color-cal-invoiced-bg: #082f49;--color-cal-uninvoiced: #fb923c;--color-cal-uninvoiced-bg: #431407;--status-unknown: #a3a3a3;--status-unknown-bg: #1f1f1f;--status-unknown-border: #f5f5f5;--status-off: #a3a3a3;--status-off-bg: #171717;--status-off-border: #f5f5f5;--status-available: #38bdf8;--status-available-bg: #082f49;--status-available-border: #f5f5f5;--status-working: #22c55e;--status-working-bg: #052e16;--status-working-border: #f5f5f5;--status-away: #f59e0b;--status-away-bg: #451a03;--status-away-border: #f5f5f5;--status-unavailable: #ef4444;--status-unavailable-bg: #450a0a;--status-unavailable-border: #f5f5f5;--shadow-sm: 2px 2px 0px #f5f5f5;--shadow-md: 4px 4px 0px #f5f5f5;--shadow-lg: 6px 6px 0px #f5f5f5}body .content-container{container-type:inline-size}body .content-container :is(.dashboard-page,.contracts-page,.contract-detail-page,.contract-form-page,.timesheets-page,.invoices-page,.create-invoice-page,.invoice-detail-page,.groups-page,.group-create-page,.group-detail-page,.integrations-page,.invitations-page,.invitation-create-page,.settings-page){width:min(100%,var(--content-max-width));margin-inline:auto}body .content-container :is(.calendar-page,.reports-page,.team-planner-page){width:min(100%,var(--content-max-width-wide));margin-inline:auto}body .content-container :is(.contract-form-page,.create-invoice-page,.group-create-page,.invitation-create-page,.settings-page){max-width:var(--content-max-width-form)}body .content-container :is(.dashboard-page,.calendar-page,.contracts-page,.contract-detail-page,.contract-form-page,.timesheets-page,.invoices-page,.create-invoice-page,.invoice-detail-page,.reports-page,.groups-page,.group-create-page,.group-detail-page,.team-planner-page,.integrations-page,.invitations-page,.invitation-create-page,.settings-page){gap:var(--section-gap)}body .content-container :is(.page-header,.page-top-bar,.dashboard-header,.list-header,.detail-header,.form-header){display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1.5rem;margin:0}body .content-container :is(.page-title,.page-heading){margin:0;color:var(--color-text);font-size:clamp(1.75rem,1.35rem + .9vw,2.5rem);line-height:1.08;letter-spacing:-.035em}body .content-container .page-subtitle{max-width:var(--content-reading-width);margin:.45rem 0 0;color:var(--color-text-muted);font-size:.95rem;line-height:1.55}body :is(.metric-card,.dashboard-section-card,.summary-card,.settings-card,.contract-card,.invoice-card,.group-card,.integration-card,.mappings-card,.sync-card,.totals-summary-card,.period-picker-container,.active-day-panel,.calendar-legend,.legend-card){border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}body :is(.metric-card,.dashboard-section-card,.summary-card,.settings-card,.totals-summary-card){padding:var(--card-padding)}body :is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-submit,.btn-save,.btn-cancel,.btn-apply,.btn-csv,.btn-retry,.submit-button){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--control-height);padding:.65rem 1rem;border-radius:var(--radius-md);font:inherit;font-size:.9rem;font-weight:650;line-height:1.2;text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}body :is(.btn-primary,.btn-submit,.btn-save,.btn-apply,.submit-button){border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-sm)}body :is(.btn-primary,.btn-submit,.btn-save,.btn-apply,.submit-button):hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover);color:var(--color-primary-contrast);text-decoration:none;transform:translateY(-1px)}body :is(.btn-secondary,.btn-outline,.btn-cancel,.btn-csv,.btn-retry){border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}body :is(.btn-secondary,.btn-outline,.btn-cancel,.btn-csv,.btn-retry):hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface-hover);color:var(--color-primary);text-decoration:none}body :is(.form-input,.form-control,.form-select,.form-textarea,input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:1rem}body :is(.form-input,.form-control,.form-select,.form-textarea,input,select,textarea):focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px var(--color-primary-subtle)}body :is(.form-label,label){color:var(--color-text)}body :is(.table-responsive,.table-container,.table-wrapper){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}body table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}body table :is(th,td){padding:.75rem .9rem}body table th{background:var(--color-bg-subtle);color:var(--color-text-muted);font-size:.78rem;letter-spacing:.035em;text-transform:uppercase}body :is(.loading-state,.empty-state,.empty-state-box){min-height:9rem;border-radius:var(--radius-lg)}body :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}body :is(button,input,select,textarea):disabled{opacity:.58;cursor:not-allowed}@media(max-width:768px){body .content-container :is(.page-header,.page-top-bar,.dashboard-header,.list-header,.detail-header,.form-header){align-items:flex-start}body .content-container :is(.page-title,.page-heading){font-size:clamp(1.65rem,7vw,2rem)}body .content-container .page-subtitle{font-size:.95rem}body :is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-submit,.btn-save,.btn-cancel){min-height:46px}}@media(max-width:480px){body :is(.form-actions,.form-actions-bar,.header-actions,.page-actions){width:100%}body :is(.form-actions,.form-actions-bar)>:is(button,a){flex:1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img,video,canvas,iframe{max-width:100%;height:auto}svg,table{max-width:100%}pre,code{max-width:100%;overflow-x:auto}.app-body :where(main,section,article,header,.content-container){min-width:0}html{font-family:var(--font-sans);font-size:var(--root-font-size);color:var(--color-text);background-color:var(--color-bg);line-height:var(--body-line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;transition:background-color var(--transition-normal),color var(--transition-normal)}.mobile-bottom-nav{display:none;flex-shrink:0;height:calc(var(--bottombar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background-color:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-md);z-index:40}.bottom-nav-list{display:flex;height:100%;list-style:none}.bottom-nav-item{flex:1;min-width:0;height:100%}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-width:44px;padding:.25rem;gap:.125rem;color:var(--color-text-muted);text-decoration:none;font-size:.6875rem;font-weight:500;transition:color var(--transition-fast)}.bottom-nav-link .bottom-nav-icon{display:flex;align-items:center;justify-content:center}.bottom-nav-link .bottom-nav-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav-link:hover{color:var(--color-text);text-decoration:none}.bottom-nav-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.bottom-nav-link.active{color:var(--color-primary);font-weight:600}@media(max-width:768px){.mobile-bottom-nav{display:block}}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:var(--heading-weight);letter-spacing:var(--heading-letter-spacing);line-height:var(--heading-line-height);text-transform:var(--heading-transform)}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-color:var(--color-bg);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.skip-link{position:absolute;top:-100px;left:1rem;z-index:10000;padding:.75rem 1.25rem;background-color:var(--color-surface-raised);color:var(--color-primary);font-weight:600;border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:top var(--transition-fast)}.skip-link:focus{top:1rem;outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.offline-banner{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:.5rem;padding:.4375rem 1rem;background-color:var(--color-warning-bg);color:var(--color-warning-text);border-bottom:1px solid var(--color-warning);font-size:.8125rem;font-weight:500;text-align:center;z-index:45}.offline-banner .icon{color:var(--color-warning);flex-shrink:0}.update-toast{position:fixed;bottom:calc(var(--bottombar-height) + var(--safe-bottom) + 1rem);right:1.5rem;display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background-color:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100}.update-toast-content,.update-toast-actions{display:flex;align-items:center}.update-toast-content{gap:.5rem;font-size:.8125rem;font-weight:600}.update-toast-content .icon{color:var(--color-primary);flex-shrink:0}.update-toast-actions{gap:.375rem}.btn-toast-reload{padding:.25rem .625rem;background-color:var(--color-primary);color:var(--color-primary-contrast);border:1px solid transparent;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.btn-toast-reload:hover{background-color:var(--color-primary-hover)}.btn-toast-dismiss{background:none;border:none;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.btn-toast-dismiss:hover{color:var(--color-text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sync-card .btn-link-existing{background-color:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info-text)}.sync-card .btn-link-existing:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border-focus)}.sync-card .chip-link,.sync-card .badge-link{color:var(--color-info-text);background-color:var(--color-info-bg);border:1px solid var(--color-info)}.sync-card .chip-review,.sync-card .badge-review{color:var(--color-warning-text);background-color:var(--color-warning-bg);border:1px solid var(--color-warning)}.sync-card .review-controls{display:grid;gap:.5rem;min-width:min(28rem,50vw)}.sync-card .review-field{display:grid;grid-template-columns:minmax(7rem,auto) minmax(12rem,1fr);align-items:center;gap:.625rem;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.sync-card .review-select{min-width:0;width:100%;padding:.4rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);font-size:.8125rem}.sync-card .review-select:focus{border-color:var(--color-border-focus);outline:none}.sync-card .review-select:disabled{opacity:.6}.sync-card .candidate-summary,.sync-card .exact-match-message{color:var(--color-text-muted);font-size:.8125rem}.sync-card .candidate-lock{color:var(--color-warning-text)}@media(max-width:720px){.sync-card{padding:1rem}.sync-card .sync-actions-bar{align-items:stretch;flex-direction:column}.sync-card .btn-action{width:100%}.sync-card .review-controls{min-width:16rem}.sync-card .review-field{grid-template-columns:1fr;gap:.25rem}}