:root{--canvas-rgb:251 243 231;--paper-rgb:255 253 248;--ink-rgb:18 58 36;--amber-rgb:224 122 46;--green-rgb:46 158 91;--canvas:rgb(var(--canvas-rgb));--paper:rgb(var(--paper-rgb));--ink:rgb(var(--ink-rgb));--amber:rgb(var(--amber-rgb));--amber-l:#f0a85e;--amber-d:#a54d0e;--green:rgb(var(--green-rgb));--green-l:#52c07c;--text:rgb(var(--ink-rgb));--muted:#3d5a48;--faint:#6a6154;--hair:rgb(var(--ink-rgb) / .09);--line:var(--hair);--glass:rgb(var(--paper-rgb) / .72);--shadow:0 16px 36px -18px rgb(var(--ink-rgb) / .26);--card:0 2px 10px rgb(var(--ink-rgb) / .07);--amber-was:rgb(var(--amber-rgb) / .13);--amber-was-sterk:rgb(var(--amber-rgb) / .22);--green-was:rgb(var(--green-rgb) / .13);--merkvlak:#123a24;--op-merkvlak:#fbf3e7;--gevaar:#c0472f;--gevaar-l:#e0725a;--klaar:#1f7a44;--waarschuwing-lijn:#e8c9a8;--glans:#ffffff59;--f-ui:-apple-system, "SF Pro Text", system-ui, sans-serif;--f-display:-apple-system, "SF Pro Display", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--canvas-rgb:11 23 16;--paper-rgb:21 35 26;--ink-rgb:237 228 212;--amber-rgb:240 168 94;--green-rgb:82 192 124;--amber-l:#f5be83;--amber-d:#e8944a;--green-l:#7fd3a0;--muted:#b3c1b6;--faint:#8a9a8e;--hair:#2a3e31;--shadow:0 16px 36px -18px #0000008c;--card:0 1px 3px #00000059;--gevaar:#e86b52;--gevaar-l:#f0937e;--klaar:#6bcb94;--waarschuwing-lijn:#6b4b2a;--glans:#ffffff0f;--merkvlak:#0f2f1d}}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;overflow-x:hidden}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}img,video,svg{max-width:100%;height:auto}html,body{color:var(--text);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:radial-gradient(46% 34% at 12% 0%, rgb(var(--amber-rgb) / .22), transparent 60%), radial-gradient(40% 44% at 92% 100%, rgb(var(--green-rgb) / .18), transparent 62%), var(--canvas);background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}.woordmerk-punt{color:var(--amber-d)}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--paper);border-right:1px solid var(--hair);flex-direction:column;gap:4px;padding:22px 14px;display:flex}.merk{font-family:var(--f-display);letter-spacing:-.03em;color:var(--ink);padding:6px 10px 20px;font-size:1.15rem;font-weight:800}.nav-item{color:var(--muted);border-radius:12px;justify-content:space-between;align-items:center;padding:11px 12px;font-size:.95rem;transition:background .18s,color .18s;display:flex}.nav-item:not(.actief):not(.uit):hover{background:rgb(var(--ink-rgb) / .05);color:var(--ink)}.nav-item.actief{background:var(--amber-was);color:var(--amber-d);box-shadow:inset 3px 0 0 var(--amber-d);font-weight:700}.nav-item.uit{color:var(--faint);cursor:default}.binnenkort{text-transform:uppercase;letter-spacing:.09em;color:var(--faint);background:rgb(var(--ink-rgb) / .05);border-radius:999px;padding:3px 7px;font-size:.62rem;font-weight:700}.hoofd{flex-direction:column;min-width:0;display:flex}.menu-toggle,.hamburger,.nav-overlay{display:none}.tabel-schuif{-webkit-overflow-scrolling:touch;min-width:0;overflow-x:auto}.tabel-schuif>.tabel{min-width:max-content}.kop{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.kop h1{font-family:var(--f-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:1.3rem;font-weight:800}.badge{color:var(--muted);background:var(--paper);border:1px solid var(--hair);border-radius:999px;padding:6px 13px;font-size:.82rem;font-weight:600}.inhoud{padding:28px}.cijfers{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:640px;display:grid}.cijfer{background:var(--paper);border:1px solid var(--hair);box-shadow:var(--card);border-radius:20px;padding:18px 20px}.cijfer .waarde{font-family:var(--f-display);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800}.cijfer .label{color:var(--muted);margin-top:4px;font-size:.85rem}.cijfer .sub{color:var(--faint);margin-top:8px;font-size:.78rem}.cijfers-breed{max-width:960px}.placeholder-note{color:var(--muted);margin-top:20px;font-size:.85rem}.lege-staat{text-align:center;color:var(--faint);flex-direction:column;align-items:center;gap:10px;padding:26px 20px;display:flex}.lege-staat-icoon{background:rgb(var(--ink-rgb) / .05);width:44px;height:44px;color:var(--faint);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.lege-staat-tekst{color:var(--muted);max-width:42ch;margin:0;font-size:.9rem}.lege-staat-cta{margin-top:4px}.inlog{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.inlog-kaart{background:var(--paper);border:1px solid var(--hair);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:24px;padding:28px}.inlog-kaart h1{font-family:var(--f-display);letter-spacing:-.03em;color:var(--ink);margin:0 0 6px;font-size:1.5rem;font-weight:800}.inlog-kaart .lede{color:var(--muted);margin:0 0 20px;font-size:.92rem}.veld{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.veld label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:.6875rem;font-weight:600}.veld input{border:1px solid var(--hair);background:var(--paper);color:var(--text);font:inherit;border-radius:14px;padding:12px 13px;font-size:.95rem}.veld input:focus-visible,.zoekrij input:focus-visible,.filterrij input:focus-visible{outline:2px solid var(--amber-l);outline-offset:1px}.knop{background:linear-gradient(150deg, var(--amber-l), var(--amber-d));width:100%;color:var(--op-merkvlak);font:inherit;cursor:pointer;box-shadow:0 12px 28px -14px rgb(var(--amber-rgb) / .9);border:none;border-radius:14px;padding:13px;font-size:.95rem;font-weight:700}.knop:disabled{opacity:.5;cursor:default;box-shadow:none}.melding{border:1px solid var(--hair);background:var(--paper);color:var(--muted);border-radius:14px;margin-bottom:14px;padding:11px 13px;font-size:.88rem}.melding.waarschuwing{border-color:var(--waarschuwing-lijn);background:var(--amber-was);color:var(--text)}.zoekbalk{max-width:640px;margin-bottom:20px}.veld-label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;font-size:.6875rem;font-weight:600;display:block}.zoekrij,.filterrij{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.zoekrij input,.filterrij input{border:1px solid var(--hair);background:var(--paper);min-width:0;color:var(--text);font:inherit;border-radius:14px;flex:180px;padding:11px 13px;font-size:.92rem}.knop-inline{flex:none;width:auto;padding:11px 20px}.tabel{border-collapse:collapse;width:100%;font-size:.9rem}.tabel th,.tabel td{text-align:left;border-bottom:1px solid var(--hair);vertical-align:top;padding:11px 12px}.tabel thead th{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.tabel-sleutel th{color:var(--muted);width:40%;font-weight:500}.tabel:not(.tabel-sleutel) thead th{z-index:1;background:var(--paper);box-shadow:inset 0 -1px var(--hair);position:sticky;top:0}.tabel:not(.tabel-sleutel) tbody tr:nth-child(2n){background:rgb(var(--ink-rgb) / .022)}.tabel:not(.tabel-sleutel) tbody tr{transition:background .14s}.tabel:not(.tabel-sleutel) tbody tr:hover{background:rgb(var(--amber-rgb) / .08)}.tabel:not(.tabel-sleutel) tbody tr:last-child td{border-bottom:none}.link{color:var(--amber-d);font-weight:600}.mono{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.kruimel{margin:0 0 12px;font-size:.88rem}.detail-kop h2{font-family:var(--f-display);letter-spacing:-.03em;color:var(--ink);margin:0 0 4px;font-size:1.4rem;font-weight:800}.blok{background:var(--paper);border:1px solid var(--hair);box-shadow:var(--card);border-radius:20px;max-width:720px;margin-top:16px;padding:18px 20px}.blok h3{font-family:var(--f-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 12px;font-size:1.05rem;font-weight:800}.rijlijst{color:var(--muted);margin:0;padding-left:18px;font-size:.9rem;line-height:1.7}.detail-acties{margin:12px 0 0}.knop-link{width:auto;display:inline-block}.gevarenzone{border-color:rgb(from var(--gevaar) r g b / .35)}.gevarenzone h3{color:var(--gevaar)}.gevarenzone .zoekrij{margin-top:6px}.knop-gevaar{background:linear-gradient(150deg, var(--gevaar-l), var(--gevaar));box-shadow:0 12px 28px -14px rgb(var(--ink-rgb) / .4)}.melding.geslaagd{background:var(--green-was);color:var(--klaar);border-color:#0000}.abon-form{margin-top:4px}.abon-velden{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.abon-veld{flex:160px;min-width:0}.abon-veld .veld-label{margin-bottom:6px}.abon-veld .statusselect{width:100%}.abon-intrekken{border-top:1px solid var(--hair);margin-top:14px;padding-top:14px}.knop-stil{background:var(--paper);color:var(--muted);border:1px solid var(--hair);box-shadow:none}.statusfilter{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filterchip{border:1px solid var(--hair);background:var(--paper);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:600}.filterchip.actief{background:var(--amber-was-sterk);color:var(--amber-d);border-color:#0000}.statuspil{white-space:nowrap;border:1px solid var(--hair);background:var(--paper);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.statuspil.status-open{background:var(--amber-was);color:var(--amber-d);border-color:var(--waarschuwing-lijn)}.statuspil.status-in_behandeling{background:var(--amber-was-sterk);color:var(--amber-d);border-color:#0000}.statuspil.status-beantwoord{background:var(--green-was);color:var(--klaar);border-color:#0000}.statuspil.status-gesloten{background:var(--paper);color:var(--faint)}.gesprek{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.bericht{border:1px solid var(--hair);border-radius:16px;max-width:85%;padding:10px 14px}.bericht-gebruiker{background:var(--paper);border-bottom-left-radius:4px;align-self:flex-start}.bericht-support{background:var(--amber-was);border-color:#0000;border-bottom-right-radius:4px;align-self:flex-end}.bericht-van{letter-spacing:.03em;color:var(--faint);margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.bericht-body{color:var(--text);white-space:pre-wrap;margin:0;font-size:.92rem;line-height:1.5}.tekstveld{border:1px solid var(--hair);background:var(--paper);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:14px;padding:11px 13px;font-size:.92rem}.tekstveld:focus-visible,.statusselect:focus-visible{outline:2px solid var(--amber-l);outline-offset:1px}.statusrij{margin-top:12px}.statusselect{border:1px solid var(--hair);background:var(--paper);min-width:0;color:var(--text);font:inherit;border-radius:14px;flex:180px;padding:11px 13px;font-size:.92rem}.veld input:hover,.zoekrij input:hover,.filterrij input:hover,.tekstveld:hover,.statusselect:hover{border-color:rgb(var(--ink-rgb) / .2)}select.statusselect{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%233D5A48' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M1 1.5 6 6.5 11 1.5'/></svg>");background-position:right 13px center;background-repeat:no-repeat;padding-right:34px}@media (prefers-color-scheme:dark){select.statusselect{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23B3C1B6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M1 1.5 6 6.5 11 1.5'/></svg>")}}.staaf-chart{align-items:flex-end;gap:6px;height:160px;display:flex;overflow-x:auto}.staaf-kolom{flex-direction:column;flex:1 1 0;align-items:center;min-width:26px;height:100%;display:flex}.staaf-waarde{color:var(--faint);font-variant-numeric:tabular-nums;height:1.1em;font-size:.72rem;line-height:1.1}.staaf-spoor{flex:1;align-items:flex-end;width:100%;display:flex}.staaf-vulling{background:linear-gradient(180deg, var(--green-l), var(--green));border-radius:6px 6px 0 0;width:100%;min-height:2px}.staaf-label{color:var(--faint);white-space:nowrap;margin-top:6px;font-size:.68rem}.balk-lijst{flex-direction:column;gap:12px;display:flex}.balk-rij{grid-template-columns:130px 1fr 48px;align-items:center;gap:10px;display:grid}.balk-label{color:var(--muted);font-size:.88rem}.balk-spoor{background:rgb(var(--ink-rgb) / .07);border-radius:99px;height:18px;overflow:hidden}.balk-vulling{background:linear-gradient(90deg, var(--green), var(--green-l));border-radius:99px;min-width:2px;height:100%}.balk-waarde{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}@media (max-width:640px){.balk-rij{grid-template-columns:96px 1fr 44px;gap:8px}.balk-label{font-size:.8rem}.staaf-label{font-size:.6rem}}@media (max-width:768px){.shell{grid-template-columns:1fr}.menu-toggle{opacity:0;cursor:pointer;width:44px;height:44px;margin:0;display:block;position:absolute;top:12px;left:16px}.hamburger{border:1px solid var(--hair);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;flex:none;justify-content:center;gap:4px;margin-left:-4px;padding:11px;display:inline-flex}.menu-toggle:focus-visible~.hoofd .hamburger{outline:2px solid var(--amber-l);outline-offset:1px}.menu-streep{background:currentColor;border-radius:2px;width:100%;height:2px;display:block}.sidebar{z-index:40;width:264px;max-width:84vw;box-shadow:var(--shadow);transition:transform .24s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.menu-toggle:checked~.sidebar{transform:translate(0)}.nav-overlay{z-index:30;background:rgb(var(--ink-rgb) / .34);opacity:0;pointer-events:none;transition:opacity .24s;display:block;position:fixed;inset:0}.menu-toggle:checked~.nav-overlay{opacity:1;pointer-events:auto}.kop{gap:10px;padding:12px 16px}.kop h1{font-size:1.15rem}.inhoud{padding:16px}.tabel-schuif{-webkit-overflow-scrolling:touch;overflow-x:auto}.abon-velden{flex-direction:column;gap:14px}.abon-veld{flex:auto;width:100%}.zoekrij,.filterrij{flex-direction:column;align-items:stretch}.zoekrij input,.filterrij input{flex-basis:auto}.zoekrij .knop-inline,.filterrij .knop-inline{width:100%}.veld input,.zoekrij input,.filterrij input,.tekstveld,.statusselect,.knop,.knop-inline{min-height:44px}}@media (prefers-reduced-motion:reduce){.sidebar,.nav-overlay{transition:none}}.skelet{background:linear-gradient(90deg, rgb(var(--ink-rgb) / .05), rgb(var(--ink-rgb) / .1), rgb(var(--ink-rgb) / .05));background-size:200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite skelet-glans;display:block}@keyframes skelet-glans{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skelet{animation:none}}.laad-nav{pointer-events:none}.skelet-navtekst{border-radius:6px;width:68%;height:12px}.skelet-badge{border-radius:999px;width:96px;height:30px;display:inline-block}.cijfer .skelet-waarde{width:58%;height:26px;margin-bottom:12px}.cijfer .skelet-label{width:82%;height:12px}.blok .skelet-kop{width:40%;height:18px;margin-bottom:16px}.blok .skelet-regel{width:100%;height:12px;margin-bottom:12px}.blok .skelet-regel:last-child{width:68%;margin-bottom:0}.skelet-tabel-kop,.skelet-tabel-rij{border-bottom:1px solid var(--hair);gap:16px;padding:12px;display:flex}.skelet-tabel-rij:last-child{border-bottom:none}.skelet-cel{flex:1;height:12px}.skelet-tabel-kop .skelet-cel{opacity:.7;max-width:90px;height:10px}.fout-lijst{gap:10px;display:grid}.fout-kaart{border:1px solid var(--line);background:var(--paper);box-shadow:var(--card);border-radius:14px;padding:12px 14px}.fout-kaart[data-status=opgelost]{opacity:.62}.fout-kaart[data-status=genegeerd]{opacity:.48}.fout-kaart[data-status=heropend]{border-color:#b5361f73}.fout-kop{align-items:center;gap:10px;min-width:0;display:flex}.fout-score{font-family:var(--f-display);font-variant-numeric:tabular-nums;color:var(--amber-d);text-align:right;flex:none;min-width:3ch;font-weight:800}.fout-bericht{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:600;overflow:hidden}.fout-pil{text-transform:uppercase;letter-spacing:.03em;border-radius:99px;flex:none;padding:2px 9px;font-size:.6875rem;font-weight:700}.pil-open{background:var(--hair);color:var(--faint)}.pil-nieuw{background:var(--amber-was-sterk);color:var(--amber-d)}.pil-heropend{color:#b5361f;background:#b5361f29}.pil-opgelost{background:var(--green-was);color:#1e7a44}.pil-genegeerd{background:var(--hair);color:var(--faint)}.fout-meta{color:var(--faint);margin:7px 0 10px;font-size:.8125rem}.fout-acties{flex-wrap:wrap;gap:6px;display:flex}.knop-mini{border:1px solid var(--line);background:var(--canvas);color:var(--text);cursor:pointer;border-radius:8px;padding:4px 11px;font-size:.75rem;font-weight:600}.knop-mini:hover{background:var(--amber-was);border-color:var(--amber-l)}.netjes-lijst{gap:2px;margin:0;padding:0;list-style:none;display:grid}.netjes-lijst>li{border-bottom:1px solid var(--line);padding:8px 0;font-size:.875rem}.netjes-lijst>li:last-child{border-bottom:none}