:root{--canvas: #F4F5FC;--oppervlak: #FFFFFF;--hairline: #ECEDF5;--scheiding-1: #EEEFF7;--scheiding-2: #F0F1F8;--scheiding-3: #F1F2F9;--scheiding-4: #F3F4FA;--vulling-neutraal: #EFF0F8;--rij-hover: #FAFAFE;--nav-hover: #F1F2FB;--veld-inert: #F7F8FD;--indigo: #5B3DF5;--indigo-hover: #4B2FE0;--indigo-zacht: #EEF0FF;--indigo-verloop: linear-gradient(135deg, #5B3DF5 0%, #8266FF 100%);--periwinkle: #A99CFF;--periwinkle-diep: #8878F0;--tekst: #14142B;--tekst-2: #5A5C6E;--tekst-gedempt: #727586;--tekst-meta: #727583;--tekst-as: #737682;--tekst-decoratief: #8B8FA3;--op-verloop-label: #C9C2F5;--op-verloop-body: #DCD7FA;--op-verloop-sub: #B3ABEB;--op-verloop-plus: #E3DDFF;--op-verloop-min: #FFD3C2;--op-verloop-chip: rgba(255, 255, 255, .18);--positief: #16A34A;--positief-bg: #E7F8EF;--positief-tekst: #11813A;--waarschuwing: #B45309;--waarschuwing-icoon:#D97706;--waarschuwing-bg: #FEF5E7;--waarschuwing-rand: #FAE6C4;--waarschuwing-kop: #92400E;--negatief: #EF4444;--negatief-bg: #FDECEC;--negatief-tekst: #C63838;--grid: #EEEFF7;--lijn-neutraal: #C4C7D8;--nog-verwacht: #DDDEF0;--serie-1: #5B3DF5;--serie-2: #FB923C;--serie-3: #0E9488;--serie-rest: #DDDEF0;--heat-leeg: #F0F1F8;--heat-1: #D9D2FA;--heat-2: #B3A6F8;--heat-3: #8A76F5;--heat-4: #4C2ED6;--heat-tekst-licht: #3A3C52;--heat-tekst-donker: #FFFFFF;--heat-toekomst-bg: #F7F8FD;--heat-toekomst-fg: #B9BCCE;--chip-boodschappen-bg: #E2F4F1;--chip-boodschappen-fg: #0B6F66;--chip-eten-bg: var(--indigo-zacht);--chip-eten-fg: var(--indigo-hover);--chip-shop-bg: #F3EEFE;--chip-shop-fg: #7C3AED;--chip-verzorging-bg: #F3EEFE;--chip-verzorging-fg: #6D28D9;--chip-hond-bg: #E6EFFB;--chip-hond-fg: #3B6BB8;--chip-overig-bg: var(--vulling-neutraal);--chip-overig-fg: var(--tekst-2);--chip-geen-bg: var(--negatief-bg);--chip-geen-fg: var(--negatief-tekst);--radius-klein: 14px;--radius-kaart: 16px;--radius-hero: 18px;--radius-knop: 10px;--radius-logo: 11px;--radius-pil: 999px;--schaduw: 0 1px 2px rgba(18, 18, 40, .05);--gap-kaart: 12px;--gap-sectie: 32px;--pad-kaart: 22px 24px;--pad-compact: 18px 20px;--pad-hero: 28px;--pad-vermogen: 30px 32px;--zijbalk: 246px;--zijbalk-smal: 72px;--tabbalk: 64px;--main-max: 1180px;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--canvas);color:var(--tekst);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums;text-wrap:pretty;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input,select,textarea{font:inherit;color:inherit}.bedrag{white-space:nowrap}.paginatitel{font:600 30px/1 inherit;letter-spacing:-.035em;margin:0}.paginasub{font:500 15px/1 inherit;color:var(--tekst-gedempt)}.sectiekicker{font:600 12.5px/1 inherit;color:var(--tekst-gedempt);margin-bottom:7px}.sectiekop{font:600 22px/1.1 inherit;letter-spacing:-.028em;margin:0}.kaartkop{font:600 16.5px/1.2 inherit;letter-spacing:-.02em;margin:0}.kaarttekst{font:400 13.5px/1.55 inherit;color:var(--tekst-2)}.meta{font:400 12.5px/1.4 inherit;color:var(--tekst-meta)}.herocijfer{font:700 72px/.86 inherit;letter-spacing:-.055em}.statcijfer{font:700 34px/1 inherit;letter-spacing:-.04em}.potcijfer{font:700 26px/1 inherit;letter-spacing:-.04em}.doelcijfer{font:700 22px/1 inherit;letter-spacing:-.04em}.kaart{background:var(--oppervlak);border:1px solid var(--hairline);border-radius:var(--radius-kaart);box-shadow:var(--schaduw);padding:var(--pad-kaart);min-width:0}.kaart--compact{padding:var(--pad-compact);border-radius:var(--radius-klein)}.kaart--hero{background:var(--indigo-verloop);border:0;border-radius:var(--radius-hero);padding:var(--pad-hero);color:#fff}.kaart--vermogen{padding:var(--pad-vermogen)}.kaart--los{margin-bottom:var(--gap-kaart)}.kaart--fout{border-color:var(--negatief)}.kaart__kopregel{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:14px}.kaart__kopregel>.kaartkop{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kaart__actie{margin-left:auto;flex:none;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tekst-meta)}.kaart--hero .kaart__actie{color:var(--op-verloop-body)}.raster{display:grid;gap:var(--gap-kaart)}.raster--hero{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.raster--twee{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.raster--potjes{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.raster--drie{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.raster--breed{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.raster--split{grid-template-columns:repeat(auto-fit,minmax(390px,1fr))}.track{position:relative;height:6px;border-radius:var(--radius-pil);background:var(--vulling-neutraal);overflow:hidden}.track>i{position:absolute;left:0;top:0;bottom:0;border-radius:var(--radius-pil)}.track>.marker{left:var(--tempo, 50%);width:2px;margin-left:-1px;background:var(--tekst);border-radius:0;opacity:.55}.layout{display:grid;grid-template-columns:var(--zijbalk) 1fr;min-height:100vh}.layout>main{padding:26px 32px 90px 28px;min-width:0}.layout__binnen{max-width:var(--main-max);margin:0 auto}.laadscherm{padding:26px}.oudbeeld{display:flex;align-items:center;gap:9px;margin:0 0 var(--gap-kaart);padding:9px 14px;border-radius:var(--radius-klein);background:var(--vulling-neutraal);color:var(--tekst-2);font:400 12.5px/1.4 inherit}.oudbeeld__dot{flex:none;width:7px;height:7px;border-radius:var(--radius-pil);background:var(--tekst-decoratief)}.startscherm{max-width:560px;padding:60px 20px}.startscherm--inloggen{max-width:420px;padding:80px 20px}.startscherm__stappen{padding-left:20px;line-height:1.8}.inlog__knop{margin-top:10px}.inlog__fout{color:var(--negatief-tekst)}.zijbalk{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:24px;min-width:0;background:var(--oppervlak);border-right:1px solid var(--hairline);padding:26px 16px 26px 20px}.zijbalk__merk{display:flex;align-items:center;gap:10px;min-width:0}.zijbalk__logo{flex:none;width:34px;height:34px;border-radius:var(--radius-logo);background:var(--indigo-verloop);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:700}.zijbalk__namen{min-width:0}.zijbalk__huishouden{font-size:14px;font-weight:600;letter-spacing:-.01em}.zijbalk__wat{font-size:12px;color:var(--tekst-gedempt)}.zijbalk__nav{display:flex;flex-direction:column;gap:2px}.zijbalk__onderin{margin-top:auto;display:grid;gap:10px}.zijbalk__wanneer{font-size:13px;font-weight:600;margin-top:3px}.navitem{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;border:0;border-radius:var(--radius-knop);background:transparent;color:var(--tekst-2);font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;transition:background .12s,color .12s}.navitem:hover{background:var(--nav-hover)}.navitem[aria-current=page]{background:var(--indigo-zacht);color:var(--indigo);font-weight:600}.navitem[aria-current=page]:hover{background:var(--indigo-zacht)}.navitem>svg{flex:none}.navitem__naam{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navitem__badge{margin-left:auto;flex:none;background:var(--indigo);color:#fff;border-radius:var(--radius-pil);font-size:11px;font-weight:600;line-height:1;padding:4px 7px;min-width:20px;text-align:center}@media (pointer: coarse){.navitem{height:40px}}.navitem__tip{display:none}.zijbalk__importknop{position:relative}.paginakop{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:26px}.paginakop__tekst{min-width:0}.paginakop .paginasub{display:block;margin-top:9px}.paginakop__acties{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.maandstepper{display:inline-flex;align-items:center;height:40px;border:1px solid var(--hairline);border-radius:var(--radius-pil);background:var(--oppervlak)}.maandstepper__knop{flex:none;width:40px;height:40px;border:0;border-radius:var(--radius-pil);background:transparent;color:var(--tekst-2);display:grid;place-items:center;cursor:pointer}.maandstepper__knop:hover:enabled{background:var(--nav-hover);color:var(--tekst)}.maandstepper__knop:disabled{opacity:.35;cursor:default}.maandstepper__maand{min-width:118px;text-align:center;font-size:13.5px;font-weight:600;letter-spacing:-.01em}.tabbalk{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--tabbalk) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--oppervlak);border-top:1px solid var(--hairline)}.tabknop{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--tabbalk);padding:0 4px;border:0;background:transparent;color:var(--tekst-gedempt);font-size:11px;font-weight:500;cursor:pointer;transition:color .12s}.tabknop[aria-current=page]{color:var(--indigo);font-weight:600}.tabknop__icoon{position:relative;display:flex}.tabknop__naam{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabknop__badge{position:absolute;top:-6px;left:10px;background:var(--indigo);color:#fff;border-radius:var(--radius-pil);font-size:10px;font-weight:600;line-height:1;padding:3px 5px;min-width:16px;text-align:center}.tabmeer{display:none}.tabmeer__achter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;border:0;padding:0;background:transparent;cursor:pointer}.tabmeer__paneel{position:fixed;z-index:31;left:12px;right:12px;bottom:calc(var(--tabbalk) + env(safe-area-inset-bottom) + 10px);display:grid;gap:2px;padding:8px;background:var(--oppervlak);border:1px solid var(--hairline);border-radius:var(--radius-kaart);box-shadow:var(--schaduw)}.tabmeer__item{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border:0;border-radius:var(--radius-knop);background:transparent;color:var(--tekst-2);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background .12s,color .12s}.tabmeer__item:hover{background:var(--nav-hover)}.tabmeer__item[aria-current=page]{background:var(--indigo-zacht);color:var(--indigo);font-weight:600}.knop{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border-radius:var(--radius-knop);border:1px solid var(--hairline);background:transparent;color:var(--tekst-2);font-size:13.5px;font-weight:500;cursor:pointer}.knop{transition:background .12s,color .12s,border-color .12s}.knop:hover:enabled{background:var(--nav-hover);color:var(--tekst)}.knop:disabled{opacity:.45;cursor:default}.knop--primair{background:var(--indigo);border-color:var(--indigo);color:#fff;font-weight:600}.knop--primair:hover:enabled{background:var(--indigo-hover);border-color:var(--indigo-hover);color:#fff}.knop--pil{border-radius:var(--radius-pil)}.knop--vol{width:100%}.sectie{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:var(--gap-sectie) 0 12px}.sectie:first-child{margin-top:0}.sectie__tekst{min-width:0}.sectie__actie{margin-left:auto;display:flex;align-items:center;gap:8px}.stat{display:grid;gap:6px;min-width:0}.stat__label{font:500 12px/1.2 inherit;color:var(--tekst-gedempt)}.stat__waarde{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.stat__sub{font:400 12.5px/1.4 inherit;color:var(--tekst-meta)}.stat--op-verloop .stat__label{color:var(--op-verloop-label)}.stat--op-verloop .stat__sub{color:var(--op-verloop-body)}.stat--op-verloop .statcijfer{color:#fff}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:0;border-radius:var(--radius-pil);background:var(--vulling-neutraal);color:var(--tekst-2);font:600 11.5px/1.35 inherit;white-space:nowrap}.chip--neutraal{background:var(--vulling-neutraal);color:var(--tekst-2)}.chip--positief{background:var(--positief-bg);color:var(--positief-tekst)}.chip--waarschuwing{background:var(--waarschuwing-bg);color:var(--waarschuwing)}.chip--negatief{background:var(--negatief-bg);color:var(--negatief-tekst)}.chip--cat-boodschappen{background:var(--chip-boodschappen-bg);color:var(--chip-boodschappen-fg)}.chip--cat-eten{background:var(--chip-eten-bg);color:var(--chip-eten-fg)}.chip--cat-shop{background:var(--chip-shop-bg);color:var(--chip-shop-fg)}.chip--cat-verzorging{background:var(--chip-verzorging-bg);color:var(--chip-verzorging-fg)}.chip--cat-hond{background:var(--chip-hond-bg);color:var(--chip-hond-fg)}.chip--cat-overig{background:var(--chip-overig-bg);color:var(--chip-overig-fg)}.chip--cat-geen{background:var(--chip-geen-bg);color:var(--chip-geen-fg)}.chip--klikbaar,.chip--keuze{cursor:pointer;transition:background .12s,color .12s}.chip--keuze{padding:6px 12px;min-height:28px}.chip--keuze:hover{background:var(--nav-hover)}@media (pointer: coarse){.chip--keuze,.chip--klikbaar{min-height:40px;padding:6px 14px}}.chip--keuze[aria-pressed=true]{background:var(--indigo);color:#fff}.chip--keuze[aria-pressed=true]:hover{background:var(--indigo-hover)}.chip__sneltoets{font-size:10.5px;font-weight:600;opacity:.65}.tabel{display:grid;column-gap:12px;min-width:0}.tabel__kop,.tabel__rij{display:contents}.tabel__kopcel{font:500 11.5px/1 inherit;color:var(--tekst-as);padding:0 0 10px;min-width:0}.tabel__cel{font:400 13.5px/1.3 inherit;padding:9px 0;min-width:0;border-top:1px solid var(--scheiding-4);transition:background .12s}.tabel__kopcel--rechts,.tabel__cel--rechts{text-align:right}.tabel__kopcel--afkappen,.tabel__cel--afkappen{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabel__rij:hover>.tabel__cel{background:var(--rij-hover)}.rij{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:10px 8px;margin:0 -8px;border-radius:var(--radius-knop);background:transparent;border:0;text-align:left;color:inherit;transition:background .12s}.rij+.rij{border-top:1px solid var(--scheiding-4);border-radius:0}.rij:hover{background:var(--rij-hover)}.rij--klikbaar{cursor:pointer}.rij__avatar{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--vulling-neutraal);color:var(--tekst-2);font-size:12.5px;font-weight:600}.rij__tekst{min-width:0;flex:1;display:grid}.rij__hoofd{font:500 13.5px/1.35 inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rij__meta{font:400 12.5px/1.35 inherit;color:var(--tekst-meta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rij__midden{flex:none}.rij__bedrag{flex:none;width:112px;text-align:right;font:600 13.5px/1.2 inherit}.rij__bedrag--positief{color:var(--positief)}.rij__bedrag--gedempt{color:var(--tekst-meta);font-weight:500}.rij__acties{flex:none;display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .12s}.rij:hover .rij__acties,.rij:focus-within .rij__acties{opacity:1}@media (pointer: coarse){.rij__acties{opacity:1}}.melding{display:flex;align-items:center;gap:10px;min-height:40px;min-width:0;padding:10px 14px;border-radius:var(--radius-klein);border:1px solid var(--hairline);background:var(--oppervlak);font-size:13.5px;color:var(--tekst-2)}.melding--waarschuwing{background:var(--waarschuwing-bg);border-color:var(--waarschuwing-rand);color:var(--waarschuwing-kop)}.melding__icoon{flex:none;display:flex;color:var(--indigo)}.melding--waarschuwing .melding__icoon{color:var(--waarschuwing-icoon)}.melding__tekst{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.melding__actie{flex:none;margin-left:auto}.melding__sluit{flex:none;width:28px;height:28px;border:0;border-radius:var(--radius-pil);background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;opacity:.65}.melding__sluit:hover{opacity:1}@media (pointer: coarse){.melding__sluit{width:40px;height:40px}}.veld{width:100%;min-height:40px;padding:9px 12px;border:1px solid var(--hairline);border-radius:var(--radius-knop);background:var(--veld-inert);color:var(--tekst);font-size:14px}.raster--hero>.spant-twee{grid-row:span 2}.cockpit__meldingen{margin-bottom:var(--gap-kaart)}.cockpit__lijsten{margin-top:var(--gap-kaart)}.hero__label{font:600 11.5px/1.3 inherit;color:var(--op-verloop-label)}.hero__cijfer{display:block;margin:10px 0 0;color:#fff}.hero__cijfer--min{color:var(--op-verloop-min)}.hero__body{font:400 13.5px/1.5 inherit;color:var(--op-verloop-body);margin:14px 0 0}.hero__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.chip--op-verloop{background:var(--op-verloop-chip);color:#fff;font-weight:500}.hero__dot{width:8px;height:8px;border-radius:var(--radius-pil);flex:none}.hero__opbouw{margin:18px 0 0}.hero__rij{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid var(--op-verloop-chip)}.hero__rij>dt{min-width:0;font-size:13.5px;color:var(--op-verloop-body)}.hero__rij>dt>small{display:block;font-size:11.5px;color:var(--op-verloop-sub)}.hero__rij>dd{margin:0 0 0 auto;font-weight:600;font-size:13.5px;color:var(--op-verloop-plus)}.hero__rij--min>dd{color:var(--op-verloop-min)}.stat__van{font:500 13.5px/1 inherit;color:var(--tekst-gedempt)}.stat__vansub{display:block;margin-top:8px}.stat__sub>.track{margin-bottom:2px}.potrij{padding:11px 0}.potrij+.potrij{border-top:1px solid var(--scheiding-4)}.potrij__kop{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:9px}.potrij__dot{flex:none;width:8px;height:8px;border-radius:var(--radius-pil)}.potrij__naam{min-width:0;font:500 13.5px/1.3 inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.potrij__cijfers{margin-left:auto;flex:none;font-size:13.5px}.potrij__budget{color:var(--tekst-gedempt);font-weight:500}.vastrij{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 0;font-size:13.5px}.vastrij+.vastrij{border-top:1px solid var(--scheiding-4)}.vastrij__cirkel{flex:none;width:16px;height:16px;border-radius:var(--radius-pil);border:1px solid var(--hairline);background:var(--vulling-neutraal);display:grid;place-items:center}.vastrij__cirkel--binnen{background:var(--positief-bg);border-color:var(--positief-bg);color:var(--positief)}.vastrij__naam{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vastrij__dag{flex:none;font-size:12px;color:var(--tekst-meta)}.vastrij__bedrag{flex:none;width:96px;text-align:right;font-weight:500}.vastrij--binnen .vastrij__naam,.vastrij--binnen .vastrij__bedrag{color:var(--tekst-meta)}.doel__naam{font:600 13.5px/1.3 inherit;letter-spacing:-.01em}.doel__cijfers{display:flex;align-items:baseline;gap:7px;margin:9px 0 11px;flex-wrap:wrap}.doel__van{font:500 12.5px/1 inherit;color:var(--tekst-gedempt)}.doel__min{color:var(--negatief)}.doel__meta{font:400 11.5px/1.4 inherit;color:var(--tekst-meta);margin-top:9px}.potjes__bericht{margin-bottom:var(--gap-kaart)}.potjes__blok{margin-top:var(--gap-kaart)}.potjes__cijfers{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.niettoegewezen{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.niettoegewezen__tekst{min-width:0;display:grid;gap:6px}.niettoegewezen__tekst>.kaarttekst{margin:0}.niettoegewezen__min{color:var(--negatief)}.niettoegewezen__acties{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.potkaart__kop{display:flex;align-items:center;gap:10px;min-width:0}.potkaart__kop>.chip{margin-left:auto;flex:none}.potkaart__naam{min-width:0;font:600 13.5px/1.3 inherit;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.potkaart__cijfers{display:flex;align-items:baseline;gap:7px;margin:10px 0 12px;flex-wrap:wrap}.potkaart__van{font:500 12.5px/1 inherit;color:var(--tekst-gedempt)}.potkaart__meta{font:400 11.5px/1.4 inherit;color:var(--tekst-meta);margin-top:9px}.doelrij{display:grid;grid-template-columns:200px minmax(0,1fr) 150px;gap:16px;align-items:center;padding:12px 0;min-width:0}.doelrij+.doelrij{border-top:1px solid var(--scheiding-4)}.doelrij__tekst{min-width:0}.doelrij__meta{font:400 11.5px/1.4 inherit;color:var(--tekst-meta);margin-top:4px}.doelrij__cijfers{text-align:right;font-size:13.5px;font-weight:600}.doelrij__doel{color:var(--tekst-gedempt);font-weight:500}.potjes__acties{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.verplaats{display:grid;gap:10px;align-items:end;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.verplaats__veld{display:grid;gap:6px;min-width:0}.veldlabel{font:500 12px/1.2 inherit;color:var(--tekst-gedempt)}@media (max-width: 700px){.doelrij{grid-template-columns:1fr;gap:8px}.doelrij__cijfers{text-align:left}}.tx__banner{margin-bottom:var(--gap-kaart)}.tx__filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:var(--gap-kaart)}.tx__zoek{width:260px;max-width:100%;border-radius:var(--radius-knop)}.tx__pillen{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tx__sorteer{position:sticky;top:0;z-index:5;margin-bottom:var(--gap-kaart)}.tx__sorteerkop{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}.tx__sorteernaam{min-width:0;font:600 13.5px/1.3 inherit;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx__sorteeracties{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tx__keuzes{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0 0}.tx__hint{margin:10px 0 0}.tx__lijst{min-width:0}.tx__groep+.tx__groep{margin-top:14px}.tx__datum{font:500 12.5px/1.2 inherit;color:var(--tekst-as);padding:0 0 6px;border-bottom:1px solid var(--scheiding-4)}.tx__rij{border-radius:var(--radius-knop);cursor:pointer}.tx__rij+.tx__rij{border-top:1px solid var(--scheiding-4);border-radius:0}.tx__rij--actief{background:var(--indigo-zacht);border-radius:var(--radius-knop)}.tx__rij--actief>.rij:hover{background:transparent}.imp__sleep{display:grid;place-items:center;gap:12px;text-align:center;min-height:220px;padding:24px;border:2px dashed var(--hairline);border-radius:var(--radius-kaart);background:var(--veld-inert)}.imp__sleep--over{border-color:var(--indigo);background:var(--indigo-zacht)}.imp__sleeptekst{margin:0;font-size:13.5px;color:var(--tekst-2)}.imp__uitleg{margin:0}.imp__kies{display:inline-flex;position:relative}.imp__invoer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.imp__invoer:focus-visible+.imp__kiesknop{outline:2px solid var(--indigo);outline-offset:2px}.imp__invoer:disabled+.imp__kiesknop{opacity:.55}.imp__bestand{margin:0 0 16px}.imp__cijfers{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.imp__blok{margin-top:var(--gap-sectie)}.imp__acties{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--gap-kaart)}.imp__melding{margin-bottom:var(--gap-kaart)}.imp .melding{align-items:flex-start}.imp .melding__tekst{white-space:normal;overflow:visible;text-overflow:clip}.plan__bericht{margin-bottom:var(--gap-kaart)}.plan__cijfers{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hero__rij--sterk>dt{color:#fff;font-weight:600}.hero__rij--sterk>dd{color:#fff}.jaar{display:grid;gap:4px 3px;min-width:0;grid-template-columns:minmax(0,1.6fr) repeat(12,minmax(0,1fr))}.jaar__rij{display:contents}.jaar__naam{min-width:0;align-self:center;padding-right:8px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jaar__rij--kop>.jaar__naam,.jaar__maand{font:500 11.5px/1 inherit;color:var(--tekst-as);text-align:center}.jaar__blok{height:14px;border-radius:4px;background:var(--vulling-neutraal)}.jaar__blok--aan{background:var(--indigo)}.plan__radar{margin-top:var(--gap-sectie);border-top:1px solid var(--scheiding-2);padding-top:18px}.plan__radarkop{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:10px}.plan__radarkop>.chip{margin-left:auto;flex:none}.plan__actie{opacity:0;transition:opacity .12s}.tabel__rij:hover .plan__actie,.tabel__rij:focus-within .plan__actie{opacity:1}@media (pointer: coarse){.plan__actie{opacity:1}}.plan__voet{margin:14px 0 0}.plan__bewerk{margin-top:var(--gap-kaart)}.plan__velden{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.plan__veld{display:grid;gap:6px;min-width:0}.plan__maanden{margin-top:16px;display:grid;gap:8px}.plan__pillen{display:flex;gap:6px;flex-wrap:wrap}.plan__maanden>.meta{margin:0}.plan__acties{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}@media (max-width: 560px){.jaar{grid-template-columns:repeat(12,minmax(0,1fr))}.jaar__naam{grid-column:1 / -1;padding:6px 0 0}.jaar__rij--kop>.jaar__naam{display:none}}.heat{display:grid;gap:16px 14px;grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}.heat__maand{min-width:0}.heat__kop{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;min-width:0}.heat__naam{font:600 12.5px/1.2 inherit}.heat__totaal{margin-left:auto;font-size:11.5px;color:var(--tekst-meta)}.heat__dagkoppen,.heat__dagen{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.heat__dagkoppen{margin-bottom:3px;font:500 10.5px/1 inherit;color:var(--tekst-as);text-align:center}.heat__cel{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;font-size:10px;font-weight:500}.heat__dagen>.heat__cel:first-child{grid-column-start:var(--start, 1)}.heat__stap--0{background:var(--heat-leeg);border:1px solid var(--hairline);color:var(--tekst-as)}.heat__stap--1{background:var(--heat-1);color:var(--heat-tekst-licht)}.heat__stap--2{background:var(--heat-2);color:var(--heat-tekst-licht)}.heat__stap--3{background:var(--heat-3);color:var(--heat-tekst-donker)}.heat__stap--4{background:var(--heat-4);color:var(--heat-tekst-donker)}.heat__toekomst{background:var(--heat-toekomst-bg);border:1px solid var(--hairline);color:var(--heat-toekomst-fg)}.heat__schaal{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:var(--tekst-meta)}.heat__schaal__rechts{margin-left:auto}.heat__vlak{flex:none;width:15px;height:10px;border-radius:3px}.ch__meet{min-width:0}.ch__smal{margin:0 0 10px}.ch__vlak{position:relative;min-width:0}.ch{display:block;width:100%}.ch__sub{margin:-2px 0 12px}.ch__grid,.ch__as{stroke:var(--grid);stroke-width:1}.ch__nul{stroke:var(--lijn-neutraal);stroke-width:1.5}.ch__tick{font-size:11.5px;font-weight:500;fill:var(--tekst-as)}.ch__totaal{font-size:11.5px;font-weight:600;fill:var(--tekst-2)}.ch__label{font-size:11.5px;fill:var(--tekst-as)}.ch__label--sterk{font-weight:600;fill:var(--tekst-2)}.ch__lijn{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ch__ideaal{fill:none;stroke:var(--lijn-neutraal);stroke-width:1;stroke-dasharray:5 4}.ch__punt{stroke:var(--oppervlak);stroke-width:2}.ch__vandaag{stroke:var(--indigo);stroke-width:1.5}.ch__vandaag-label{font-size:11.5px;font-weight:600;fill:var(--indigo)}.ch__loopt{stroke:var(--tekst-2);stroke-width:1.5;stroke-dasharray:3 3;opacity:.55}.ch__hit{fill:transparent}.ch__verwacht{color:var(--indigo)}.tip{position:fixed;z-index:40;pointer-events:none;width:250px;padding:10px 12px;background:var(--oppervlak);border:1px solid var(--hairline);border-radius:var(--radius-klein);box-shadow:var(--schaduw);font-size:12.5px;color:var(--tekst-2)}.tip__titel{font-weight:600;color:var(--tekst);margin-bottom:6px}.tip__regel{display:flex;align-items:center;gap:7px;min-width:0}.tip__regel+.tip__regel{margin-top:3px}.tip__stip{flex:none;width:8px;height:8px;border-radius:var(--radius-pil)}.tip__stip--leeg{background:transparent}.tip__kop{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tip__waarde{margin-left:auto;font-weight:600;color:var(--tekst)}.legenda{display:flex;flex-wrap:wrap;gap:6px 14px;margin:12px 0 0;padding:0;list-style:none;font-size:12px;color:var(--tekst-meta)}.legenda>li{display:flex;align-items:center;gap:6px}.legenda__vlak{flex:none;width:9px;height:9px;border-radius:3px}.legenda__lijn{flex:none;width:14px;height:2px;border-radius:var(--radius-pil)}.verm__bericht{margin-bottom:var(--gap-kaart)}.verm__blok{margin-top:var(--gap-kaart)}.verm__voet{margin:var(--gap-kaart) 0 0}.verm__hero{display:grid;gap:24px;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.verm__cijfers{min-width:0}.verm__cijfers>.hero__body{margin-top:12px}.verm__lijn{min-width:0;display:grid;gap:6px;justify-items:end}.verm__lijn>svg,.verm__lijn>.verm__lijst{justify-self:stretch;width:100%}.verm__lijnlabel{font-size:11.5px;font-weight:500;fill:currentColor;opacity:.7}.verm__wissel{min-height:28px;padding:4px 12px;border:0;border-radius:var(--radius-pil);background:var(--op-verloop-chip);color:#fff;font:600 12px/1 inherit;cursor:pointer}.verm__wissel:hover{background:#ffffff47}@media (pointer: coarse){.verm__wissel{min-height:40px;padding:6px 14px}}.verm__lijst{margin:0;max-height:320px;overflow-y:auto}.verm__min{color:var(--negatief-tekst)}.verm__auto{display:block;width:8px;height:8px;border-radius:var(--radius-pil);background:var(--indigo)}.verm__leeg{display:grid;gap:14px}.verm__acties{display:flex;gap:8px;flex-wrap:wrap}.verm__form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:12px}.verm__veld{display:grid;gap:6px;min-width:170px;flex:1}@media (max-width: 760px){.verm__hero{grid-template-columns:1fr}}.inst__bericht{margin-bottom:var(--gap-kaart)}.instelrij{display:flex;align-items:center;gap:14px;min-width:0;padding:12px 0;font-size:13.5px}.instelrij+.instelrij{border-top:1px solid var(--scheiding-4)}.instelrij__label{min-width:0;flex:1;font-weight:500}.instelrij__uitleg{display:block;font:400 12px/1.45 inherit;color:var(--tekst-meta);margin-top:3px}.instelrij__waarde{flex:none;margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--tekst-gedempt);font-weight:500;text-align:right}.inst__themakeuze{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inst__weg{color:var(--negatief-tekst)}.inst__actie{opacity:0;transition:opacity .12s}.tabel__rij:hover .inst__actie,.tabel__rij:focus-within .inst__actie{opacity:1}@media (pointer: coarse){.inst__actie{opacity:1}}.inst__form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:16px 0 12px;padding-top:16px;border-top:1px solid var(--scheiding-2)}.inst__veld{display:grid;gap:6px;min-width:220px;flex:1}.inst__uitleg{margin:16px 0 8px}.schakelaar{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:flex-end;min-width:44px;min-height:40px}.schakelaar__invoer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.schakelaar__spoor{position:relative;width:44px;height:26px;border-radius:var(--radius-pil);background:var(--vulling-neutraal);transition:background .12s}.schakelaar__knop{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:var(--radius-pil);background:var(--oppervlak);box-shadow:var(--schaduw);transition:transform .12s}.schakelaar__invoer:checked+.schakelaar__spoor{background:var(--indigo)}.schakelaar__invoer:checked+.schakelaar__spoor>.schakelaar__knop{transform:translate(18px)}.schakelaar__invoer:focus-visible+.schakelaar__spoor{outline:2px solid var(--indigo);outline-offset:2px}.knop--mini{padding:0 10px;border-color:transparent;color:var(--tekst-meta);font-size:12.5px}.knop--mini:hover:enabled{background:var(--nav-hover);color:var(--tekst)}@media (min-width: 900px) and (max-width: 1099.98px){.layout{grid-template-columns:var(--zijbalk-smal) 1fr}.layout>main{padding:26px 24px 90px}.zijbalk{align-items:center;gap:20px;padding:26px 12px}.zijbalk__merk{justify-content:center}.zijbalk__nav{align-self:stretch}.zijbalk__onderin{justify-items:center;width:100%}.zijbalk__huishouden,.zijbalk__wat,.zijbalk__import,.zijbalk__knoptekst,.navitem__naam{display:none}.navitem{justify-content:center;height:44px;padding:0}.navitem__badge{position:absolute;top:2px;right:6px;margin:0;min-width:16px;padding:2px 5px;font-size:10px}.zijbalk__importknop{width:44px;padding:0}.navitem:hover>.navitem__tip,.navitem:focus-visible>.navitem__tip,.zijbalk__importknop:hover>.navitem__tip,.zijbalk__importknop:focus-visible>.navitem__tip{display:block;position:absolute;left:calc(100% + 10px);top:50%;z-index:30;transform:translateY(-50%);padding:6px 10px;border-radius:var(--radius-knop);background:var(--oppervlak);border:1px solid var(--hairline);box-shadow:var(--schaduw);font:500 12.5px/1.2 inherit;color:var(--tekst-2);white-space:nowrap}}@media (max-width: 899.98px){.layout{grid-template-columns:minmax(0,1fr)}.zijbalk{display:none}.tabbalk{display:flex}.tabmeer{display:block}.layout>main{padding:18px 14px calc(var(--tabbalk) + 24px)}.paginakop{display:contents}.paginakop__tekst,.paginakop__maand,.paginakop__acties{margin-bottom:14px}.paginakop>:last-child{margin-bottom:22px}.paginatitel{font-size:25px}.paginakop .paginasub{margin-top:6px}.paginakop__acties{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.paginakop__maand{position:sticky;top:env(safe-area-inset-top);z-index:20;margin-left:-14px;margin-right:-14px;padding:8px 14px;background:var(--canvas)}.tx__sorteer{top:calc(env(safe-area-inset-top) + 56px)}.kaart{padding:18px 16px}.kaart--compact{padding:16px 14px}.kaart--hero,.kaart--vermogen{padding:20px 18px}.sectie{margin-top:26px}.sectiekop{font-size:19px}.herocijfer{font-size:46px}.raster--hero{grid-template-columns:repeat(2,minmax(0,1fr))}.raster--hero>.spant-twee{grid-column:1 / -1;grid-row:auto}.raster--hero>.stat-extra{display:none}.raster--hero>.kaart{padding:14px}.raster--hero .statcijfer{font-size:24px}.raster--hero .stat__sub{font-size:11.5px}.raster--potjes{grid-template-columns:minmax(0,1fr)}.potcijfer{font-size:22px}.potkaart__cijfers{margin:8px 0 10px}.potrij{padding:9px 0}.tabel{display:block}.tabel__kop{display:none}.tabel__rij{display:block;padding:8px 0;border-top:1px solid var(--scheiding-4)}.tabel__rij:hover{background:var(--rij-hover)}.tabel__rij:hover>.tabel__cel{background:transparent}.tabel__cel{display:flex;align-items:baseline;gap:12px;padding:2px 0;border-top:0;text-align:left}.tabel__cel:before{content:attr(data-kop);flex:none;min-width:104px;font:500 11.5px/1.5 inherit;color:var(--tekst-as)}.tabel__cel[data-kop=""]:before{display:none}.tabel__cel--afkappen{white-space:normal;overflow:visible}}:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}