@layer reset,tokens,base,components,layouts,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;color-scheme:light dark}body{min-height:100dvh;padding:var(--safe-area-top, 0) var(--safe-area-right, 0) var(--safe-area-bottom, 0) var(--safe-area-left, 0)}img,svg{display:block;max-width:100%}button{cursor:pointer;font:inherit;border:none;background:none}input,select,textarea{font:inherit}table{border-collapse:collapse;width:100%}a{color:inherit;text-decoration:none}fieldset{border:none}dialog{border:none;padding:0}}@layer tokens{:where(:root,[data-theme-brand]){--gray-0: #fff;--gray-50: #f8fafb;--gray-100: #f1f4f6;--gray-200: #e2e7eb;--gray-300: #cdd4da;--gray-400: #9ca6b1;--gray-500: #6b7785;--gray-600: #4a5567;--gray-700: #364152;--gray-800: #1e293b;--gray-900: #0f172a;--teal-50: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--green-50: #f0fdf4;--green-100: #dcfce7;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--red-50: #fef2f2;--red-100: #fee2e2;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--L-50: 97%;--L-100: 93%;--L-200: 87%;--L-300: 78%;--L-400: 67%;--L-500: 56%;--L-600: 47%;--L-700: 38%;--L-800: 28%;--L-900: 18%;--L-950: 11%;--C-mult-50: .2;--C-mult-100: .4;--C-mult-200: .65;--C-mult-300: .85;--C-mult-400: 1;--C-mult-500: 1;--C-mult-600: 1;--C-mult-700: .9;--C-mult-800: .65;--C-mult-900: .4;--C-mult-950: .25;--hue-brand: 35;--chroma-brand: .18;--brand-50: oklch(var(--L-50) calc(var(--chroma-brand) * var(--C-mult-50)) var(--hue-brand));--brand-100: oklch(var(--L-100) calc(var(--chroma-brand) * var(--C-mult-100)) var(--hue-brand));--brand-200: oklch(var(--L-200) calc(var(--chroma-brand) * var(--C-mult-200)) var(--hue-brand));--brand-300: oklch(var(--L-300) calc(var(--chroma-brand) * var(--C-mult-300)) var(--hue-brand));--brand-400: oklch(var(--L-400) calc(var(--chroma-brand) * var(--C-mult-400)) var(--hue-brand));--brand-500: oklch(var(--L-500) var(--chroma-brand) var(--hue-brand));--brand-600: oklch(var(--L-600) var(--chroma-brand) var(--hue-brand));--brand-700: oklch(var(--L-700) calc(var(--chroma-brand) * var(--C-mult-700)) var(--hue-brand));--brand-800: oklch(var(--L-800) calc(var(--chroma-brand) * var(--C-mult-800)) var(--hue-brand));--brand-900: oklch(var(--L-900) calc(var(--chroma-brand) * var(--C-mult-900)) var(--hue-brand));--brand-950: oklch(var(--L-950) calc(var(--chroma-brand) * var(--C-mult-950)) var(--hue-brand));--graywarm-hue: 35;--graywarm-chroma: .012;--graywarm-0: oklch(100% 0 0deg);--graywarm-50: oklch(var(--L-50) var(--graywarm-chroma) var(--graywarm-hue));--graywarm-100: oklch(var(--L-100) var(--graywarm-chroma) var(--graywarm-hue));--graywarm-200: oklch(var(--L-200) var(--graywarm-chroma) var(--graywarm-hue));--graywarm-300: oklch(var(--L-300) var(--graywarm-chroma) var(--graywarm-hue));--graywarm-400: oklch(var(--L-400) var(--graywarm-chroma) var(--graywarm-hue));--graywarm-500: oklch(var(--L-500) var(--graywarm-chroma) var(--graywarm-hue));--graywarm-600: oklch(var(--L-600) var(--graywarm-chroma) var(--graywarm-hue));--graywarm-700: oklch(var(--L-700) var(--graywarm-chroma) var(--graywarm-hue));--graywarm-800: oklch(var(--L-800) var(--graywarm-chroma) var(--graywarm-hue));--graywarm-900: oklch(var(--L-900) var(--graywarm-chroma) var(--graywarm-hue));--graywarm-950: oklch(var(--L-950) var(--graywarm-chroma) var(--graywarm-hue));--hue-success: 145;--hue-warning: 75;--hue-error: 25;--hue-info: 230;--chroma-status: .16;--success-50: oklch(var(--L-50) calc(var(--chroma-status) * var(--C-mult-50)) var(--hue-success));--success-100: oklch(var(--L-100) calc(var(--chroma-status) * var(--C-mult-100)) var(--hue-success));--success-200: oklch(var(--L-200) calc(var(--chroma-status) * var(--C-mult-200)) var(--hue-success));--success-300: oklch(var(--L-300) calc(var(--chroma-status) * var(--C-mult-300)) var(--hue-success));--success-500: oklch(var(--L-500) var(--chroma-status) var(--hue-success));--success-600: oklch(var(--L-600) var(--chroma-status) var(--hue-success));--success-700: oklch(var(--L-700) calc(var(--chroma-status) * var(--C-mult-700)) var(--hue-success));--warning-50: oklch(var(--L-50) calc(var(--chroma-status) * var(--C-mult-50)) var(--hue-warning));--warning-100: oklch(var(--L-100) calc(var(--chroma-status) * var(--C-mult-100)) var(--hue-warning));--warning-200: oklch(var(--L-200) calc(var(--chroma-status) * var(--C-mult-200)) var(--hue-warning));--warning-300: oklch(var(--L-300) calc(var(--chroma-status) * var(--C-mult-300)) var(--hue-warning));--warning-500: oklch(var(--L-500) var(--chroma-status) var(--hue-warning));--warning-600: oklch(var(--L-600) var(--chroma-status) var(--hue-warning));--warning-700: oklch(var(--L-700) calc(var(--chroma-status) * var(--C-mult-700)) var(--hue-warning));--error-50: oklch(var(--L-50) calc(var(--chroma-status) * var(--C-mult-50)) var(--hue-error));--error-100: oklch(var(--L-100) calc(var(--chroma-status) * var(--C-mult-100)) var(--hue-error));--error-200: oklch(var(--L-200) calc(var(--chroma-status) * var(--C-mult-200)) var(--hue-error));--error-300: oklch(var(--L-300) calc(var(--chroma-status) * var(--C-mult-300)) var(--hue-error));--error-500: oklch(var(--L-500) var(--chroma-status) var(--hue-error));--error-600: oklch(var(--L-600) var(--chroma-status) var(--hue-error));--error-700: oklch(var(--L-700) calc(var(--chroma-status) * var(--C-mult-700)) var(--hue-error));--info-50: oklch(var(--L-50) calc(var(--chroma-status) * var(--C-mult-50)) var(--hue-info));--info-100: oklch(var(--L-100) calc(var(--chroma-status) * var(--C-mult-100)) var(--hue-info));--info-200: oklch(var(--L-200) calc(var(--chroma-status) * var(--C-mult-200)) var(--hue-info));--info-300: oklch(var(--L-300) calc(var(--chroma-status) * var(--C-mult-300)) var(--hue-info));--info-500: oklch(var(--L-500) var(--chroma-status) var(--hue-info));--info-600: oklch(var(--L-600) var(--chroma-status) var(--hue-info));--info-700: oklch(var(--L-700) calc(var(--chroma-status) * var(--C-mult-700)) var(--hue-info));--ident-1-bg: #cdebe5;--ident-1-fg: #1d4d44;--ident-2-bg: #cee9f0;--ident-2-fg: #1c4853;--ident-3-bg: #d6e4f5;--ident-3-fg: #1f3d6b;--ident-4-bg: #dbdcf3;--ident-4-fg: #2c2f74;--ident-5-bg: #e2d6ee;--ident-5-fg: #432e6b;--ident-6-bg: #ead2ec;--ident-6-fg: #5b2860;--ident-7-bg: #f1d0e1;--ident-7-fg: #6b1f4d;--ident-8-bg: #f7d2d2;--ident-8-fg: #7a1f1f;--ident-9-bg: #f7d8c1;--ident-9-fg: #7a3a14;--ident-10-bg: #f5e2b8;--ident-10-fg: #6b4d12;--ident-11-bg: #e2eac0;--ident-11-fg: #41551c;--ident-12-bg: #cee6cb;--ident-12-fg: #1d4d24;--ident-13-bg: #c7e0d3;--ident-13-fg: #1a4d3a;--rol-regulier-bg: #2a9d8f;--rol-regulier-fg: light-dark(#0f5c54, #7fd9cd);--rol-achterwacht-bg: #f4a261;--rol-achterwacht-fg: light-dark(#7a4a18, #f9c89a);--rol-fout-bg: #c44536;--rol-fout-fg: light-dark(#5e1e15, #f0a8a0);--text-primary: light-dark(var(--graywarm-900), var(--graywarm-50));--text-secondary: light-dark(var(--graywarm-600), var(--graywarm-200));--text-muted: light-dark(var(--graywarm-500), var(--graywarm-400));--text-inverse: light-dark(var(--graywarm-0), var(--graywarm-900));--text-link: light-dark(var(--brand-700), var(--brand-200));--text-link-hover: light-dark(var(--brand-800), var(--brand-100));--surface-page: light-dark(var(--graywarm-50), var(--graywarm-950));--surface-card: light-dark(var(--graywarm-0), var(--graywarm-900));--surface-raised: light-dark(var(--graywarm-0), var(--graywarm-800));--surface-sunken: light-dark(var(--graywarm-100), oklch(7% var(--graywarm-chroma) var(--graywarm-hue)));--border-hair: .5px;--border-thin: 1px;--border-medium: 1.5px;--border-thick: 2px;--border-default: light-dark(var(--graywarm-200), oklch(33% var(--graywarm-chroma) var(--graywarm-hue)));--border-subtle: light-dark(var(--graywarm-100), oklch(25% var(--graywarm-chroma) var(--graywarm-hue)));--border-strong: light-dark(var(--graywarm-300), oklch(45% var(--graywarm-chroma) var(--graywarm-hue)));--interactive: light-dark(var(--brand-700), var(--brand-300));--interactive-hover: light-dark(var(--brand-800), var(--brand-200));--interactive-subtle: light-dark(var(--brand-50), color-mix(in oklch, var(--brand-500) 18%, transparent));--interactive-muted: light-dark(var(--brand-100), color-mix(in oklch, var(--brand-500) 30%, transparent));--status-success: light-dark(var(--success-700), var(--success-300));--status-success-bg: light-dark(var(--success-100), color-mix(in oklch, var(--success-500) 20%, transparent));--status-success-border: light-dark( var(--success-300), color-mix(in oklch, var(--success-500) 35%, transparent) );--status-warning: light-dark(var(--warning-700), var(--warning-300));--status-warning-bg: light-dark(var(--warning-100), color-mix(in oklch, var(--warning-500) 20%, transparent));--status-warning-border: light-dark( var(--warning-300), color-mix(in oklch, var(--warning-500) 35%, transparent) );--status-error: light-dark(var(--error-700), var(--error-300));--status-error-bg: light-dark(var(--error-100), color-mix(in oklch, var(--error-500) 20%, transparent));--status-error-border: light-dark( var(--error-300), color-mix(in oklch, var(--error-500) 35%, transparent) );--status-info: light-dark(var(--info-700), var(--info-300));--status-info-bg: light-dark(var(--info-100), color-mix(in oklch, var(--info-500) 20%, transparent));--status-info-border: light-dark( var(--info-300), color-mix(in oklch, var(--info-500) 35%, transparent) );--severity-critical: var(--status-error);--severity-critical-bg: var(--status-error-bg);--severity-critical-border: var(--status-error-border);--severity-significant: var(--status-warning);--severity-significant-bg: var(--status-warning-bg);--severity-significant-border: var(--status-warning-border);--severity-mild: var(--status-info);--severity-mild-bg: var(--status-info-bg);--severity-mild-border: var(--status-info-border);--severity-normal: var(--status-success);--severity-normal-bg: var(--status-success-bg);--severity-normal-border: var(--status-success-border);--severity-info: light-dark(var(--graywarm-600), var(--graywarm-400));--severity-info-bg: light-dark(var(--graywarm-100), color-mix(in oklch, var(--graywarm-500) 15%, transparent));--severity-info-border: light-dark(var(--graywarm-300), color-mix(in oklch, var(--graywarm-500) 30%, transparent));--priority-urgent: var(--status-error);--priority-urgent-bg: var(--status-error-bg);--priority-high: var(--status-warning);--priority-high-bg: var(--status-warning-bg);--priority-normal: var(--status-info);--priority-normal-bg: var(--status-info-bg);--priority-low: light-dark(var(--graywarm-500), var(--graywarm-400));--priority-low-bg: light-dark(var(--graywarm-100), color-mix(in oklch, var(--graywarm-500) 12%, transparent));--surface-hover: light-dark(var(--graywarm-50), color-mix(in oklch, var(--graywarm-700) 80%, transparent));--border-hover: light-dark(var(--graywarm-300), oklch(40% var(--graywarm-chroma) var(--graywarm-hue)));--surface-glass: light-dark( color-mix(in srgb, var(--graywarm-50) 85%, transparent), color-mix(in srgb, var(--graywarm-950) 75%, transparent) );--surface-glass-alt: light-dark( color-mix(in srgb, var(--graywarm-100) 80%, transparent), color-mix(in srgb, var(--graywarm-900) 70%, transparent) );--brand-channel-whatsapp: #25d366;--brand-channel-outlook: #0078d4;--brand-channel-gmail: #d93025;--brand-channel-proton: #6d4aff;--locatie-WL-bg: var(--ident-1-bg);--locatie-WL-fg: var(--ident-1-fg);--locatie-WH-bg: var(--ident-2-bg);--locatie-WH-fg: var(--ident-2-fg);--locatie-KB-bg: var(--ident-3-bg);--locatie-KB-fg: var(--ident-3-fg);--locatie-PW-bg: var(--ident-4-bg);--locatie-PW-fg: var(--ident-4-fg);--locatie-HL-bg: var(--ident-5-bg);--locatie-HL-fg: var(--ident-5-fg);--locatie-VN-bg: var(--ident-6-bg);--locatie-VN-fg: var(--ident-6-fg);--locatie-AV-bg: var(--ident-7-bg);--locatie-AV-fg: var(--ident-7-fg);--locatie-KW-bg: var(--ident-8-bg);--locatie-KW-fg: var(--ident-8-fg);--locatie-HHW-bg: var(--ident-9-bg);--locatie-HHW-fg: var(--ident-9-fg);--locatie-ALK-bg: var(--ident-10-bg);--locatie-ALK-fg: var(--ident-10-fg);--locatie-GB-bg: var(--ident-11-bg);--locatie-GB-fg: var(--ident-11-fg);--locatie-RHW-bg: var(--ident-12-bg);--locatie-RHW-fg: var(--ident-12-fg);--locatie-AO-bg: var(--surface-sunken);--locatie-AO-fg: var(--text-secondary);--locatie-default-bg: var(--surface-sunken);--locatie-default-fg: var(--text-secondary);--dialog-backdrop: rgb(15, 23, 42, .5);--focus-ring: var(--brand-500);--focus-ring-width: var(--border-thick);--focus-ring-offset: 2px;--focus-ring-shadow: 0 0 0 3px color-mix(in srgb, var(--focus-ring) 20%, transparent);--card-bg: var(--surface-card);--card-border: var(--border-default);--card-radius: var(--radius-lg);--card-shadow: var(--shadow-sm);--card-padding: var(--space-5);--btn-radius: var(--radius-md);--btn-padding: var(--space-2-5) var(--space-4);--btn-font-size: var(--text-sm);--btn-font-weight: var(--weight-medium);--btn-transition: var(--duration-normal) var(--ease-default);--input-border: var(--border-strong);--input-radius: var(--radius-md);--input-padding: var(--space-2-5) var(--space-3);--input-font-size: var(--text-sm);--avatar-size-sm: 24px;--avatar-size-md: 32px;--avatar-size-lg: 48px;--icon-size-xs: 12px;--icon-size-sm: 14px;--icon-size-md: 16px;--icon-size-lg: 20px;--icon-size-xl: 24px;--dot-size: 8px;--badge-size: 18px;--toggle-track-width: 32px;--toggle-track-height: 18px;--toggle-thumb-size: 14px;--checkbox-size: 16px;--radio-size: 16px;--table-header-bg: var(--surface-sunken);--table-row-hover: light-dark(var(--graywarm-50), color-mix(in oklch, var(--brand-500) 8%, transparent));--table-border: var(--border-subtle);--table-cell-padding: var(--space-3) var(--space-5);--space-scale: 1;--space-0: 0;--space-hairline: 1px;--space-0-5: 2px;--space-0-75: 3px;--space-1: calc(4px * var(--space-scale));--space-1-5: calc(6px * var(--space-scale));--space-2: calc(8px * var(--space-scale));--space-2-5: calc(10px * var(--space-scale));--space-3: calc(12px * var(--space-scale));--space-3-5: calc(14px * var(--space-scale));--space-4: calc(16px * var(--space-scale));--space-5: calc(20px * var(--space-scale));--space-6: calc(24px * var(--space-scale));--space-8: calc(32px * var(--space-scale));--space-10: calc(40px * var(--space-scale));--space-12: calc(48px * var(--space-scale));--space-16: calc(64px * var(--space-scale));--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--font-body: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter Display", "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", "SF Mono", consolas, monospace;--font-sans: var(--font-body);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-rooster-cell: 10px;--text-rooster-meta: 9px;--text-rooster-pill: 11px;--text-rooster-icon: 14px;--text-lg: clamp(1.0625rem, 1rem + .3vw, 1.125rem);--text-xl: clamp(1.1875rem, 1.1rem + .4vw, 1.25rem);--text-2xl: clamp(1.375rem, 1.2rem + .7vw, 1.5rem);--text-3xl: clamp(1.625rem, 1.4rem + 1vw, 1.875rem);--text-stat-value: clamp(2rem, 1.5rem + 2vw, 3.5rem);--text-stat-value-tracking: -.04em;--text-stat-value-weight: 600;--text-stat-label: .6875rem;--text-stat-label-tracking: .08em;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--baseline: 4px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--scale-ratio: 1.25;--icon-xs: 1em;--icon-sm: 1.125em;--icon-md: 1.25em;--icon-lg: 1.5em;--icon-xl: 2em;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-caps: .08em;--shadow-xs: 0 1px 2px rgb(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgb(0, 0, 0, .04), 0 1px 2px rgb(0, 0, 0, .02);--shadow-md: 0 4px 6px rgb(0, 0, 0, .04), 0 2px 4px rgb(0, 0, 0, .02);--shadow-lg: 0 10px 15px rgb(0, 0, 0, .04), 0 4px 6px rgb(0, 0, 0, .02);--magnetic-lift: -1px;--magnetic-lift-strong: -2px;--magnetic-spring: var(--spring-snap, var(--ease-out));--magnetic-duration: calc(.15s * var(--motion-scale));--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--nav-height: 52px;--subnav-height: 48px;--chrome-height: calc(var(--nav-height) + var(--subnav-height));--header-height: 56px;--bottom-nav-height: 56px;--bottom-nav-padding-bottom: calc( var(--space-3) + var(--safe-area-bottom, 0px) );--bp-mobile: 640px;--bp-tablet: 1024px;--bp-desktop: 1280px;--touch-target-min: 44px;--touch-target-comfy: 48px;--opacity-disabled: 50%;--opacity-subtle: 40%;--opacity-secondary: 60%;--opacity-muted: 70%;--opacity-hover: 85%;--input-font-size-mobile: 1rem;--container-padding-mobile: var(--space-4);--container-padding-desktop: var(--space-6);--modal-padding-mobile: var(--space-4);--modal-padding-desktop: var(--space-8);--fab-size: 56px;--fab-size-small: 40px;--fab-size-extended: auto;--fab-bottom-offset: calc(var(--space-6) + var(--safe-area-bottom, 0px));--fab-right-offset: var(--space-6);--drawer-max-height: 90dvh;--drawer-handle-width: 36px;--drawer-handle-height: 4px;--drawer-corner-radius: var(--radius-lg);--drawer-padding: var(--space-4);--page-width-standaard: 60rem;--page-width-breed: 72rem;--page-width-volledig: 100%;--motion-scale: 1;--duration-fast: calc(.1s * var(--motion-scale));--duration-normal: calc(.15s * var(--motion-scale));--duration-slow: calc(.25s * var(--motion-scale));--duration-enter: calc(.2s * var(--motion-scale));--duration-exit: calc(.15s * var(--motion-scale));--duration-interaction: calc(.22s * var(--motion-scale));--duration-transform: calc(.28s * var(--motion-scale));--duration-pop: calc(.4s * var(--motion-scale));--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--spring-gentle: linear( 0, .13 8.1%, .31 16.7%, .62 33.5%, .84 50.4%, .96 67.6%, 1 84.5%, 1 );--spring-bouncy: linear( 0, .1 7.9%, .27 16.1%, .61 31.5%, .95 46.8%, 1.13 55.9%, 1.13 65.2%, 1.04 73%, 1 84%, 1 );--spring-snap: linear(0, .27, .55, .81, .99, 1.04, 1);--ease-spring: var(--spring-bouncy);--stagger-fast: calc(30ms * var(--motion-scale));--stagger-medium: calc(60ms * var(--motion-scale));--stagger-slow: calc(.12s * var(--motion-scale));--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}[data-theme-brand=slate]{--hue-brand: 235;--chroma-brand: .05;--graywarm-hue: 235;--graywarm-chroma: .008}[data-theme-brand=klinisch]{--hue-brand: 195;--chroma-brand: .1;--graywarm-hue: 215;--graywarm-chroma: .01}[data-theme-brand=vital]{--hue-brand: 145;--chroma-brand: .12;--graywarm-hue: 150;--graywarm-chroma: .01}[data-theme-brand=praktijk]{--hue-brand: 30;--chroma-brand: .18;--graywarm-hue: 35;--graywarm-chroma: .015}[data-theme-brand=fiscus]{--hue-brand: 250;--chroma-brand: .18;--graywarm-hue: 250;--graywarm-chroma: .012}[data-theme-brand=onderzoek]{--hue-brand: 295;--chroma-brand: .15;--graywarm-hue: 295;--graywarm-chroma: .012}[data-theme-brand=archief]{--hue-brand: 25;--chroma-brand: .025;--graywarm-hue: 25;--graywarm-chroma: .012}[data-theme-brand=praktijk][data-theme=dark],[data-theme-brand=fiscus][data-theme=dark]{--chroma-brand: .13}[data-theme-brand=onderzoek][data-theme=dark]{--chroma-brand: .11}[data-theme-brand=vital][data-theme=dark]{--chroma-brand: .1}:root:not([data-theme-brand])[data-theme=dark],[data-theme-brand=oranje][data-theme=dark]{--chroma-brand: .13}[data-density=compact]{--space-scale: .85}[data-density=comfy]{--space-scale: 1.15}}@layer base{html{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-page);font-feature-settings:"ss01","cv11"}h1,h2{font-family:var(--font-display)}h1{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);text-wrap:balance}h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);text-wrap:balance}h3{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-wrap:balance}h4{font-size:var(--text-sm);font-weight:var(--weight-semibold)}:where(td,th,code,.num,.tabular,[class*=stat-value]){font-variant-numeric:tabular-nums slashed-zero}p{color:var(--text-secondary);text-wrap:pretty}a:hover{color:var(--text-link-hover)}:where(:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}::selection{background:var(--interactive-muted)}code,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}}@layer components{.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--card-padding)}.card-hover{transition:transform var(--magnetic-duration) var(--magnetic-spring),box-shadow var(--magnetic-duration) var(--ease-default)}@media(hover:hover)and (pointer:fine){.card-hover:hover{transform:translateY(var(--magnetic-lift-strong));box-shadow:var(--shadow-md)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--btn-padding);border-radius:var(--btn-radius);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:1;white-space:nowrap;transition:background var(--btn-transition),transform var(--duration-fast) var(--ease-default)}.btn:active:not(:disabled){transform:scale(.98)}[role=button]:active:not(:disabled),a[href]:active{transition:transform var(--duration-fast) var(--ease-default)}@media(prefers-reduced-motion:no-preference){.btn:active:not(:disabled),[role=button]:active:not(:disabled){transform:scale(.98)}}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--interactive);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--interactive-hover)}.btn-secondary{background:var(--surface-sunken);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--border-default)}.btn-success{background:var(--status-success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background:color-mix(in srgb,var(--status-success) 80%,black)}.btn-danger{background:var(--status-error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--status-error) 80%,black)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken)}.btn-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2-5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.5}.badge-success{background:var(--status-success-bg);color:var(--status-success)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning)}.badge-error{background:var(--status-error-bg);color:var(--status-error)}.badge-neutral{background:var(--surface-sunken);color:var(--text-muted)}.locatie-tint .locatie-code{background:var(--locatie-default-bg);color:var(--locatie-default-fg)}.locatie-tint-i-1 .locatie-code{background:var(--ident-1-bg);color:var(--ident-1-fg)}.locatie-tint-i-2 .locatie-code{background:var(--ident-2-bg);color:var(--ident-2-fg)}.locatie-tint-i-3 .locatie-code{background:var(--ident-3-bg);color:var(--ident-3-fg)}.locatie-tint-i-4 .locatie-code{background:var(--ident-4-bg);color:var(--ident-4-fg)}.locatie-tint-i-5 .locatie-code{background:var(--ident-5-bg);color:var(--ident-5-fg)}.locatie-tint-i-6 .locatie-code{background:var(--ident-6-bg);color:var(--ident-6-fg)}.locatie-tint-i-7 .locatie-code{background:var(--ident-7-bg);color:var(--ident-7-fg)}.locatie-tint-i-8 .locatie-code{background:var(--ident-8-bg);color:var(--ident-8-fg)}.locatie-tint-i-9 .locatie-code{background:var(--ident-9-bg);color:var(--ident-9-fg)}.locatie-tint-i-10 .locatie-code{background:var(--ident-10-bg);color:var(--ident-10-fg)}.locatie-tint-i-11 .locatie-code{background:var(--ident-11-bg);color:var(--ident-11-fg)}.locatie-tint-i-12 .locatie-code{background:var(--ident-12-bg);color:var(--ident-12-fg)}.locatie-tint-i-13 .locatie-code{background:var(--ident-13-bg);color:var(--ident-13-fg)}.locatie-tint-WL .locatie-code{background:var(--locatie-WL-bg);color:var(--locatie-WL-fg)}.locatie-tint-WH .locatie-code{background:var(--locatie-WH-bg);color:var(--locatie-WH-fg)}.locatie-tint-KB .locatie-code{background:var(--locatie-KB-bg);color:var(--locatie-KB-fg)}.locatie-tint-PW .locatie-code{background:var(--locatie-PW-bg);color:var(--locatie-PW-fg)}.locatie-tint-HL .locatie-code{background:var(--locatie-HL-bg);color:var(--locatie-HL-fg)}.locatie-tint-VN .locatie-code{background:var(--locatie-VN-bg);color:var(--locatie-VN-fg)}.locatie-tint-AV .locatie-code{background:var(--locatie-AV-bg);color:var(--locatie-AV-fg)}.locatie-tint-KW .locatie-code{background:var(--locatie-KW-bg);color:var(--locatie-KW-fg)}.locatie-tint-HHW .locatie-code{background:var(--locatie-HHW-bg);color:var(--locatie-HHW-fg)}.locatie-tint-ALK .locatie-code{background:var(--locatie-ALK-bg);color:var(--locatie-ALK-fg)}.locatie-tint-GB .locatie-code{background:var(--locatie-GB-bg);color:var(--locatie-GB-fg)}.locatie-tint-RHW .locatie-code{background:var(--locatie-RHW-bg);color:var(--locatie-RHW-fg)}.locatie-tint-AO .locatie-code{background:var(--locatie-AO-bg);color:var(--locatie-AO-fg)}.input{width:100%;padding:var(--input-padding);border:1px solid var(--input-border);border-radius:var(--input-radius);font-size:var(--input-font-size);color:var(--text-primary);background:var(--surface-card);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.input:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring);outline-offset:-2px;border-color:var(--focus-ring)}.label{display:block;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.table{width:100%;font-size:var(--text-sm)}.table thead{background:var(--table-header-bg)}.table th{text-align:left;padding:var(--table-cell-padding);font-weight:var(--weight-medium);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.table td{padding:var(--table-cell-padding)}.table tbody tr{border-bottom:1px solid var(--table-border);transition:background var(--duration-fast)}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background:var(--table-row-hover)}.table tfoot{background:var(--table-header-bg);font-weight:var(--weight-semibold)}.table .text-right{text-align:right}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;border-left-width:4px;font-size:var(--text-sm)}.alert-success{background:var(--status-success-bg);border-color:var(--status-success-border);border-left-color:var(--success-500);color:var(--status-success)}.alert-warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);border-left-color:var(--warning-500);color:var(--status-warning)}.alert-error{background:var(--status-error-bg);border-color:var(--status-error-border);border-left-color:var(--error-500);color:var(--status-error)}.alert-info{background:var(--status-info-bg);border-color:var(--status-info-border);border-left-color:var(--info-500);color:var(--status-info)}.modal-overlay{position:fixed;inset:0;background:radial-gradient(ellipse at center,#00000059,#000000a6);-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);z-index:var(--z-modal);animation:modal-overlay-in var(--duration-enter) var(--ease-out)}.modal-overlay[data-state=closed]{animation:modal-overlay-out var(--duration-exit) var(--ease-in)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:calc(var(--z-modal) + 1);padding:0;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:var(--surface-card);color:var(--text-primary);max-width:28rem;width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;animation:modal-in calc(var(--duration-enter) + 80ms) var(--spring-bouncy, var(--ease-out-expo));animation-delay:80ms;animation-fill-mode:backwards;view-transition-name:oranje-modal}.modal-overlay{view-transition-name:oranje-modal-overlay}.modal[data-state=closed]{animation:modal-out var(--duration-exit) var(--ease-in);animation-delay:0ms}.modal-panel{padding:var(--modal-padding-desktop)}@media(max-width:640px){.modal-panel{padding:var(--modal-padding-mobile);padding-bottom:max(var(--modal-padding-mobile),var(--safe-area-bottom, 0px))}}.modal-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-2) 0}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-overlay-out{to{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes modal-out{to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}.divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-6) 0}.progress{height:8px;background:var(--surface-sunken);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--interactive);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-default)}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--border-default) 50%,var(--surface-sunken) 75%);background-size:200% 100%;border-radius:var(--radius-md);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@layer layouts{.stack{display:flex;flex-direction:column}.gap-sm{gap:var(--space-3)}.gap-md{gap:var(--space-5)}.gap-lg{gap:var(--space-8)}.gap-xl{gap:var(--space-12)}.row{display:flex;align-items:center}.row-between{justify-content:space-between}.row-gap{gap:var(--space-3)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.split{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-6);min-height:600px}@media(max-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}.split,.row-2{grid-template-columns:1fr}}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}.btn{min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4)}.input,.select,.textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=datetime-local],input[type=time],textarea,select{min-height:var(--touch-target-min);font-size:var(--input-font-size-mobile)}}}@layer utilities{.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes pulse-icon{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.25)}}@keyframes pulse-skeleton{0%,to{opacity:1}50%{opacity:.55}}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes focus-pulse{0%{outline-color:color-mix(in srgb,var(--focus-ring) 0%,transparent);outline-offset:0}60%{outline-color:color-mix(in srgb,var(--focus-ring) 70%,transparent);outline-offset:calc(var(--focus-ring-offset) + 2px)}to{outline-color:var(--focus-ring);outline-offset:var(--focus-ring-offset)}}@keyframes check-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes bounce-pop{0%,to{transform:scale(1)}50%{transform:scale(1.15) translateY(-1px)}}.animate-fade-in{animation:fade-in var(--animate-duration, var(--duration-enter)) var(--animate-ease, var(--ease-out)) both}.animate-fade-out{animation:fade-out var(--animate-duration, var(--duration-exit)) var(--animate-ease, var(--ease-in)) both}.animate-scale-in{animation:scale-in var(--animate-duration, var(--duration-enter)) var(--animate-ease, var(--ease-out)) both}.animate-slide-down{animation:slide-down var(--animate-duration, var(--duration-enter)) var(--animate-ease, var(--ease-out)) both}.animate-slide-up{animation:slide-up var(--animate-duration, var(--duration-enter)) var(--animate-ease, var(--ease-out)) both}.animate-pop{animation:pop var(--animate-duration, .28s) var(--ease-bounce, cubic-bezier(.34, 1.56, .64, 1)) both}.animate-pulse{animation:pulse var(--animate-duration, 1.4s) var(--ease-default) infinite}.animate-spin{animation:spin var(--animate-duration, .65s) linear infinite}.animate-shake{animation:shake var(--animate-duration, .36s) var(--animate-ease, var(--ease-default)) both}.animate-check-pop{animation:check-pop var(--animate-duration, .22s) var(--animate-ease, var(--ease-spring)) both}.animate-bounce-pop{animation:bounce-pop var(--animate-duration, .4s) var(--animate-ease, var(--ease-spring)) both}.animate-shimmer{background:linear-gradient(90deg,var(--surface-sunken) 0%,var(--border-default) 50%,var(--surface-sunken) 100%);background-size:200% 100%;animation:shimmer var(--animate-duration, 1.5s) infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-right{text-align:right}.text-center{text-align:center}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-error{color:var(--status-error)}.text-interactive{color:var(--interactive)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.table td.text-right,.table th.text-right,.text-right.font-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.w-full{width:100%}.hidden{display:none}.inline{display:inline}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.cursor-pointer{cursor:pointer}.touch-target{min-width:44px;min-height:44px}.skip-link:focus{position:fixed;top:var(--space-2);left:var(--space-2);z-index:var(--z-modal);padding:var(--space-2) var(--space-4);background:var(--gray-900);color:#fff;border-radius:var(--radius-md);clip-path:none;width:auto;height:auto;overflow:visible}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:var(--text-3xl);margin-bottom:var(--space-3);opacity:.5}.empty-state-title{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}.empty-state-description{font-size:var(--text-sm);color:var(--text-muted)}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-3);color:var(--text-muted)}.high-contrast .font-mono,.high-contrast .mono{font-weight:var(--weight-bold);letter-spacing:.02em}@media(prefers-contrast:more){.font-mono,.mono{font-weight:var(--weight-bold);letter-spacing:.02em}}}@media(max-device-pixel-ratio:1.49),(max-resolution:1.49dppx){:root{--border-hair: 1px}}@media(prefers-reduced-motion:reduce){:root{--motion-scale: 0}html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}:root::view-transition-old(root),:root::view-transition-new(root){animation:none!important}}@media print{:root{--surface-page: #fff;--surface-card: #fff;--surface-sunken: #fff;--text-primary: #000;--text-secondary: #1a1a1a;--text-muted: #4a4a4a;--border-default: #000;--border-subtle: #ccc;--border-strong: #000}html,body{background:#fff!important;color:#000!important}@page{margin:1.5cm}nav,.tabs,.skip-link,button,[role=button]:not(.print-show),form:not(.print-show),.no-print{display:none!important}.card,.status-card,.table-card{box-shadow:none!important;border:1px solid var(--border-default)!important;break-inside:avoid}a{color:#000!important;text-decoration:underline}table{break-inside:auto}thead{display:table-header-group}tr{break-inside:avoid;break-after:auto}td,th{orphans:3;widows:3}}@media(forced-colors:active){.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-success,.page-btn,.cmd-trigger,.sort-btn:focus-visible{border:1px solid ButtonText;forced-color-adjust:none}.tab-active,.tab[aria-current=page]{outline:2px solid SelectedItem;outline-offset:-2px}.badge-success,.badge-warning,.status-ok,.status-error,.delta-positief,.delta-negatief{forced-color-adjust:none}:focus-visible{outline-color:Highlight}}:root{--container-padding: var(--card-padding);--container-radius: var(--card-radius, var(--radius-lg));--opacity-primary: 100%;--opacity-secondary: 70%;--opacity-tertiary: 50%;--opacity-muted: 45%;--opacity-disabled: 40%;--opacity-reduced: 30%;--opacity-hover: 85%;--modal-size-sm: 22rem;--modal-size-md: 28rem;--modal-size-lg: 48rem;--duration-spinner: .65s;--duration-spinner-reduced: 2s;--duration-indeterminate: 3s;--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 20px;--icon-xl: 24px}.alert-neutral{background:var(--surface-sunken);border-color:var(--border-subtle);border-left-color:var(--border-strong);color:var(--text-secondary)}.theme-toggle.svelte-1knxyir{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-secondary);cursor:pointer;overflow:hidden;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast)}@media(hover:hover)and (pointer:fine){.theme-toggle.svelte-1knxyir:hover{border-color:var(--border-strong);background:var(--surface-card);color:var(--text-primary)}}@media(max-width:640px){.theme-toggle.svelte-1knxyir{width:var(--touch-target-min);height:var(--touch-target-min)}}.theme-toggle.svelte-1knxyir:focus-visible{border-color:var(--border-strong);background:var(--surface-card);color:var(--text-primary);outline:2px solid var(--focus-ring);outline-offset:2px}.theme-icon.svelte-1knxyir{position:relative}.sun.svelte-1knxyir,.moon.svelte-1knxyir{transform-origin:center;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}.sun.svelte-1knxyir{opacity:100%;transform:scale(1) rotate(0)}.moon.svelte-1knxyir{opacity:0%;transform:scale(.3) rotate(-60deg)}.dark-mode.svelte-1knxyir .sun:where(.svelte-1knxyir){opacity:0%;transform:scale(.3) rotate(60deg)}.dark-mode.svelte-1knxyir .moon:where(.svelte-1knxyir){opacity:100%;transform:scale(1) rotate(0)}@media(prefers-reduced-motion:reduce){.sun.svelte-1knxyir,.moon.svelte-1knxyir{transition:none}}.period-nav.svelte-5cemz{display:flex;align-items:center;gap:var(--space-2);width:100%}.period-label.svelte-5cemz{flex:1;display:flex;justify-content:center;min-width:0}.period-text.svelte-5cemz{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-container.svelte-1cz54wb{position:fixed;inset:calc(var(--header-height, 56px) + var(--space-3) + var(--safe-area-top, 0px)) calc(var(--space-3) + var(--safe-area-right, 0px)) auto auto;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:min(26rem,calc(100vw - 2rem));pointer-events:none}.toast.svelte-1cz54wb{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--border-default);border-left-width:3px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;font-size:var(--text-sm)}.toast-success.svelte-1cz54wb{border-left-color:var(--status-success)}.toast-info.svelte-1cz54wb{border-left-color:var(--interactive)}.toast-warning.svelte-1cz54wb{border-left-color:var(--status-warning)}.toast-error.svelte-1cz54wb{border-left-color:var(--status-error)}.toast-icon.svelte-1cz54wb{flex-shrink:0;margin-top:var(--space-hairline);display:inline-flex;line-height:0}.toast-success.svelte-1cz54wb .toast-icon:where(.svelte-1cz54wb){color:var(--status-success)}.toast-info.svelte-1cz54wb .toast-icon:where(.svelte-1cz54wb){color:var(--interactive)}.toast-warning.svelte-1cz54wb .toast-icon:where(.svelte-1cz54wb){color:var(--status-warning)}.toast-error.svelte-1cz54wb .toast-icon:where(.svelte-1cz54wb){color:var(--status-error)}.toast-body.svelte-1cz54wb{flex:1;min-width:0}.toast-bericht.svelte-1cz54wb{margin:0;color:var(--text-primary);font-weight:var(--weight-medium);overflow-wrap:break-word}.toast-details.svelte-1cz54wb{margin:var(--space-0-5) 0 0;color:var(--text-muted);font-size:var(--text-xs)}.toast-actie.svelte-1cz54wb{background:none;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--interactive);cursor:pointer;flex-shrink:0;transition:border-color var(--duration-fast),background var(--duration-fast)}.toast-actie.svelte-1cz54wb:hover{border-color:var(--interactive);background:var(--surface-sunken)}.toast-actie.svelte-1cz54wb:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(max-width:640px){.toast-container.svelte-1cz54wb{inset:auto var(--space-3) calc(var(--space-3) + var(--safe-area-bottom, env(safe-area-inset-bottom, 0px))) var(--space-3);max-width:none;align-items:stretch}}.cp-overlay{position:fixed;inset:0;background:var(--dialog-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:svelte-1svh7j5-cp-fade-in var(--duration-enter) var(--ease-out)}.cp-overlay[data-state=closed]{animation:svelte-1svh7j5-cp-fade-out var(--duration-fast) var(--ease-in)}.cp-dialog{position:fixed;top:10vh;left:50%;transform:translate(-50%);z-index:calc(var(--z-modal) + 1);margin:0;padding:0;background:transparent;border:none;max-width:640px;width:calc(100vw - 2rem);max-height:calc(100dvh - 4rem)}@media(max-width:640px){.cp-dialog{top:0;left:0;transform:none;width:100vw;max-width:none;height:100dvh;max-height:100dvh;padding-top:var(--safe-area-top, 0);padding-bottom:var(--safe-area-bottom, 0)}}@keyframes svelte-1svh7j5-cp-fade-in{0%{opacity:0%}to{opacity:100%}}@keyframes svelte-1svh7j5-cp-fade-out{to{opacity:0%}}.cp-panel.svelte-1svh7j5{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;max-height:70vh;animation:svelte-1svh7j5-cp-pop var(--duration-enter) var(--ease-out)}@media(prefers-reduced-motion:reduce){.cp-panel.svelte-1svh7j5{animation:none}}@keyframes svelte-1svh7j5-cp-pop{0%{opacity:0%;transform:translateY(-8px) scale(.98)}to{opacity:100%;transform:none}}.cp-input-row.svelte-1svh7j5{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-muted)}.cp-input.svelte-1svh7j5{flex:1;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:var(--text-base);padding:var(--space-1) 0}.cp-input.svelte-1svh7j5:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-sm)}.cp-esc.svelte-1svh7j5{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-0-5) var(--space-1-5);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted)}.spinner-xs.svelte-1svh7j5{width:12px;height:12px;border-width:1.5px}.cp-results.svelte-1svh7j5{list-style:none;margin:0;padding:var(--space-1);overflow-y:auto;flex:1}.cp-result.svelte-1svh7j5{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;text-align:left;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font:inherit;transition:background var(--duration-fast)}.cp-result.svelte-1svh7j5:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;background:var(--surface-sunken)}.cp-result-active.svelte-1svh7j5{background:var(--interactive-subtle)}.cp-badge.svelte-1svh7j5{font-size:var(--text-xs);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--badge-color) 12%,transparent);color:var(--badge-color);font-weight:var(--weight-medium);flex-shrink:0;min-width:60px;text-align:center}.cp-texts.svelte-1svh7j5{display:flex;flex-direction:column;gap:var(--space-hairline);min-width:0;flex:1}.cp-titel.svelte-1svh7j5{font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-subtitel.svelte-1svh7j5{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-empty.svelte-1svh7j5{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.cp-footer.svelte-1svh7j5{display:flex;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted)}.cp-footer.svelte-1svh7j5 kbd:where(.svelte-1svh7j5){font-family:var(--font-mono);padding:var(--space-hairline) var(--space-1);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);margin-right:var(--space-0-5)}.month-switcher.svelte-y7awcl{position:relative;display:inline-flex;align-items:center;gap:var(--space-0-5);flex-shrink:0}.month-jump-btn.svelte-y7awcl{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.month-jump-btn.svelte-y7awcl:hover{background:var(--surface-sunken);color:var(--text-primary)}.month-jump-btn.svelte-y7awcl:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.chev.svelte-y7awcl{transition:transform var(--duration-fast)}.chev-open.svelte-y7awcl{transform:rotate(180deg)}.month-dropdown.svelte-y7awcl{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--z-dropdown);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);min-width:160px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;animation:svelte-y7awcl-month-drop var(--duration-enter) var(--ease-out)}@media(prefers-reduced-motion:reduce){.month-dropdown.svelte-y7awcl{animation:none}}@keyframes svelte-y7awcl-month-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.month-option.svelte-y7awcl{display:block;width:100%;text-align:left;padding:var(--space-1-5) var(--space-3);border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast)}.month-option.svelte-y7awcl:hover{background:var(--surface-sunken)}.month-option.svelte-y7awcl:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.month-option-current.svelte-y7awcl{background:var(--interactive-subtle);color:var(--interactive);font-weight:var(--weight-semibold)}.sub-tabs.svelte-mwjhm0{position:relative;display:flex;gap:var(--space-0-5);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1}.sub-tabs.svelte-mwjhm0::-webkit-scrollbar{display:none}.sub-tab.svelte-mwjhm0{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);white-space:nowrap;position:relative;transition:color var(--duration-normal) var(--ease-default)}.sub-tab.svelte-mwjhm0:hover{color:var(--text-primary)}.sub-tab.svelte-mwjhm0:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.sub-tab-active.svelte-mwjhm0{color:var(--interactive)}.sub-tab-indicator.svelte-mwjhm0{position:absolute;bottom:0;height:2px;background:var(--interactive);border-radius:1px;transition:left var(--duration-slow) var(--ease-default),width var(--duration-slow) var(--ease-default),opacity var(--duration-normal) var(--ease-default)}.month-context-bar.svelte-ixzoz6{container-type:inline-size;container-name:month-bar;display:flex;align-items:center;gap:var(--space-4);max-width:var(--page-width-breed);margin:0 auto;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-page)}@container month-bar (max-width: 640px){.month-context-bar.svelte-ixzoz6{gap:var(--space-2);padding-inline:var(--space-2)}}.layout.svelte-12qhfyh{min-height:100dvh;display:flex;flex-direction:column}.app-footer.svelte-12qhfyh{margin-top:auto;padding:var(--space-3) var(--space-4);text-align:center;font-size:var(--text-xs);color:var(--text-muted);border-top:1px solid var(--border-default)}.version-link.svelte-12qhfyh{color:inherit;text-decoration:none;font-family:var(--font-mono, ui-monospace, monospace)}.version-link.svelte-12qhfyh:hover{color:var(--text-primary);text-decoration:underline}.header.svelte-12qhfyh{background:var(--surface-card);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:var(--z-sticky);padding-top:var(--safe-area-top, 0px)}.header-inner.svelte-12qhfyh{display:flex;align-items:center;height:var(--nav-height);padding:0 var(--space-4);max-width:var(--page-width-breed);margin:0 auto;gap:var(--space-2)}.logo.svelte-12qhfyh{display:flex;align-items:center;color:var(--interactive);padding:var(--space-1);margin-right:var(--space-2);transition:opacity var(--duration-normal);flex-shrink:0}.logo.svelte-12qhfyh:hover{opacity:.7}.tabs.svelte-12qhfyh{display:flex;align-items:center;position:relative;gap:0;flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs.svelte-12qhfyh::-webkit-scrollbar{display:none}.tab.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-3) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);white-space:nowrap;transition:color var(--duration-normal) var(--ease-default);position:relative}.tab.svelte-12qhfyh:hover{color:var(--text-primary)}.tab-active.svelte-12qhfyh{color:var(--interactive)}.tab.svelte-12qhfyh svg:where(.svelte-12qhfyh){opacity:.75;flex-shrink:0}.tab-active.svelte-12qhfyh svg:where(.svelte-12qhfyh){opacity:1}.tab-indicator.svelte-12qhfyh{position:absolute;bottom:0;height:2px;background:var(--interactive);border-radius:1px;transition:left var(--duration-slow) var(--ease-default),width var(--duration-slow) var(--ease-default)}.header-right.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.logout-form.svelte-12qhfyh{margin:0;display:inline-flex}.logout-btn.svelte-12qhfyh{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.logout-btn.svelte-12qhfyh:hover{color:var(--text-primary);background:var(--state-hover)}.cmd-trigger.svelte-12qhfyh{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.cmd-trigger.svelte-12qhfyh:hover{border-color:var(--border-strong);background:var(--surface-card);color:var(--text-primary)}.cmd-trigger.svelte-12qhfyh:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.cmd-trigger-label.svelte-12qhfyh{min-width:11rem;text-align:left}.cmd-kbd.svelte-12qhfyh{font-family:var(--font-mono);font-size:10px;padding:var(--space-0-5) 5px;background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted)}.month-bar-wrap.svelte-12qhfyh{background:var(--surface-page);border-bottom:1px solid var(--border-subtle);position:sticky;top:calc(var(--nav-height) + var(--safe-area-top, 0px));z-index:calc(var(--z-sticky) - 1)}@media(max-width:640px){.tab.svelte-12qhfyh span:where(.svelte-12qhfyh){display:none}.tab.svelte-12qhfyh{padding:var(--space-2) var(--space-2-5)}.cmd-trigger-label.svelte-12qhfyh{display:none}.header-inner.svelte-12qhfyh{padding:0 var(--space-2)}}:root::view-transition-old(root){animation:fade-out var(--duration-normal) var(--ease-default)}:root::view-transition-new(root){animation:fade-in var(--duration-normal) var(--ease-default)}