.zij{display:flex;flex-direction:column;width:252px;flex-shrink:0;background:var(--side, hsl(222 20% 14%));color:var(--side-ink, oklch(.945 .008 80))}.zij a{text-decoration:none}.zij-kop{padding:1.35rem 1.15rem 1.1rem}.zij-merk{display:inline-flex;align-items:center;gap:.6rem}.zij-stamp{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent, oklch(.735 .15 50));transform:rotate(-5deg);box-shadow:2px 2px #ffffff24}.zij-stamp svg{display:block}.zij-woord{font:800 1.02rem/1 var(--fd, "Bricolage Grotesque", Georgia, serif);letter-spacing:-.01em;color:var(--side-ink, oklch(.945 .008 80))}.zij-woord i{font-style:normal;color:var(--accent, oklch(.735 .15 50))}.zij-eyebrow{margin-top:.55rem;font:600 .6875rem/1 var(--fb, "Space Grotesk", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.14em;color:var(--a-300, oklch(.8 .115 54))}.zij-vak{margin-top:.8rem}.zij-vak:empty{display:none}.zij-nav{flex:1;min-height:0;overflow-y:auto;padding:0 .85rem 1rem;scrollbar-width:thin;scrollbar-color:oklch(1 0 0 / .16) transparent}.zij-sec{padding:14px 12px 7px;font:600 .66rem/1 var(--fb, "Space Grotesk", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.1em;color:var(--a-300, oklch(.8 .115 54));opacity:.9}.zij-groep{margin-top:6px;border-top:1px solid var(--side-line, oklch(1 0 0 / .09))}.zij-groep:first-child{margin-top:0;border-top:none}.zij-link{position:relative;display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;margin-top:2px;border-radius:var(--r-control, 10px);color:var(--side-soft, oklch(.945 .008 80 / .66));font:600 .875rem/1 var(--fb, "Space Grotesk", system-ui, sans-serif);transition:background .12s ease,color .12s ease}.zij-link:hover{background:var(--side-hover, oklch(1 0 0 / .08));color:var(--side-ink, oklch(.945 .008 80))}.zij-link.is-actief{background:var(--side-active, oklch(1 0 0 / .12));color:#fff}.zij-link.is-actief svg{color:var(--a-300, oklch(.8 .115 54))}.zij-link.is-actief:before{content:"";position:absolute;left:-14px;top:.45rem;bottom:.45rem;width:3px;border-radius:999px;background:var(--accent, oklch(.735 .15 50))}.zij-link svg{flex:none}.zij .tel{margin-left:auto;min-width:20px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent, oklch(.735 .15 50));color:var(--on-accent, oklch(.205 .016 50));font:700 .68rem/1 var(--fb, "Space Grotesk", system-ui, sans-serif);font-variant-numeric:tabular-nums;border-radius:999px}.zij .tel[hidden]{display:none}.zij-onder{margin-top:auto;padding:.8rem .85rem 1rem;border-top:1px solid var(--side-line, oklch(1 0 0 / .09))}.zij-demo summary{list-style:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;gap:.65rem;padding:.5rem .75rem;border-radius:var(--r-control, 10px);color:var(--side-soft, oklch(.945 .008 80 / .66));font:600 .82rem/1 var(--fb, "Space Grotesk", system-ui, sans-serif);transition:background .12s ease,color .12s ease}.zij-demo summary::-webkit-details-marker{display:none}.zij-demo summary:hover{background:var(--side-hover, oklch(1 0 0 / .08));color:var(--side-ink, oklch(.945 .008 80))}.zij-demo .demo-aan{width:8px;height:8px;border-radius:50%;margin-left:auto;background:var(--accent, oklch(.735 .15 50))}.zij-keuze{width:100%;height:38px;margin-top:.5rem;padding:0 .75rem;background:var(--side-hover, oklch(1 0 0 / .08));color:var(--side-ink, oklch(.945 .008 80));border:1px solid oklch(1 0 0 / .14);border-radius:var(--r-control, 10px);font:600 .82rem/1 var(--fb, "Space Grotesk", system-ui, sans-serif);cursor:pointer}.zij-keuze option{color:#1d1511;background:#fff}.zij-wie{display:flex;align-items:center;gap:.6rem;padding:.55rem .35rem 0}.zij-wie b{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--accent, oklch(.735 .15 50));color:var(--on-accent, oklch(.205 .016 50));font:700 .82rem/1 var(--fb, "Space Grotesk", system-ui, sans-serif)}.zij-wie .wie-naam{min-width:0;flex:1}.zij-wie .wie-naam span{display:block;font:600 .85rem/1.3 var(--fb, "Space Grotesk", system-ui, sans-serif);color:var(--side-ink, oklch(.945 .008 80));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zij-wie .wie-naam small{display:block;font:600 .62rem/1.4 var(--fb, "Space Grotesk", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.1em;color:var(--a-300, oklch(.8 .115 54))}.zij-uit{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:8px;background:none;border:none;cursor:pointer;color:var(--side-soft, oklch(.945 .008 80 / .66));transition:background .12s ease,color .12s ease}.zij-uit:hover{background:var(--side-hover, oklch(1 0 0 / .08));color:var(--side-ink, oklch(.945 .008 80))}:root{--n-50: oklch(.982 .006 74);--n-100: oklch(.968 .008 74);--n-150: oklch(.945 .01 73);--n-200: oklch(.918 .012 72);--n-250: oklch(.9 .013 72);--n-300: oklch(.858 .015 71);--n-400: oklch(.74 .018 68);--n-500: oklch(.612 .02 65);--n-600: oklch(.52 .021 62);--n-700: oklch(.415 .02 58);--n-800: oklch(.315 .018 54);--n-900: oklch(.245 .017 52);--n-950: oklch(.205 .016 50);--a-50: oklch(.968 .02 66);--a-100: oklch(.93 .045 62);--a-200: oklch(.865 .08 58);--a-300: oklch(.8 .115 54);--a-400: oklch(.735 .15 50);--a-500: oklch(.665 .16 46);--a-600: oklch(.585 .155 42);--a-700: oklch(.485 .135 40);--a-800: oklch(.4 .11 38);--bg: var(--n-100);--surface: oklch(.995 .004 80);--surface-raised: var(--n-50);--surface-sunken: var(--n-150);--ink: var(--n-950);--ink-soft: var(--n-600);--ink-subtle: var(--n-400);--line: var(--n-200);--line-strong: var(--n-250);--accent: var(--a-400);--accent-ink: var(--a-700);--accent-tint: var(--a-50);--accent-tint2: var(--a-100);--on-accent: var(--n-950);--success: oklch(.56 .11 155);--success-ink: oklch(.47 .1 156);--success-tint: oklch(.955 .028 158);--info-ink: oklch(.43 .06 250);--info-tint: oklch(.955 .02 245);--warn-ink: oklch(.47 .09 70);--warn-tint: oklch(.93 .045 78);--danger: oklch(.505 .15 32);--danger-ink: oklch(.47 .15 32);--danger-tint: oklch(.96 .02 40);--neutral-tint: var(--surface-sunken);--neutral-ink: var(--ink-soft);--focus-ring: oklch(.735 .15 50 / .42);--side: hsl(222 20% 14%);--side-ink: oklch(.945 .008 80);--side-line: oklch(1 0 0 / .09);--side-soft: oklch(.945 .008 80 / .66);--side-hover: oklch(1 0 0 / .08);--side-active: oklch(1 0 0 / .12);--fd: "Bricolage Grotesque", Georgia, serif;--fb: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--text-display: 700 clamp(1.7rem, 2.6vw, 2.2rem)/1.1 var(--fd);--text-h2: 650 1.08rem/1.25 var(--fd);--text-title: 600 1.02rem/1.3 var(--fd);--text-body: 400 .9375rem/1.6 var(--fb);--text-body-sm: 400 .8125rem/1.5 var(--fb);--text-label: 600 .8125rem/1.3 var(--fb);--text-eyebrow: 600 .6875rem/1 var(--fb);--r-control: 10px;--r-card: 16px;--r-modal: 20px;--r-pill: 999px;--e1: 0 1px 2px oklch(.205 .016 50 / .05), 0 4px 10px -4px oklch(.205 .016 50 / .1);--e2: 0 2px 4px oklch(.205 .016 50 / .05), 0 12px 28px -12px oklch(.205 .016 50 / .16);--e3: 0 8px 20px -8px oklch(.205 .016 50 / .2), 0 30px 60px -30px oklch(.205 .016 50 / .3);--dur-1: .12s;--dur-2: .18s;--dur-3: .24s;--dur-4: .4s;--ease-out: cubic-bezier(.22, .7, .2, 1);--ring: 0 0 0 3px var(--focus-ring)}body.dash{background:radial-gradient(1200px 620px at 82% -18%,oklch(.735 .15 50 / .03),transparent 60%),var(--bg);color:var(--ink);font:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.dash h1,.dash h2,.dash h3{font-family:var(--fd);letter-spacing:-.02em;text-wrap:balance;margin:0}.dash .num,.dash table td,.dash table th{font-variant-numeric:tabular-nums lining-nums}.dash svg{flex:none}.dash :where(a,button,[role=button],summary):focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;border-radius:var(--r-control)}.dash :where(input,textarea,select):focus-visible{outline:0;box-shadow:var(--ring);border-color:var(--accent)}.dash button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.dash [hidden]{display:none!important}.balk-melding{display:flex;align-items:center;gap:.7rem;padding:.55rem 1.25rem;background:var(--side);color:var(--side-soft);font:var(--text-body-sm);border-bottom:1px solid var(--side-line)}.balk-melding svg{color:var(--a-300)}.balk-melding b{color:var(--side-ink);font-weight:600}.balk-melding .balk-uit{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .85rem;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--r-pill);font:600 .8rem/1.4 var(--fb);cursor:pointer;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.balk-melding .balk-uit:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f38a4a66}.blad{max-width:1180px;margin:0 auto;padding:2.2rem 2.4rem 3rem}.kop .vooraf{font:var(--text-eyebrow);letter-spacing:.13em;text-transform:uppercase;color:var(--accent-ink)}.kop h1{font:var(--text-display);letter-spacing:-.02em;margin-top:.35rem}.kop .toel{color:var(--ink-soft);margin:.4rem 0 0;max-width:62ch}.sectiekop{display:flex;align-items:baseline;gap:.7rem;margin:0 0 .9rem}.sectiekop h2{font:var(--text-h2);letter-spacing:-.01em}.sectiekop .toel{color:var(--ink-subtle);font-size:.82rem}.werkbalk{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.veldkeuze{position:relative}.veldkeuze select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:38px;padding:0 2.1rem 0 .95rem;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-control);font:600 .85rem/1 var(--fb);cursor:pointer;box-shadow:var(--e1);transition:border-color var(--dur-1) var(--ease-out)}.veldkeuze select:hover{border-color:var(--n-300)}.veldkeuze svg{position:absolute;right:.7rem;top:50%;translate:0 -50%;pointer-events:none;color:var(--ink-subtle)}.segment{display:inline-flex;padding:3px;gap:2px;background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--r-pill)}.segment a,.segment button{display:inline-flex;align-items:center;height:30px;padding:0 .85rem;border-radius:var(--r-pill);border:none;background:none;font:600 .82rem/1 var(--fb);color:var(--ink-soft);text-decoration:none;cursor:pointer;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.segment a:hover,.segment button:hover{color:var(--ink)}.segment .is-actief{background:var(--surface);color:var(--ink);box-shadow:var(--e1)}.chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip{display:inline-flex;align-items:center;gap:.45rem;height:34px;padding:0 .9rem;background:var(--surface);color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:var(--r-pill);font:600 .84rem/1 var(--fb);text-decoration:none;transition:border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.chip:hover{border-color:var(--n-300);color:var(--ink)}.chip.is-actief{background:var(--ink);color:var(--n-50);border-color:var(--ink)}.chip .chip-tel{font:600 .72rem/1 var(--fb);color:var(--ink-subtle)}.chip.is-actief .chip-tel{color:var(--n-400)}.kaart{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--e1)}a.kaart,.kaart-klik{transition:box-shadow var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}a.kaart:hover,.kaart-klik:hover{box-shadow:var(--e2);transform:translateY(-2px)}.kpi{padding:1.05rem 1.2rem}.kpi-tegel{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-control);background:var(--accent-tint2);color:var(--accent-ink)}.kpi-tegel.succes{background:var(--success-tint);color:var(--success-ink)}.kpi-tegel.gevaar{background:var(--danger-tint);color:var(--danger-ink)}.kpi-tegel.waarschuwing{background:var(--warn-tint);color:var(--warn-ink)}.kpi-tegel.info{background:var(--info-tint);color:var(--info-ink)}.kpi-cijfer{font:700 1.85rem/1 var(--fd);letter-spacing:-.02em;margin-top:.7rem}.kpi-label{font:var(--text-label);color:var(--ink-soft);margin-top:.3rem}.kpi-hint{font:400 .72rem/1.4 var(--fb);color:var(--ink-subtle);margin-top:.25rem}.kpi.held{background:var(--n-950);border-color:var(--n-950);box-shadow:0 10px 26px -12px #f38a4a8c}.kpi.held .kpi-tegel{background:var(--accent);color:var(--on-accent)}.kpi.held .kpi-cijfer{color:var(--n-50)}.kpi.held .kpi-label{color:#f0ece7b8}.kpi.held .kpi-hint{color:#f0ece780}.delta{display:inline-flex;align-items:center;gap:.25rem;font:600 .72rem/1 var(--fb);font-variant-numeric:tabular-nums;padding:.18rem .5rem;border-radius:var(--r-pill);background:var(--success-tint);color:var(--success-ink)}.delta.min{background:var(--danger-tint);color:var(--danger-ink)}.delta.stil{background:var(--neutral-tint);color:var(--neutral-ink)}.kpi.held .delta{background:#ffffff24;color:var(--a-200)}.kpi.held .delta.min{background:#ffffff1f;color:#f5c5b4}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:var(--r-pill);font:600 .72rem/1.4 var(--fb)}.badge.accent{background:var(--accent-tint2);color:var(--accent-ink)}.badge.succes{background:var(--success-tint);color:var(--success-ink)}.badge.info{background:var(--info-tint);color:var(--info-ink)}.badge.waarschuwing{background:var(--warn-tint);color:var(--warn-ink)}.badge.gevaar{background:var(--danger-tint);color:var(--danger-ink)}.badge.stil{background:var(--neutral-tint);color:var(--neutral-ink)}.knop{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:38px;padding:0 1.1rem;border-radius:var(--r-control);border:1px solid transparent;font:600 .88rem/1 var(--fb);text-decoration:none;cursor:pointer;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.knop.primair{background:var(--ink);color:var(--n-50)}.knop.primair:hover{box-shadow:var(--e2);transform:translateY(-1px)}.knop.primair:active{transform:translateY(1px) scale(.99)}.knop.accent{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 10px #f38a4a59}.knop.accent:hover{box-shadow:0 4px 16px #f38a4a73;transform:translateY(-1px)}.knop.spook{background:transparent;color:var(--ink-soft);border-color:var(--line-strong)}.knop.spook:hover{background:var(--surface-sunken);color:var(--ink)}.knop.klein{height:32px;padding:0 .8rem;font-size:.8rem}.balk-rij{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:.35rem;align-items:baseline;padding:.45rem 0}.balk-rij .balk-wat{display:flex;align-items:baseline;gap:.5rem;min-width:0;font:500 .875rem/1.3 var(--fb)}.balk-rij .balk-wat .waar{color:var(--ink-subtle);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balk-rij .balk-tal{font:650 .9rem/1 var(--fb);font-variant-numeric:tabular-nums}.balk-spoor{grid-column:1 / -1;height:7px;border-radius:var(--r-pill);background:var(--surface-sunken);overflow:hidden}.balk-vul{display:block;height:100%;border-radius:var(--r-pill);background:var(--accent);transition:width var(--dur-4) var(--ease-out)}.balk-vul.inkt{background:var(--n-700)}.balk-vul.succes{background:var(--success)}.balk-vul.gevaar{background:var(--danger)}.balk-vul.zacht{background:var(--a-200)}.tabel{width:100%;border-collapse:collapse;font:var(--text-body-sm)}.tabel th{font:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-subtle);text-align:left;padding:0 .75rem .6rem;border-bottom:1px solid var(--line-strong)}.tabel td{padding:.62rem .75rem;border-bottom:1px solid var(--line);vertical-align:baseline}.tabel tbody tr:last-child td{border-bottom:none}.tabel tbody tr{transition:background var(--dur-1) var(--ease-out)}.tabel tbody tr:hover{background:var(--surface-raised)}.tabel .cijfer{text-align:right;font-weight:650}.tabel-scroll{overflow-x:auto}.leeg{text-align:center;padding:3rem 1.5rem}.leeg-tegel{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--accent-tint2);color:var(--accent-ink)}.leeg .leeg-tegel{margin:0 auto 1rem}.leeg h2,.leeg h3{font:var(--text-h2)}.leeg p{color:var(--ink-soft);font-size:.9rem;max-width:44ch;margin:.45rem auto 0}.leeg .knop{margin-top:1.2rem}.code-veld{display:block;background:var(--surface-sunken);border:1px solid var(--line-strong);border-radius:var(--r-control);padding:.6rem .85rem;font:500 .8rem/1.5 ui-monospace,SF Mono,Menlo,monospace;color:var(--ink);overflow-x:auto;white-space:nowrap}.diepbaar{position:relative;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.diepbaar:after{content:"";position:absolute;top:1.1rem;right:1.1rem;width:7px;height:7px;border-right:1.5px solid var(--ink-subtle);border-top:1.5px solid var(--ink-subtle);rotate:45deg;opacity:.55;transition:opacity var(--dur-2) var(--ease-out),translate var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.diepbaar:hover:after{opacity:1;translate:2px 0;border-color:var(--accent-ink)}.diepbaar .kpi-cijfer{transition:color var(--dur-2) var(--ease-out)}.diepbaar:hover .kpi-cijfer{color:var(--accent-ink)}button.balk-rij{width:100%;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--r-control);padding-inline:.4rem;margin-inline:-.4rem;transition:background var(--dur-1) var(--ease-out)}button.balk-rij:hover{background:var(--surface-raised)}button.balk-rij:hover .balk-tal{color:var(--accent-ink)}@media(prefers-reduced-motion:no-preference){.rijz{animation:rijz var(--dur-4) var(--ease-out) both;animation-delay:var(--d, 0ms)}@keyframes rijz{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.dash .dash-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--e1)}.dash .retro-display{font-family:var(--fd);font-weight:700;letter-spacing:-.02em}.dash-side{transition:transform .28s cubic-bezier(.22,.7,.2,1)}.dash-side.is-open{transform:translate(0)}.dash-backdrop{background:#1d15118c;opacity:0;pointer-events:none;transition:opacity .28s}.dash-backdrop.is-open{opacity:1;pointer-events:auto}.m-balk{background:var(--surface);border-bottom:1px solid var(--line-strong)}.m-merk{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--on-accent);transform:rotate(-5deg)}.m-knop{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-control);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .12s ease}.m-knop:hover{background:var(--surface-sunken)}@media(max-width:640px){.blad{padding:1.4rem 1.1rem 2.4rem}}@media(min-width:641px)and (max-width:1023px){.blad{padding:1.8rem 1.6rem 2.6rem}}