:root{--d-bg:oklch(19% .012 60);--d-bg-1:oklch(24% .012 60);--d-fg:oklch(95% .012 70);--d-fg-2:oklch(72% .012 70);--d-fg-3:oklch(56% .012 70);--d-lijn:oklch(32% .012 60);--l-bg:oklch(97% .012 75);--l-fg:oklch(22% .015 60);--l-fg-2:oklch(42% .015 60);--l-fg-3:oklch(56% .014 60);--l-lijn:oklch(88% .012 70);--accent:oklch(78% .14 75);--accent-donker:oklch(55% .13 70);--ok:oklch(75% .13 150);--ok-donker:oklch(50% .12 150)}html{background:var(--d-bg)}body{color:var(--d-fg);font-size:15.5px}.kolom.kolom{width:min(100% - 2*clamp(16px,4vw,56px),1120px);margin-inline:auto}.bedrag,.saldo,.uit,.strook b{font-variant-numeric:tabular-nums}.kop{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:oklch(19% .012 60/.85);transition:box-shadow .3s;position:sticky;top:0}.kop.is-gescrold{box-shadow:0 1px 0 var(--d-lijn)}.kop .kolom{align-items:center;gap:28px;height:56px;display:flex}.merk{align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.bol{background:radial-gradient(circle at 35% 35%, oklch(95% .08 80), var(--accent));border-radius:50%;width:12px;height:12px;animation:6s ease-in-out infinite adem}@keyframes adem{50%{transform:scale(1.15)}}.kop nav{gap:4px;display:flex}.kop nav a{color:var(--d-fg-2);border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.kop nav a[aria-current]{color:var(--d-fg);background:var(--d-bg-1)}.rechts{align-items:center;gap:10px;margin-left:auto;display:flex}.zoek{border:1px solid var(--d-lijn);height:30px;color:var(--d-fg-3);border-radius:999px;padding:0 10px;font-size:12px}.avatar{background:var(--d-bg-1);border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:grid}.donker{padding:32px 0 44px}.context{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.segment{background:var(--d-bg-1);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segment button{height:28px;color:var(--d-fg-2);border-radius:999px;padding:0 12px;font-size:13px}.segment button[aria-selected=true]{background:var(--d-fg);color:var(--d-bg)}.week{color:var(--d-fg-3);font-size:13px}h1{font-family:var(--site-serif);letter-spacing:-.02em;font-variation-settings:"opsz" 96;margin-top:28px;font-size:clamp(34px,4.2vw,60px);font-weight:400;line-height:1.04}.zin{max-width:54ch;color:var(--d-fg-2);margin-top:18px;line-height:1.55}.strook{grid-template-columns:repeat(7,1fr);gap:6px;margin:44px 0 0;padding:0;list-style:none;display:grid}.strook li{background:oklch(22% .012 60);border:1px solid #0000;border-radius:14px;grid-template-rows:auto 120px auto auto auto;gap:8px;padding:12px 10px 10px;display:grid}.strook li.is-vandaag{border-color:var(--d-lijn);background:var(--d-bg-1)}.dagnaam{color:var(--d-fg-3);font-size:12.5px}.dagnaam b{color:var(--d-fg);margin-left:2px;font-size:15px;font-weight:500}.is-vandaag .dagnaam b{color:var(--accent)}.balk{border-bottom:1px solid var(--d-lijn);align-items:flex-end;gap:3px;display:flex;position:relative}.balk i{height:var(--h,2%);background:var(--d-fg-2);transform-origin:bottom;min-height:2px;animation:groei 1.1s var(--ease-uit) both;border-radius:2px 2px 0 0;flex:1;display:block}.balk em{height:var(--in,0);background:var(--ok);transform-origin:bottom;min-height:2px;animation:groei 1.1s var(--ease-uit) .2s both;border-radius:2px 2px 0 0;flex:1;display:block}.is-vandaag .balk i{background:var(--d-fg-3)}.is-onzeker .balk i{background:repeating-linear-gradient(0deg, var(--d-fg-3) 0 3px, transparent 3px 6px)}@keyframes groei{0%{transform:scaleY(0)}}.uit{color:var(--d-fg-2);white-space:nowrap;font-size:12.5px}.uit .in{color:var(--ok);display:block}.saldo{font-family:var(--site-serif);font-size:20px;font-weight:500;line-height:1}.saldo:before{content:"€ ";color:var(--d-fg-3);font-size:12px;font-family:var(--site-sans)}.punten{gap:4px;height:6px;display:flex}.punten i{background:var(--d-fg-3);border-radius:50%;width:6px;height:6px}.punten .akkoord{background:var(--accent);box-shadow:0 0 0 2px oklch(78% .14 75/.25)}.punten .in{background:var(--ok)}.punten .klaar{background:var(--d-lijn)}.punten .onzeker{border:1px dashed var(--d-fg-3);background:0 0}.legenda{color:var(--d-fg-3);flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:12.5px;display:flex}.legenda span{align-items:center;gap:7px;display:inline-flex}.legenda i{background:var(--d-fg-3);border-radius:50%;width:6px;height:6px}.legenda .akkoord{background:var(--accent)}.legenda .in{background:var(--ok)}.legenda .onzeker{border:1px dashed var(--d-fg-3);background:0 0}.legenda .r{margin-left:auto}.licht{background:var(--l-bg);color:var(--l-fg);border-radius:28px 28px 0 0;padding:48px 0 150px}.raster{grid-template-columns:minmax(0,1fr) 320px;column-gap:64px;display:grid}.licht h2{font:600 13px/1.2 var(--site-sans);color:var(--l-fg-3);border-bottom:1px solid var(--l-fg);justify-content:space-between;align-items:baseline;margin:0 0 6px;padding-bottom:10px;display:flex}.licht h2 span{font-variant-numeric:tabular-nums;font-weight:500}.lijst{margin:0 0 40px;padding:0;list-style:none}.rij{border-bottom:1px solid var(--l-lijn);grid-template-columns:52px minmax(0,1fr) auto;align-items:start;column-gap:16px;padding:14px 0;display:grid}.compact .rij{padding:11px 0}.rij .dag{color:var(--l-fg-3);padding-top:2px;font-size:13px}.wat{flex-direction:column;gap:3px;min-width:0;display:flex}.wat small{color:var(--l-fg-3);font-size:13px;line-height:1.45}.wat small a{color:var(--accent-donker);text-underline-offset:3px}.rij .bedrag{white-space:nowrap}.is-klaar .wat>span:first-child,.is-klaar .bedrag,.is-klaar .dag{color:var(--l-fg-3);text-decoration:line-through;-webkit-text-decoration-color:var(--l-lijn);text-decoration-color:var(--l-lijn)}.is-klaar .wat small{text-decoration:none}.is-in .bedrag{color:var(--ok-donker)}.is-onzeker .bedrag,.is-onzeker .wat>span:first-child{color:var(--l-fg-2)}.is-akkoord{position:relative}.is-akkoord:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:-16px}.status{color:var(--accent-donker);margin-top:2px;font-size:13px;font-weight:500}.acties{flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:10px;display:flex}.pil{background:var(--l-fg);height:36px;color:var(--l-bg);transition:transform .3s var(--ease-uit), background .2s;border-radius:999px;padding:0 16px;font-size:14px;font-weight:500}.pil:hover{background:var(--accent-donker);transform:translateY(-1px)}.tekst{color:var(--l-fg-2);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--l-lijn);text-decoration-color:var(--l-lijn);min-height:36px;font-size:14px}[data-staat=wacht] .status{color:var(--l-fg)}[data-staat=wacht] .acties,[data-staat=klaar] .acties,[data-staat=nee] .acties{display:none}[data-staat=klaar] .status{color:var(--ok-donker)}[data-staat=klaar]:before,[data-staat=nee]:before{background:var(--l-lijn)}[data-staat=nee] .status{color:var(--l-fg-3)}.zij .lijst{margin-bottom:32px}.stil{color:var(--l-fg-2);margin-bottom:32px;font-size:14.5px;line-height:1.55}.zweef{background:var(--d-bg);color:var(--d-fg);border:1px solid var(--d-lijn);z-index:5;white-space:nowrap;border-radius:999px;align-items:center;gap:22px;padding:10px 10px 10px 20px;font-size:14px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px oklch(0% 0 0/.3)}.zweef b{color:var(--accent);font-weight:600}.zweef .pil{background:var(--accent);color:var(--d-bg)}.zweef .pil:hover{background:var(--d-fg)}.bewijs{opacity:0;pointer-events:none;background:var(--l-fg);color:var(--l-bg);transition:opacity .35s var(--ease-uit), transform .45s var(--ease-uit);z-index:5;border-radius:12px;align-items:center;gap:14px;max-width:min(560px,92vw);padding:12px 18px;font-size:14px;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%,16px)}.bewijs.is-open{opacity:1;pointer-events:auto;transform:translate(-50%)}.bewijs button{color:var(--accent);text-underline-offset:3px;font-weight:500;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (width<=1023px){.raster{grid-template-columns:1fr}.kop nav{display:none}}@media (width<=759px){body{font-size:16px}.kop .kolom{height:48px}.donker{padding:16px 0 36px}.context{gap:10px}h1{margin-top:20px;font-size:34px}.strook{gap:3px;margin-top:30px}.strook li{border-radius:10px;grid-template-rows:auto 72px auto auto auto;gap:6px;padding:8px 4px}.dagnaam{font-size:10.5px}.dagnaam b{font-size:12px}.uit{font-size:10.5px}.saldo{font-size:14px}.saldo:before{display:none}.legenda .r{width:100%;margin-left:0}.licht{border-radius:20px 20px 0 0;padding:36px 0 150px}.rij{grid-template-columns:44px minmax(0,1fr) auto;column-gap:10px}.rij .bedrag{font-size:15px}.is-akkoord:before{left:-10px}.acties .pil{flex:100%}.zweef{left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));white-space:normal;justify-content:space-between;padding-left:16px;transform:none}.bewijs{bottom:96px}}