:root{--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right);--ruimte-1: 4px;--ruimte-2: 8px;--ruimte-3: 12px;--ruimte-4: 16px;--ruimte-5: 24px;--ruimte-6: 32px;--ruimte-7: 48px;--ruimte-8: 64px;--bg: #f5f3ee;--surface: #fbfaf7;--ink: #1b1a17;--muted: #6e6a60;--faint: #9b968a;--line: #e2dfd6;--line-soft: #ece9e1;--groen: #35573f;--groen-diep: #27412f;--groen-soft: #e7ede3;--groen-licht: #bfcdb9;--roest: #a05c3b;--roest-soft: #f1e4db;--ok: #4c7a5a;--ok-bg: #e4eee5;--warn: #9a7328;--warn-bg: #f2e9d4;--crit: #a64b33;--crit-bg: #f3e1d9;--wit: #f5f3ee;--surface-0: var(--bg);--surface-1: var(--surface);--surface-2: var(--line-soft);--surface-3: var(--line);--surface-4: #d5d0c3;--hairline: var(--line);--grid: var(--line-soft);--label-1: var(--ink);--label-2: var(--muted);--label-3: var(--faint);--label-4: rgba(27, 26, 23, .14);--accent: var(--groen);--accent-strong: var(--groen-diep);--on-accent: var(--wit);--accent-bg: var(--groen-soft);--accent-line: rgba(53, 87, 63, .28);--danger: var(--crit);--danger-bg: var(--crit-bg);--danger-line: rgba(166, 75, 51, .28);--safe: var(--ok);--safe-bg: var(--ok-bg);--safe-line: rgba(76, 122, 90, .28);--info: #4b6478;--info-bg: #e4e9ed;--info-line: rgba(75, 100, 120, .28);--geld-in: #3d6b72;--geld-in-bg: #e1e9ea;--geld-in-line: rgba(61, 107, 114, .28);--geld-uit: var(--roest);--geld-uit-bg: var(--roest-soft);--geld-uit-line: rgba(160, 92, 59, .28);--warn-line: rgba(154, 115, 40, .28);--let-op: var(--warn);--let-op-bg: var(--warn-bg);--let-op-line: var(--warn-line);--gevaar: var(--danger);--gevaar-bg: var(--danger-bg);--gevaar-line: var(--danger-line);--s1: var(--accent);--s2: var(--geld-uit);--s3: var(--info);--shadow-card: none;--shadow-menu: 0 8px 24px rgba(27, 26, 23, .12);--font-ui: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--ease-standard: cubic-bezier(.32, .72, 0, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .42s;--radius: 4px;--radius-sm: 3px;--radius-lg: 6px}:root.dark,:root[data-theme=dark]{--bg: #171511;--surface: #1e1c17;--ink: #ece9e1;--muted: #a8a499;--faint: #7c786d;--line: #312e27;--line-soft: #282620;--groen: #9fc0a4;--groen-diep: #b8d4bc;--groen-soft: #25301f;--groen-licht: #3f5238;--roest: #c08556;--roest-soft: #332a20;--ok: #8fc39b;--ok-bg: #22301f;--warn: #d9b461;--warn-bg: #33301c;--crit: #d98a6b;--crit-bg: #33251c;--wit: #f5f3ee;--surface-0: var(--bg);--surface-1: var(--surface);--surface-2: var(--line-soft);--surface-3: var(--line);--surface-4: #3a362e;--hairline: var(--line);--grid: var(--line-soft);--label-1: var(--ink);--label-2: var(--muted);--label-3: var(--faint);--label-4: rgba(236, 233, 225, .16);--accent: var(--groen);--accent-strong: var(--groen-diep);--on-accent: var(--wit);--accent-bg: var(--groen-soft);--accent-line: rgba(159, 192, 164, .28);--danger: var(--crit);--danger-bg: var(--crit-bg);--danger-line: rgba(217, 138, 107, .28);--safe: var(--ok);--safe-bg: var(--ok-bg);--safe-line: rgba(143, 195, 155, .28);--info: #7fa0b8;--info-bg: #24303a;--info-line: rgba(127, 160, 184, .28);--geld-in: #6fa8ac;--geld-in-bg: #1e2e2c;--geld-in-line: rgba(111, 168, 172, .28);--geld-uit: var(--roest);--geld-uit-bg: var(--roest-soft);--geld-uit-line: rgba(192, 133, 86, .28);--let-op: var(--warn);--let-op-bg: var(--warn-bg);--let-op-line: var(--warn-line);--gevaar: var(--danger);--gevaar-bg: var(--danger-bg);--gevaar-line: var(--danger-line);--warn-line: rgba(217, 180, 97, .28);--s1: var(--accent);--s2: var(--geld-uit);--s3: var(--info);--shadow-card: none;--shadow-menu: 0 8px 28px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not(.light):not([data-theme=light]){--bg: #171511;--surface: #1e1c17;--ink: #ece9e1;--muted: #a8a499;--faint: #7c786d;--line: #312e27;--line-soft: #282620;--groen: #9fc0a4;--groen-diep: #b8d4bc;--groen-soft: #25301f;--groen-licht: #3f5238;--roest: #c08556;--roest-soft: #332a20;--ok: #8fc39b;--ok-bg: #22301f;--warn: #d9b461;--warn-bg: #33301c;--crit: #d98a6b;--crit-bg: #33251c;--wit: #f5f3ee;--surface-0: var(--bg);--surface-1: var(--surface);--surface-2: var(--line-soft);--surface-3: var(--line);--surface-4: #3a362e;--hairline: var(--line);--grid: var(--line-soft);--label-1: var(--ink);--label-2: var(--muted);--label-3: var(--faint);--label-4: rgba(236, 233, 225, .16);--accent: var(--groen);--accent-strong: var(--groen-diep);--on-accent: var(--wit);--accent-bg: var(--groen-soft);--accent-line: rgba(159, 192, 164, .28);--danger: var(--crit);--danger-bg: var(--crit-bg);--danger-line: rgba(217, 138, 107, .28);--safe: var(--ok);--safe-bg: var(--ok-bg);--safe-line: rgba(143, 195, 155, .28);--info: #7fa0b8;--info-bg: #24303a;--info-line: rgba(127, 160, 184, .28);--geld-in: #6fa8ac;--geld-in-bg: #1e2e2c;--geld-in-line: rgba(111, 168, 172, .28);--geld-uit: var(--roest);--geld-uit-bg: var(--roest-soft);--geld-uit-line: rgba(192, 133, 86, .28);--let-op: var(--warn);--let-op-bg: var(--warn-bg);--let-op-line: var(--warn-line);--gevaar: var(--danger);--gevaar-bg: var(--danger-bg);--gevaar-line: var(--danger-line);--warn-line: rgba(217, 180, 97, .28);--s1: var(--accent);--s2: var(--geld-uit);--s3: var(--info);--shadow-card: none;--shadow-menu: 0 8px 28px rgba(0, 0, 0, .5)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;background:var(--surface-0)}body{min-height:100vh;margin:0;background:var(--surface-0);font-family:var(--font-ui);font-weight:300;color:var(--label-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.num{font-variant-numeric:tabular-nums}.bst-tint{--bst-inkt: var(--label-1);--bst-vulling: var(--surface-2);--bst-lijn: var(--hairline);--bst-balk: var(--accent)}.bst-tint--neutraal{--bst-inkt: var(--label-2);--bst-vulling: var(--surface-2);--bst-lijn: var(--hairline);--bst-balk: var(--accent)}.bst-tint--goed{--bst-inkt: var(--safe);--bst-vulling: var(--safe-bg);--bst-lijn: var(--safe-line);--bst-balk: var(--safe)}.bst-tint--waarschuwing{--bst-inkt: var(--warn);--bst-vulling: var(--warn-bg);--bst-lijn: var(--warn-line);--bst-balk: var(--warn)}.bst-tint--gevaar{--bst-inkt: var(--danger);--bst-vulling: var(--danger-bg);--bst-lijn: var(--danger-line);--bst-balk: var(--danger)}.bst-tint--info{--bst-inkt: var(--info);--bst-vulling: var(--info-bg);--bst-lijn: var(--info-line);--bst-balk: var(--info)}.bst-tint--geld-in{--bst-inkt: var(--geld-in);--bst-vulling: var(--geld-in-bg);--bst-lijn: var(--geld-in-line);--bst-balk: var(--geld-in)}.bst-tint--geld-uit{--bst-inkt: var(--geld-uit);--bst-vulling: var(--geld-uit-bg);--bst-lijn: var(--geld-uit-line);--bst-balk: var(--geld-uit)}.bst-piltab:focus-visible,.bst-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bst-kpi{display:grid;gap:var(--ruimte-2);min-width:0}.bst-kpi__label{font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--label-3)}.bst-kpi__waarde{font-family:var(--font-display);font-size:30px;line-height:1.12;font-weight:400;color:var(--bst-inkt, var(--label-1));font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.bst-kpi.bst-tint--neutraal .bst-kpi__waarde{color:var(--label-1)}.bst-kpi__waarde--leeg{color:var(--label-3)}.bst-kpi__sub{font-size:12.5px;line-height:1.35;color:var(--label-2);font-variant-numeric:tabular-nums}.bst-pil{display:inline-flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-1) var(--ruimte-3);border-radius:999px;border:1px solid var(--bst-lijn);background:var(--bst-vulling);color:var(--bst-inkt);font-family:var(--font-ui);font-size:11.5px;line-height:1.5;font-weight:700;white-space:nowrap}.bst-pil.bst-tint--neutraal{color:var(--label-2)}.bst-piltabs{display:inline-flex;align-items:center;gap:2px;padding:var(--ruimte-1);border-radius:999px;background:var(--surface-2);max-width:100%;overflow-x:auto;scrollbar-width:none}.bst-piltabs::-webkit-scrollbar{display:none}.bst-piltab{display:inline-flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-3) var(--ruimte-4);border:0;border-radius:999px;background:transparent;color:var(--label-2);font-family:var(--font-ui);font-size:13.5px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.bst-piltab:hover{color:var(--label-1)}.bst-piltab--actief{background:var(--surface-1);color:var(--label-1);box-shadow:var(--shadow-card)}.bst-piltab__telling{font-size:11.5px;font-weight:700;color:var(--label-3);font-variant-numeric:tabular-nums}.bst-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ruimte-2)}.bst-chip{display:inline-flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-2) var(--ruimte-4);border:1px solid var(--hairline);border-radius:999px;background:var(--surface-1);color:var(--label-2);font-family:var(--font-ui);font-size:12.5px;font-weight:700;line-height:1.3;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.bst-chip:hover{border-color:var(--accent-line);color:var(--label-1)}.bst-chip--actief{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.bst-chip--actief:hover{color:var(--on-accent)}.bst-chip__telling{font-size:11.5px;font-weight:700;color:var(--label-3);font-variant-numeric:tabular-nums}.bst-chip--actief .bst-chip__telling{color:var(--on-accent);opacity:.72}.bst-chip--leeg{opacity:.45}.bst-voortgang{display:grid;gap:var(--ruimte-2);min-width:0}.bst-voortgang__kop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.bst-voortgang__label{font-family:var(--font-ui);font-size:12.5px;color:var(--label-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bst-voortgang__cijfer{font-family:var(--font-ui);font-size:12.5px;font-weight:700;color:var(--label-1);font-variant-numeric:tabular-nums}.bst-voortgang__track{height:5px;border-radius:999px;background:var(--surface-3);overflow:hidden}.bst-voortgang__vulling{height:100%;border-radius:inherit;background:var(--bst-balk, var(--accent));transition:width var(--dur-base) var(--ease-standard)}@media(prefers-reduced-motion:reduce){.bst-voortgang__vulling,.bst-piltab,.bst-chip{transition:none}}.bst-kaart{display:block;padding:var(--ruimte-5);border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-1);box-shadow:var(--shadow-card);min-width:0}.bst-kaart--compact{padding:var(--ruimte-4)}.bst-kaart__kop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ruimte-4);margin-bottom:var(--ruimte-4)}.bst-kaart__titels{display:grid;gap:var(--ruimte-1);min-width:0}.bst-kaart__titel{margin:0;font-family:var(--font-ui);font-size:14.5px;font-weight:700;line-height:1.25;color:var(--label-1)}.bst-kaart__subtitel{margin:0;font-size:12.5px;line-height:1.4;color:var(--label-2)}.bst-kaart__actie{flex:none;display:flex;align-items:center;gap:var(--ruimte-2)}.zijbalk{flex:none;width:232px;min-height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line)}.zijbalk-merk{display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-7) var(--ruimte-4) var(--ruimte-6);color:var(--ink)}.zijbalk-logo{font-family:var(--font-display);font-weight:300;font-size:1.5rem;line-height:1;letter-spacing:.45em;text-transform:lowercase;color:var(--ink);margin-left:.45em}.zijbalk-sub{font-family:var(--font-ui);font-size:.7rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--faint)}.zijbalk-lijst{list-style:none;margin:0;padding:0 var(--ruimte-3) var(--ruimte-6);display:flex;flex-direction:column;gap:var(--ruimte-1)}.zijbalk-knop{width:100%;display:block;text-align:left;padding:var(--ruimte-3) var(--ruimte-4);border:0;border-left:3px solid transparent;border-radius:0 var(--radius) var(--radius) 0;background:transparent;color:var(--muted);font-family:var(--font-ui);font-size:.9rem;font-weight:500;cursor:pointer;transition:color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.zijbalk-knop:hover{color:var(--ink);background:var(--surface-2)}.zijbalk-knop.actief{color:var(--accent);border-left-color:var(--accent);background:var(--accent-bg);font-weight:700}.zijbalk-knop:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media(max-width:859px){.zijbalk{width:100%;min-height:0;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.zijbalk::-webkit-scrollbar{display:none}.zijbalk-merk{flex:none;flex-direction:row;padding:var(--ruimte-3) var(--ruimte-4);gap:0}.zijbalk-logo,.zijbalk-sub{display:none}.zijbalk-lijst{flex:none;flex-direction:row;padding:var(--ruimte-2) var(--ruimte-4) var(--ruimte-2) 0;gap:var(--ruimte-1)}.zijbalk-knop{white-space:nowrap;border-left:0;border-bottom:3px solid transparent;border-radius:var(--radius)}.zijbalk-knop.actief{border-left-color:transparent;border-bottom-color:var(--accent)}}.ph-scherm{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--ruimte-3);padding:var(--ruimte-7) var(--ruimte-5)}.ph-scherm__label{margin:0;font-family:var(--font-ui);font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--accent)}.ph-scherm__titel{margin:0;font-family:var(--font-display);font-weight:400;font-size:2.25rem;color:var(--ink)}.ph-scherm__zin{margin:0;max-width:34em;font-family:var(--font-ui);font-size:1rem;line-height:1.5;color:var(--muted)}.vandaag-scherm{display:flex;flex-direction:column;gap:var(--ruimte-6);padding:var(--ruimte-6) var(--ruimte-5) var(--ruimte-8);max-width:1100px;margin:0 auto}.vandaag-scherm__kop{display:grid;gap:var(--ruimte-1)}.vandaag-scherm__label{margin:0;font-family:var(--font-ui);font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--accent)}.vandaag-scherm__titel{margin:0;font-family:var(--font-display);font-weight:400;font-size:2rem;color:var(--ink)}.vandaag-scherm__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ruimte-4)}@media(max-width:859px){.vandaag-scherm__kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:479px){.vandaag-scherm__kpis{grid-template-columns:1fr}}.vandaag-scherm__sectietitel{margin:0 0 var(--ruimte-4);font-family:var(--font-ui);font-size:1rem;font-weight:700;color:var(--label-1)}.vandaag-scherm__leeg{margin:0;padding:var(--ruimte-5);border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-1);color:var(--label-2);font-family:var(--font-ui);font-size:.9rem}.vandaag-scherm__focuslijst{display:grid;gap:var(--ruimte-3)}.vandaag-scherm__focusknop{display:block;width:100%;padding:0;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius);transition:box-shadow var(--dur-fast) var(--ease-standard)}.vandaag-scherm__focusknop:hover{box-shadow:0 0 0 1px var(--accent-line)}.vandaag-scherm__focusknop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-schil{display:flex;min-height:100vh}.app-kolom{flex:1;min-width:0;display:flex;flex-direction:column}.app-demobalk{padding:var(--ruimte-2) var(--ruimte-5);border-bottom:1px solid var(--line);background:var(--warn-bg);color:var(--warn);font-family:var(--font-ui);font-size:.8rem;font-weight:500;text-align:center}.app-inhoud{flex:1;min-width:0}@media(max-width:859px){.app-schil{flex-direction:column}}