:root{--papier:#fbfbfa;--vlak:#ffffff;--vlak-rustig:#f4f4f2;--rand:#e5e4e0;--rand-sterk:#d3d2cd;--inkt:#1a1a18;--inkt-zacht:#56554f;--inkt-flauw:#85847d;--accent:#2f4bd8;--accent-donker:#2439a8;--accent-vlak:#eef1fe;--accent-tekst:#ffffff;--goed:#1c7a4f;--goed-vlak:#e8f5ee;--let-op:#9a6207;--let-op-vlak:#fdf3e2;--fout:#b3261e;--fout-vlak:#fdecea;--radius:10px;--radius-klein:6px;--schaduw:0 1px 2px rgba(20,20,18,0.05),0 1px 3px rgba(20,20,18,0.04);--schaduw-op:0 4px 12px rgba(20,20,18,0.08);--letter:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--cijfer:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root:not([data-thema=licht]){--papier:#16161a;--vlak:#1e1e23;--vlak-rustig:#26262c;--rand:#33333a;--rand-sterk:#45454e;--inkt:#f2f2f0;--inkt-zacht:#a9a9a4;--inkt-flauw:#7c7c78;--accent:#8098ff;--accent-donker:#9aadff;--accent-vlak:#22284a;--accent-tekst:#12121a;--goed:#5cc48d;--goed-vlak:#16301f;--let-op:#e0aa5a;--let-op-vlak:#33260f;--fout:#f08a82;--fout-vlak:#3a1a17;--schaduw:0 1px 2px rgba(0,0,0,0.4),0 1px 3px rgba(0,0,0,0.3);--schaduw-op:0 4px 14px rgba(0,0,0,0.5)}}:root[data-thema=donker]{--papier:#16161a;--vlak:#1e1e23;--vlak-rustig:#26262c;--rand:#33333a;--rand-sterk:#45454e;--inkt:#f2f2f0;--inkt-zacht:#a9a9a4;--inkt-flauw:#7c7c78;--accent:#8098ff;--accent-donker:#9aadff;--accent-vlak:#22284a;--accent-tekst:#12121a;--goed:#5cc48d;--goed-vlak:#16301f;--let-op:#e0aa5a;--let-op-vlak:#33260f;--fout:#f08a82;--fout-vlak:#3a1a17}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--papier);color:var(--inkt);font-family:var(--letter);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.015em;font-weight:620}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:.95rem}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-klein)}.kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw)}.knop{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;font:inherit;font-weight:550;border-radius:var(--radius-klein);border:1px solid transparent;background:var(--accent);color:var(--accent-tekst);cursor:pointer;transition:background .12s ease,border-color .12s ease}.knop:hover:not(:disabled){background:var(--accent-donker)}.knop:disabled{opacity:.55;cursor:not-allowed}.knop--rustig{background:var(--vlak);color:var(--inkt);border-color:var(--rand-sterk)}.knop--rustig:hover:not(:disabled){background:var(--vlak-rustig)}.veld{width:100%;padding:.6rem .75rem;font:inherit;color:var(--inkt);background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:var(--radius-klein)}.veld::placeholder{color:var(--inkt-flauw)}.label{display:block;margin-bottom:.35rem;font-size:.8rem;font-weight:550;color:var(--inkt-zacht)}.melding{padding:.7rem .9rem;border-radius:var(--radius-klein);font-size:.875rem;border:1px solid transparent}.melding--goed{background:var(--goed-vlak);color:var(--goed);border-color:color-mix(in srgb,var(--goed) 25%,transparent)}.melding--let-op{background:var(--let-op-vlak);color:var(--let-op);border-color:color-mix(in srgb,var(--let-op) 25%,transparent)}.melding--fout{background:var(--fout-vlak);color:var(--fout);border-color:color-mix(in srgb,var(--fout) 25%,transparent)}.getal{font-family:var(--cijfer);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stil{color:var(--inkt-zacht);font-size:.875rem}.app-indeling{display:flex;min-height:100dvh}.zijbalk{width:16rem;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100dvh;overflow-y:auto;display:flex;flex-direction:column;padding:1.1rem .85rem 1rem;background:var(--vlak);border-right:1px solid var(--rand)}.zijbalk-item{position:relative;z-index:1;display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border-radius:var(--radius-klein);font-size:.9rem;font-weight:500;color:var(--inkt-zacht);text-decoration:none;transition:color .15s ease,background .15s ease}.zijbalk-item:hover{text-decoration:none;color:var(--inkt)}.zijbalk-item:not([aria-current]):hover{background:var(--vlak-rustig)}.zijbalk-item[aria-current]{color:var(--accent);font-weight:600}.zijbalk-pil{position:absolute;left:0;right:0;top:0;background:color-mix(in srgb,var(--accent) 20%,var(--vlak));border-radius:var(--radius-klein);pointer-events:none}.zijbalk-pil--schuift{transition:transform .22s cubic-bezier(.2,0,0,1),height .22s ease}.zijbalk-pil:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 999px 999px 0;background:var(--accent)}.mobielknop{display:none;position:fixed;top:.7rem;left:.7rem;z-index:30;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:1px solid color-mix(in srgb,var(--rand-sterk) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--vlak) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--inkt-zacht);cursor:pointer;transition:background .15s ease,color .15s ease}.mobielknop:hover{color:var(--inkt)}.zijbalk-achtergrond{position:fixed;inset:0;z-index:40;background:color-mix(in srgb,var(--inkt) 35%,transparent);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}.zijbalk-drawer{position:fixed;inset:0 auto 0 0;z-index:50;width:min(17rem,85vw);display:flex;flex-direction:column;padding:1.1rem .85rem 1rem;background:var(--vlak);border-right:1px solid var(--rand);box-shadow:var(--schaduw-op);overflow-y:auto;transform:translateX(-100%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}.zijbalk-achtergrond--open,.zijbalk-drawer--open{visibility:visible;transition-delay:0s}.zijbalk-achtergrond--open{opacity:1}.zijbalk-drawer--open{transform:none}@media (max-width:48rem){.zijbalk{display:none}.mobielknop{display:flex}.inhoudkolom{padding-top:3.1rem}}@media (prefers-reduced-motion:reduce){.zijbalk-achtergrond,.zijbalk-drawer,.zijbalk-pil--schuift{transition:none}}.schuifbaar{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;min-width:0}