@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter/InterVariable-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter/InterVariable-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--color-main: #1c1c1c;--color-alert: #f66f66;--color-success: #265d62;--color-border-default: #dfdfdf;--color-border-active: #00c8dc;--color-background: #ffffff;--color-text-muted: #666666;--color-text-light: #999999;--color-hover-light: #f8f9fa;--color-error-bg: #fee;--color-error-border: #fcc;--color-error-text: #721c24;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "DM Mono", monospace;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-padding: 6px 12px;--radius-sm: 2px;--radius-default: 4px;--radius-lg: 8px;--border-radius: 4px;--transition-speed: .2s;--transition-timing: ease;--transition-duration: .2s;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 999;--z-modal: 1000;--z-tooltip: 1100;--tile-height-max: 280px;--tile-radius: 12px;--tile-shadow: 0 2px 8px rgba(0, 0, 0, .08);--tile-shadow-hover: 0 4px 16px rgba(0, 0, 0, .12);--tile-transition: .3s cubic-bezier(.4, 0, .2, 1);--tile-gap: 8px;--tile-icon-size: 16px;--tile-collapsed-width: 80px;--tile-icon-only-width: 48px;--color-medical: #dc3545;--color-medical-bg: rgba(220, 53, 69, .08);--color-labor-expert: #2563eb;--color-labor-expert-bg: rgba(37, 99, 235, .08);--color-non-medical: #28a745;--color-non-medical-bg: rgba(40, 167, 69, .08);--color-med-class-0: #28a745;--color-med-class-I: #28a745;--color-med-class-II: #fd7e14;--color-med-class-III: #dc3545;--color-med-class-unknown: #6c757d;--backdrop-blur: blur(10px);--backdrop-bg: rgba(255, 255, 255, .85);--workspace-row-height: 400px;--workspace-info-width: 33.333%;--workspace-functions-width: 66.666%;--org-hoofd-color: #7c3aed;--org-hoofd-bg: #f5f3ff;--org-hoofd-border: #c4b5fd;--org-hoofd-text: #5b21b6;--org-hoofd-gradient-from: #ede9fe;--org-hoofd-gradient-to: #ddd6fe;--org-dochter-color: #2563eb;--org-dochter-bg: #eff6ff;--org-dochter-border: #93c5fd;--org-dochter-text: #1d4ed8;--org-dochter-gradient-from: #dbeafe;--org-dochter-gradient-to: #bfdbfe;--org-subdochter-color: #0891b2;--org-subdochter-bg: #ecfeff;--org-subdochter-border: #67e8f9;--org-subdochter-text: #0e7490;--org-subdochter-gradient-from: #cffafe;--org-subdochter-gradient-to: #a5f3fc;--org-afdeling-color: #0891b2;--org-afdeling-bg: #ecfeff;--org-afdeling-border: #67e8f9;--org-afdeling-text: #0e7490;--org-afdeling-gradient-from: #cffafe;--org-afdeling-gradient-to: #a5f3fc;--org-subafdeling-color: #ea580c;--org-subafdeling-bg: #fff7ed;--org-subafdeling-border: #fdba74;--org-subafdeling-text: #c2410c;--org-subafdeling-gradient-from: #ffedd5;--org-subafdeling-gradient-to: #fed7aa;--org-werknemer-color: #16a34a;--org-werknemer-bg: #f0fdf4;--org-werknemer-border: #bbf7d0;--org-werknemer-text: #15803d;--org-werknemer-gradient-from: #dcfce7;--org-werknemer-gradient-to: #bbf7d0;--ctx-arbo-color: #2563eb;--ctx-arbo-bg: #eff6ff;--ctx-arbo-border: #bfdbfe;--ctx-arbo-text: #1d4ed8;--ctx-arbo-gradient-from: #dbeafe;--ctx-arbo-gradient-to: #bfdbfe;--ctx-werknemer-color: #16a34a;--ctx-werknemer-bg: #f0fdf4;--ctx-werknemer-border: #bbf7d0;--ctx-werknemer-text: #15803d;--ctx-werknemer-gradient-from: #dcfce7;--ctx-werknemer-gradient-to: #bbf7d0;--ctx-werkgever-color: #2563eb;--ctx-werkgever-bg: #eff6ff;--ctx-werkgever-border: #bfdbfe;--ctx-werkgever-text: #1d4ed8;--ctx-werkgever-gradient-from: #dbeafe;--ctx-werkgever-gradient-to: #bfdbfe;--ctx-wgbo-color: #7c3aed;--ctx-wgbo-bg: #f5f3ff;--ctx-wgbo-border: #c4b5fd;--ctx-wgbo-text: #5b21b6;--ctx-verzuim-color: var(--ctx-werkgever-color);--ctx-verzuim-bg: var(--ctx-werkgever-bg);--ctx-verzuim-border: var(--ctx-werkgever-border);--ctx-verzuim-text: var(--ctx-werkgever-text);--ctx-pmo-color: #0e7490;--ctx-pmo-bg: #ecfeff;--ctx-pmo-border: #67e8f9;--ctx-pmo-text: #155e75;--ctx-arbospreekuur-color: #15803d;--ctx-arbospreekuur-bg: #f0fdf4;--ctx-arbospreekuur-border: #86efac;--ctx-arbospreekuur-text: #14532d;--ctx-keuring-color: #c2410c;--ctx-keuring-bg: #fff7ed;--ctx-keuring-border: #fdba74;--ctx-keuring-text: #7c2d12;--ctx-medical-color: #dc3545;--ctx-medical-bg: #fbeaec;--ctx-medical-border: #f3a8b0;--ctx-medical-text: #991b1b;--ctx-medical-gradient-from: #fee2e2;--ctx-medical-gradient-to: #fecaca;--ctx-medical-empty-color: #9ca3af;--ctx-medical-empty-bg: #f3f4f6;--ctx-medical-empty-border: #d1d5db;--ctx-medical-empty-text: #4b5563;--ctx-medical-empty-gradient-from: #f3f4f6;--ctx-medical-empty-gradient-to: #e5e7eb;--ctx-kennisbeheer-color: #64748b;--ctx-kennisbeheer-bg: #f1f5f9;--ctx-kennisbeheer-border: #cbd5e1;--ctx-kennisbeheer-text: #334155;--ctx-kennisbeheer-gradient-from: #f1f5f9;--ctx-kennisbeheer-gradient-to: #e2e8f0;--notification-color: #ff5f4a;--notification-bg: #fff0ed;--notification-border: #ffc4ba;--notification-text: #b3382a;--semantic-success-color: #047857;--semantic-success-bg: #d1fae5;--semantic-success-border: #6ee7b7;--semantic-success-text: #064e3b;--semantic-warning-color: #b45309;--semantic-warning-bg: #fef3c7;--semantic-warning-border: #fcd34d;--semantic-warning-text: #78350f;--semantic-danger-color: #b91c1c;--semantic-danger-bg: #fee2e2;--semantic-danger-border: #fca5a5;--semantic-danger-text: #7f1d1d;--semantic-info-color: #006d8a;--semantic-info-bg: #e0f2fe;--semantic-info-border: #7dd3fc;--semantic-info-text: #0c4a6e;--semantic-neutral-color: #6b7280;--semantic-neutral-bg: #f3f4f6;--semantic-neutral-border: #d1d5db;--semantic-neutral-text: #374151;--semantic-concept-color: #be185d;--semantic-concept-bg: #fce7f3;--semantic-concept-border: #f9a8d4;--semantic-concept-text: #9d174d;--ctx-color: var(--ctx-arbo-color);--ctx-bg: var(--ctx-arbo-bg);--ctx-border: var(--ctx-arbo-border);--ctx-text: var(--ctx-arbo-text);--ctx-gradient-from: var(--ctx-arbo-gradient-from);--ctx-gradient-to: var(--ctx-arbo-gradient-to);--org-color: var(--org-hoofd-color);--org-bg: var(--org-hoofd-bg);--org-border: var(--org-hoofd-border);--org-text: var(--org-hoofd-text);--org-gradient-from: var(--org-hoofd-gradient-from);--org-gradient-to: var(--org-hoofd-gradient-to);--accent-blue: var(--ctx-color);--accent-blue-hover: var(--ctx-text);--accent-blue-light: var(--ctx-border);--color-primary: var(--ctx-color);--color-primary-dark: var(--ctx-text);--color-primary-light: var(--ctx-bg);--color-primary-border: var(--ctx-border);--primary: var(--ctx-color);--primary-hover: var(--ctx-text);--primary-light: var(--ctx-bg);--badge-erd-bg: var(--ctx-medical-bg);--badge-erd-border: var(--ctx-medical-border);--badge-erd-text: var(--ctx-medical-text);--badge-vangnet-bg: var(--ctx-medical-bg);--badge-vangnet-border: var(--ctx-medical-border);--badge-vangnet-text: var(--ctx-medical-text);--badge-norisk-bg: var(--ctx-medical-bg);--badge-norisk-border: var(--ctx-medical-border);--badge-norisk-text: var(--ctx-medical-text);--badge-ongeval-bg: var(--ctx-medical-bg);--badge-ongeval-border: var(--ctx-medical-border);--badge-ongeval-text: var(--ctx-medical-text);--badge-regres-bg: var(--ctx-medical-bg);--badge-regres-border: var(--ctx-medical-border);--badge-regres-text: var(--ctx-medical-text);--badge-samengesteld-bg: var(--ctx-medical-bg);--badge-samengesteld-border: var(--ctx-medical-border);--badge-samengesteld-text: var(--ctx-medical-text)}[data-org-type=hoofdorganisatie]{--org-color: var(--org-hoofd-color);--org-bg: var(--org-hoofd-bg);--org-border: var(--org-hoofd-border);--org-text: var(--org-hoofd-text);--org-gradient-from: var(--org-hoofd-gradient-from);--org-gradient-to: var(--org-hoofd-gradient-to)}[data-org-type=dochter]{--org-color: var(--org-dochter-color);--org-bg: var(--org-dochter-bg);--org-border: var(--org-dochter-border);--org-text: var(--org-dochter-text);--org-gradient-from: var(--org-dochter-gradient-from);--org-gradient-to: var(--org-dochter-gradient-to)}[data-org-type=subdochter]{--org-color: var(--org-subdochter-color);--org-bg: var(--org-subdochter-bg);--org-border: var(--org-subdochter-border);--org-text: var(--org-subdochter-text);--org-gradient-from: var(--org-subdochter-gradient-from);--org-gradient-to: var(--org-subdochter-gradient-to)}[data-org-type=afdeling]{--org-color: var(--org-afdeling-color);--org-bg: var(--org-afdeling-bg);--org-border: var(--org-afdeling-border);--org-text: var(--org-afdeling-text);--org-gradient-from: var(--org-afdeling-gradient-from);--org-gradient-to: var(--org-afdeling-gradient-to)}[data-org-type=subafdeling]{--org-color: var(--org-subafdeling-color);--org-bg: var(--org-subafdeling-bg);--org-border: var(--org-subafdeling-border);--org-text: var(--org-subafdeling-text);--org-gradient-from: var(--org-subafdeling-gradient-from);--org-gradient-to: var(--org-subafdeling-gradient-to)}[data-org-type=werknemer]{--org-color: var(--org-werknemer-color);--org-bg: var(--org-werknemer-bg);--org-border: var(--org-werknemer-border);--org-text: var(--org-werknemer-text);--org-gradient-from: var(--org-werknemer-gradient-from);--org-gradient-to: var(--org-werknemer-gradient-to)}[data-context=arbo],[data-context=werkgever]{--ctx-color: var(--ctx-arbo-color);--ctx-bg: var(--ctx-arbo-bg);--ctx-border: var(--ctx-arbo-border);--ctx-text: var(--ctx-arbo-text);--ctx-gradient-from: var(--ctx-arbo-gradient-from);--ctx-gradient-to: var(--ctx-arbo-gradient-to);--color-primary: var(--ctx-arbo-color);--color-primary-dark: var(--ctx-arbo-text);--color-primary-light: var(--ctx-arbo-bg);--color-primary-border: var(--ctx-arbo-border);--primary: var(--ctx-arbo-color);--primary-hover: var(--ctx-arbo-text);--primary-light: var(--ctx-arbo-bg);--accent-blue: var(--ctx-arbo-color);--accent-blue-hover: var(--ctx-arbo-text);--accent-blue-light: var(--ctx-arbo-border)}[data-context=werknemer]{--ctx-color: var(--ctx-werknemer-color);--ctx-bg: var(--ctx-werknemer-bg);--ctx-border: var(--ctx-werknemer-border);--ctx-text: var(--ctx-werknemer-text);--ctx-gradient-from: var(--ctx-werknemer-gradient-from);--ctx-gradient-to: var(--ctx-werknemer-gradient-to);--color-primary: var(--ctx-werknemer-color);--color-primary-dark: var(--ctx-werknemer-text);--color-primary-light: var(--ctx-werknemer-bg);--color-primary-border: var(--ctx-werknemer-border);--primary: var(--ctx-werknemer-color);--primary-hover: var(--ctx-werknemer-text);--primary-light: var(--ctx-werknemer-bg);--accent-blue: var(--ctx-werknemer-color);--accent-blue-hover: var(--ctx-werknemer-text);--accent-blue-light: var(--ctx-werknemer-border)}[data-context=medical]{--ctx-color: var(--ctx-medical-color);--ctx-bg: var(--ctx-medical-bg);--ctx-border: var(--ctx-medical-border);--ctx-text: var(--ctx-medical-text);--ctx-gradient-from: var(--ctx-medical-gradient-from);--ctx-gradient-to: var(--ctx-medical-gradient-to);--color-primary: var(--ctx-medical-color);--color-primary-dark: var(--ctx-medical-text);--color-primary-light: var(--ctx-medical-bg);--color-primary-border: var(--ctx-medical-border);--primary: var(--ctx-medical-color);--primary-hover: var(--ctx-medical-text);--primary-light: var(--ctx-medical-bg);--accent-blue: var(--ctx-medical-color);--accent-blue-hover: var(--ctx-medical-text);--accent-blue-light: var(--ctx-medical-border)}[data-context=medical-empty]{--ctx-color: var(--ctx-medical-empty-color);--ctx-bg: var(--ctx-medical-empty-bg);--ctx-border: var(--ctx-medical-empty-border);--ctx-text: var(--ctx-medical-empty-text);--ctx-gradient-from: var(--ctx-medical-empty-gradient-from);--ctx-gradient-to: var(--ctx-medical-empty-gradient-to);--color-primary: var(--ctx-medical-empty-color);--color-primary-dark: var(--ctx-medical-empty-text);--color-primary-light: var(--ctx-medical-empty-bg);--color-primary-border: var(--ctx-medical-empty-border);--primary: var(--ctx-medical-empty-color);--primary-hover: var(--ctx-medical-empty-text);--primary-light: var(--ctx-medical-empty-bg);--accent-blue: var(--ctx-medical-empty-color);--accent-blue-hover: var(--ctx-medical-empty-text);--accent-blue-light: var(--ctx-medical-empty-border)}[data-context=kennisbeheer]{--ctx-color: var(--ctx-kennisbeheer-color);--ctx-bg: var(--ctx-kennisbeheer-bg);--ctx-border: var(--ctx-kennisbeheer-border);--ctx-text: var(--ctx-kennisbeheer-text);--ctx-gradient-from: var(--ctx-kennisbeheer-gradient-from);--ctx-gradient-to: var(--ctx-kennisbeheer-gradient-to);--color-primary: var(--ctx-kennisbeheer-color);--color-primary-dark: var(--ctx-kennisbeheer-text);--color-primary-light: var(--ctx-kennisbeheer-bg);--color-primary-border: var(--ctx-kennisbeheer-border);--primary: var(--ctx-kennisbeheer-color);--primary-hover: var(--ctx-kennisbeheer-text);--primary-light: var(--ctx-kennisbeheer-bg);--accent-blue: var(--ctx-kennisbeheer-color);--accent-blue-hover: var(--ctx-kennisbeheer-text);--accent-blue-light: var(--ctx-kennisbeheer-border)}:root{--neon-red: #fc4032;--neon-blue: #342dfc;--neon-cyan: #26f1ff;--neon-bg: #1a2424;--neon-bg-elev: #0f1818;--neon-text: #e6eded;--neon-text-dim: #b8c5c5;--neon-border: rgba(38, 241, 255, .18);--neon-border-hot: rgba(252, 64, 50, .28);--neon-glow-cyan: 0 0 12px rgba(38, 241, 255, .55);--neon-glow-red: 0 0 12px rgba(252, 64, 50, .55);--neon-glow-blue: 0 0 12px rgba(52, 45, 252, .55)}:root{--tgl-h: 168px;--tgl-smal: 190px;--tgl-gap: 14px;--tgl-breed:394px;--tgl-radius: 10px}:root{--scope-rood: #dc3545;--scope-groen: #16a34a;--scope-blauw: #2563eb;--scope-neutraal: #475569;--hairline: rgba(17, 24, 39, .1);--hairline-soft: rgba(17, 24, 39, .06);--shadow-card: 0 0 0 1px var(--hairline-soft), 0 1px 2px rgba(0, 0, 0, .04);--shadow-raised: 0 0 1px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .06);--ease-apple: cubic-bezier(.32, .72, 0, 1);--toolbar-material: rgba(255, 255, 255, .78);--popover-material: rgba(255, 255, 255, .88)}[data-context=admin]{--ctx-color: var(--neon-cyan);--ctx-bg: var(--neon-bg);--ctx-border: var(--neon-border);--ctx-text: var(--neon-text);--ctx-gradient-from: var(--neon-bg);--ctx-gradient-to: var(--neon-bg-elev);--color-primary: var(--neon-cyan);--color-primary-dark: #1ed4e6;--color-primary-light: rgba(38, 241, 255, .08);--color-primary-border: var(--neon-border);--primary: var(--neon-cyan);--primary-hover: #1ed4e6;--primary-light: rgba(38, 241, 255, .08);--accent-blue: var(--neon-blue);--accent-blue-hover: #4b45ff;--accent-blue-light: rgba(52, 45, 252, .12);background-color:var(--neon-bg);color:var(--neon-text)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);color:var(--color-main);background:var(--color-background);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}*:focus-visible{outline:2px solid var(--color-border-active);outline-offset:2px}.mainContent{padding:2rem}