.knop{display:inline-flex;align-items:center;justify-content:center;gap:var(--ruimte-2);min-height:2.75rem;padding:0 var(--ruimte-4);border:1px solid transparent;border-radius:var(--rond-m);background:var(--kleur-accent);color:var(--kleur-accent-tekst);font-size:var(--tekst-s);font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .12s ease,border-color .12s ease}.knop:hover:not(:disabled){background:var(--kleur-accent-sterk)}.knop:disabled{opacity:.55;cursor:not-allowed}.knop--tweede{background:var(--kleur-vlak);color:var(--kleur-tekst);border-color:var(--kleur-rand)}.knop--tweede:hover:not(:disabled){background:var(--kleur-vlak-zacht)}.knop--stil{background:transparent;color:var(--kleur-tekst-zacht)}.knop--stil:hover:not(:disabled){background:var(--kleur-vlak-zacht);color:var(--kleur-tekst)}.knop--gevaar{background:var(--kleur-fout);color:#fff}:root[data-thema=donker] .knop--gevaar{color:#2b0d0f}.knop--klein{min-height:2.125rem;padding:0 var(--ruimte-3);font-size:var(--tekst-xs)}.knop--breed{width:100%}.kaart{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--rond-l);box-shadow:var(--schaduw-1)}.kaart__kop{display:flex;flex-wrap:wrap;gap:var(--ruimte-3);align-items:baseline;justify-content:space-between;padding:var(--ruimte-4) var(--ruimte-5);border-bottom:1px solid var(--kleur-rand)}.kaart__titel{margin:0;font-size:var(--tekst-l)}.kaart__lijf{padding:var(--ruimte-5)}.kaart__lijf--strak{padding:0}.kerncijfer{display:flex;flex-direction:column;gap:var(--ruimte-1);padding:var(--ruimte-4) var(--ruimte-5)}.kerncijfer__label{font-size:var(--tekst-s);color:var(--kleur-tekst-zacht);font-weight:600}.kerncijfer__waarde{font-size:var(--tekst-groot);font-weight:680;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kerncijfer__uitleg{font-size:var(--tekst-xs);color:var(--kleur-tekst-uit);margin:0}.veld{display:flex;flex-direction:column;gap:var(--ruimte-2);margin-bottom:var(--ruimte-4)}.veld__label{font-size:var(--tekst-s);font-weight:600}.veld__invoer{min-height:2.75rem;padding:0 var(--ruimte-3);background:var(--kleur-vlak);border:1px solid var(--kleur-rand-sterk);border-radius:var(--rond-m);width:100%}textarea.veld__invoer{padding:var(--ruimte-3);min-height:6rem;resize:vertical}.veld__invoer:hover{border-color:var(--kleur-accent)}.veld__invoer[aria-invalid=true]{border-color:var(--kleur-fout);border-width:2px}.veld__invoer:disabled{background:var(--kleur-vlak-zacht);border-color:var(--kleur-rand);border-style:dashed;cursor:not-allowed}.veld__invoer:disabled:hover{border-color:var(--kleur-rand)}.veld__uitleg{font-size:var(--tekst-xs);color:var(--kleur-tekst-zacht)}.veld__fout{font-size:var(--tekst-xs);color:var(--kleur-fout);font-weight:600}.veldrij{display:grid;gap:var(--ruimte-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.melding{display:flex;gap:var(--ruimte-3);padding:var(--ruimte-4);border-radius:var(--rond-m);border:1px solid transparent;margin-bottom:var(--ruimte-4)}.melding__inhoud{flex:1}.melding__titel{font-weight:650;margin:0 0 var(--ruimte-1)}.melding__tekst{margin:0;font-size:var(--tekst-s)}.melding--info{background:var(--kleur-info-zacht);border-color:var(--kleur-info);color:var(--kleur-tekst)}.melding--goed{background:var(--kleur-goed-zacht);border-color:var(--kleur-goed)}.melding--let-op{background:var(--kleur-let-op-zacht);border-color:var(--kleur-let-op)}.melding--fout{background:var(--kleur-fout-zacht);border-color:var(--kleur-fout)}.melding__teken{font-size:var(--tekst-l);line-height:1.3}.etiket{display:inline-flex;align-items:center;gap:var(--ruimte-1);padding:.15rem var(--ruimte-2);border-radius:var(--rond-rond);font-size:var(--tekst-xs);font-weight:650;border:1px solid transparent;white-space:nowrap}.etiket--neutraal{background:var(--kleur-vlak-zacht);color:var(--kleur-tekst-zacht);border-color:var(--kleur-rand)}.etiket--goed{background:var(--kleur-goed-zacht);color:var(--kleur-goed);border-color:var(--kleur-goed)}.etiket--let-op{background:var(--kleur-let-op-zacht);color:var(--kleur-let-op);border-color:var(--kleur-let-op)}.etiket--fout{background:var(--kleur-fout-zacht);color:var(--kleur-fout);border-color:var(--kleur-fout)}.etiket--info{background:var(--kleur-info-zacht);color:var(--kleur-info);border-color:var(--kleur-info)}.tabelomhulsel{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabel{width:100%;border-collapse:collapse;font-size:var(--tekst-s)}.tabel caption{text-align:left;padding:var(--ruimte-3) var(--ruimte-5);color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs)}.tabel th,.tabel td{padding:var(--ruimte-3) var(--ruimte-4);text-align:left;border-bottom:1px solid var(--kleur-rand);vertical-align:top}.tabel th{font-weight:650;color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs);text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;background:var(--kleur-vlak);z-index:1}.tabel td.rechts,.tabel th.rechts{text-align:right}.tabel tbody tr:hover{background:var(--kleur-vlak-zacht)}.tabel tbody tr:last-child td{border-bottom:none}.tabel__totaal td{font-weight:700;border-top:2px solid var(--kleur-rand-sterk)}@media(max-width:40rem){.tabel--stapelbaar thead{display:none}.tabel--stapelbaar tbody tr{display:block;border:1px solid var(--kleur-rand);border-radius:var(--rond-m);margin-bottom:var(--ruimte-3);padding:var(--ruimte-2)}.tabel--stapelbaar tbody td{display:flex;justify-content:space-between;gap:var(--ruimte-3);border:none;padding:var(--ruimte-2);text-align:right}.tabel--stapelbaar tbody td:before{content:attr(data-label);font-weight:650;color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs);text-align:left}}.leegstaat{display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-7) var(--ruimte-5);text-align:center;color:var(--kleur-tekst-zacht)}.leegstaat__titel{font-size:var(--tekst-l);font-weight:650;color:var(--kleur-tekst);margin:0}.laadbalk{height:3px;background:var(--kleur-accent-zacht);overflow:hidden;border-radius:var(--rond-rond)}.laadbalk:after{content:"";display:block;height:100%;width:40%;background:var(--kleur-accent);animation:schuif 1.1s ease-in-out infinite}@keyframes schuif{0%{transform:translate(-100%)}to{transform:translate(350%)}}.skelet{background:linear-gradient(90deg,var(--kleur-vlak-zacht) 25%,var(--kleur-rand) 50%,var(--kleur-vlak-zacht) 75%);background-size:200% 100%;animation:glans 1.4s ease-in-out infinite;border-radius:var(--rond-s);height:1rem}@keyframes glans{0%{background-position:200% 0}to{background-position:-200% 0}}.dialoog{border:none;border-radius:var(--rond-l);padding:0;background:var(--kleur-vlak);color:var(--kleur-tekst);box-shadow:var(--schaduw-3);max-width:min(38rem,calc(100vw - 2rem));width:100%}.dialoog::backdrop{background:#0a14138c}.dialoog__kop{padding:var(--ruimte-5) var(--ruimte-5) 0}.dialoog__lijf{padding:var(--ruimte-4) var(--ruimte-5)}.dialoog__voet{display:flex;gap:var(--ruimte-3);justify-content:flex-end;padding:var(--ruimte-4) var(--ruimte-5) var(--ruimte-5);border-top:1px solid var(--kleur-rand)}.app{display:flex;flex-direction:column;min-height:100dvh}.kop{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--ruimte-4);height:var(--hoogte-kop);padding:0 var(--ruimte-4);background:var(--kleur-vlak);border-bottom:1px solid var(--kleur-rand)}.kop__merk{display:inline-flex;align-items:center;color:var(--kleur-tekst);text-decoration:none;border-radius:var(--rond-s);padding:var(--ruimte-1) var(--ruimte-2);margin-left:calc(var(--ruimte-2) * -1)}.kop__rechts{margin-left:auto;display:flex;align-items:center;gap:var(--ruimte-2)}.romp{display:flex;flex:1;width:100%}.menu{width:var(--breedte-menu);flex-shrink:0;border-right:1px solid var(--kleur-rand);background:var(--kleur-vlak);padding:var(--ruimte-4) var(--ruimte-3)}.menu__lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ruimte-1)}.menu__link{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3);border-radius:var(--rond-m);color:var(--kleur-tekst-zacht);text-decoration:none;font-size:var(--tekst-s);font-weight:600}.menu__link:hover{background:var(--kleur-vlak-zacht);color:var(--kleur-tekst)}.menu__tekst--kort{display:none}.menu__link[aria-current=page]{background:var(--kleur-accent-zacht);color:var(--kleur-accent-sterk)}:root[data-thema=donker] .menu__link[aria-current=page]{color:var(--kleur-accent)}.inhoud{flex:1;min-width:0;padding:var(--ruimte-5);max-width:var(--breedte-inhoud);margin:0 auto;width:100%}.paginakop{display:flex;flex-wrap:wrap;gap:var(--ruimte-3);align-items:flex-end;justify-content:space-between;margin-bottom:var(--ruimte-5)}.paginakop__acties{display:flex;gap:var(--ruimte-2);flex-wrap:wrap}.omgevingsbalk{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ruimte-2) var(--ruimte-3);padding:var(--ruimte-2) var(--ruimte-4);background:var(--kleur-let-op-zacht);color:var(--kleur-tekst);border-bottom:2px solid var(--kleur-let-op);font-size:var(--tekst-s)}.omgevingsbalk strong{text-transform:uppercase;letter-spacing:.08em;font-size:var(--tekst-xs);color:var(--kleur-let-op)}.omgevingsbalk span{color:var(--kleur-tekst-zacht)}.filterbalk{display:flex;flex-wrap:wrap;gap:var(--ruimte-3);align-items:center}.filterbalk__zoek{flex:1 1 16rem;min-width:0}.filterbalk select{min-width:10rem}.tabel__sorteer{background:none;border:0;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:2px;min-height:2.75rem}.tabel__sorteer:hover{color:var(--kleur-accent-sterk);text-decoration:underline}.tabel__waarschuwing{color:var(--kleur-fout);font-size:var(--tekst-xs);font-weight:600;white-space:nowrap}.raster{display:grid;gap:var(--ruimte-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.rij{display:flex;gap:var(--ruimte-3);align-items:center;flex-wrap:wrap}.rij--eind{justify-content:flex-end}.stapel{display:flex;flex-direction:column;gap:var(--ruimte-4)}@media(max-width:52rem){.kop{gap:var(--ruimte-2);padding:0 var(--ruimte-3)}.kop__rechts .kop__voorkeur{display:none}.kop select{max-width:9rem}.romp{flex-direction:column}.menu{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:30;border-right:none;border-top:1px solid var(--kleur-rand);padding:var(--ruimte-2);padding-bottom:max(var(--ruimte-2),env(safe-area-inset-bottom))}.menu__lijst{flex-direction:row;justify-content:space-between;gap:3px}.menu__lijst>li{flex:1 1 0;min-width:0}.menu__link{flex-direction:column;gap:2px;font-size:var(--tekst-xs);padding:var(--ruimte-2) 2px;text-align:center;-webkit-hyphens:none;hyphens:none}.menu__link .menu__tekst{display:none}.menu__link .menu__tekst--kort{display:block;font-size:.6rem;line-height:1.2}.inhoud{padding:var(--ruimte-4) var(--ruimte-3);padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}}.uitnodigingslink{margin:var(--ruimte-4) 0;padding:var(--ruimte-4);background:var(--kleur-accent-zacht);border:1px solid var(--kleur-rand);border-radius:var(--rond-m)}.uitnodigingslink .veld__invoer{font-family:var(--lettertype-cijfers);font-size:var(--tekst-s)}.uitnodigingslink .uitleg:last-child{margin-bottom:0}.knoprij{display:flex;flex-wrap:wrap;gap:var(--ruimte-2)}.tabel .veld__invoer{min-width:9rem}.uitleg--naast{display:inline-block;margin-left:var(--ruimte-2);font-size:var(--tekst-xs)}:root{color-scheme:light;--kleur-merk-blauw: #1b1b3a;--kleur-merk-limoen: #c3e84c;--kleur-accent: #1b1b3a;--kleur-accent-sterk: #2e2e63;--kleur-accent-zacht: #edf7d6;--kleur-accent-tekst: #ffffff;--kleur-grond: #f4f5f8;--kleur-vlak: #ffffff;--kleur-vlak-zacht: #f0f1f5;--kleur-rand: #d7d8e2;--kleur-rand-sterk: #9a9cae;--kleur-tekst: #14142b;--kleur-tekst-zacht: #4a4a63;--kleur-tekst-uit: #6a6a80;--kleur-goed: #1c6b3f;--kleur-goed-zacht: #e2f2e8;--kleur-let-op: #8a5300;--kleur-let-op-zacht: #fdf0dc;--kleur-fout: #9b1c22;--kleur-fout-zacht: #fbe6e7;--kleur-info: #1c4f8a;--kleur-info-zacht: #e4eefa;--lettertype: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lettertype-cijfers: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;--tekst-xs: .75rem;--tekst-s: .875rem;--tekst-m: 1rem;--tekst-l: 1.125rem;--tekst-xl: 1.375rem;--tekst-xxl: 1.75rem;--tekst-groot: 2.25rem;--ruimte-1: .25rem;--ruimte-2: .5rem;--ruimte-3: .75rem;--ruimte-4: 1rem;--ruimte-5: 1.5rem;--ruimte-6: 2rem;--ruimte-7: 3rem;--rond-s: 6px;--rond-m: 10px;--rond-l: 16px;--rond-rond: 999px;--schaduw-1: 0 1px 2px rgb(27 27 58 / 8%);--schaduw-2: 0 4px 12px rgb(27 27 58 / 10%);--schaduw-3: 0 12px 32px rgb(27 27 58 / 14%);--focus-ring: 0 0 0 3px var(--kleur-accent-zacht), 0 0 0 5px var(--kleur-accent);--breedte-inhoud: 78rem;--hoogte-kop: 3.5rem;--breedte-menu: 15rem}:root[data-thema=donker]{color-scheme:dark;--kleur-merk-blauw: #1b1b3a;--kleur-merk-limoen: #c3e84c;--kleur-accent: #c3e84c;--kleur-accent-sterk: #d3f06f;--kleur-accent-zacht: #2a2a52;--kleur-accent-tekst: #14142b;--kleur-grond: #14142b;--kleur-vlak: #1d1d3d;--kleur-vlak-zacht: #26264d;--kleur-rand: #35355e;--kleur-rand-sterk: #6d6d90;--kleur-tekst: #eef0f6;--kleur-tekst-zacht: #b7bacb;--kleur-tekst-uit: #9698ad;--kleur-goed: #6fd398;--kleur-goed-zacht: #10291c;--kleur-let-op: #f0b866;--kleur-let-op-zacht: #2e2312;--kleur-fout: #f58b90;--kleur-fout-zacht: #2e1517;--kleur-info: #8bb6ea;--kleur-info-zacht: #131f2e;--schaduw-1: 0 1px 2px rgb(0 0 0 / 40%);--schaduw-2: 0 4px 12px rgb(0 0 0 / 45%);--schaduw-3: 0 12px 32px rgb(0 0 0 / 55%);--focus-ring: 0 0 0 3px var(--kleur-accent-zacht), 0 0 0 5px var(--kleur-accent)}@media(prefers-color-scheme:dark){:root:not([data-thema=licht]){color-scheme:dark;--kleur-accent: #c3e84c;--kleur-accent-sterk: #d3f06f;--kleur-accent-zacht: #2a2a52;--kleur-accent-tekst: #14142b;--kleur-grond: #14142b;--kleur-vlak: #1d1d3d;--kleur-vlak-zacht: #26264d;--kleur-rand: #35355e;--kleur-rand-sterk: #6d6d90;--kleur-tekst: #eef0f6;--kleur-tekst-zacht: #b7bacb;--kleur-tekst-uit: #9698ad;--kleur-goed: #6fd398;--kleur-goed-zacht: #10291c;--kleur-let-op: #f0b866;--kleur-let-op-zacht: #2e2312;--kleur-fout: #f58b90;--kleur-fout-zacht: #2e1517;--kleur-info: #8bb6ea;--kleur-info-zacht: #131f2e;--schaduw-1: 0 1px 2px rgb(0 0 0 / 40%);--schaduw-2: 0 4px 12px rgb(0 0 0 / 45%);--schaduw-3: 0 12px 32px rgb(0 0 0 / 55%)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--kleur-grond);color:var(--kleur-tekst);font-family:var(--lettertype);font-size:var(--tekst-m);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 var(--ruimte-3);line-height:1.25;font-weight:650;letter-spacing:-.01em}h1{font-size:var(--tekst-xxl)}h2{font-size:var(--tekst-xl)}h3{font-size:var(--tekst-l)}p{margin:0 0 var(--ruimte-3)}a{color:var(--kleur-accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--kleur-accent-sterk)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--rond-s)}button,input,select,textarea{font:inherit;color:inherit}.alleen-schermlezer{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.overslaan{position:absolute;left:var(--ruimte-2);top:-3rem;z-index:100;padding:var(--ruimte-2) var(--ruimte-4);background:var(--kleur-accent);color:var(--kleur-accent-tekst);border-radius:var(--rond-m);transition:top .12s ease}.overslaan:focus{top:var(--ruimte-2)}.bedrag{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}.bedrag--negatief{color:var(--kleur-fout)}.uitleg{color:var(--kleur-tekst-zacht);font-size:var(--tekst-s);margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}