:root{--bg:#f4f5f2;--surface:#fff;--surface-2:#e9ece6;--text:#1b221f;--muted:#5a645e;--line:#d5dad3;--accent:#1f4e46;--accent-soft:#dce8e3;--on-accent:#fff;--open:#a86a14;--open-soft:#f6ead4;--plus:#24724f;--danger:#a3342a;--radius:14px;--shadow:0 1px 2px #1b221f0f, 0 4px 14px #1b221f0f;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121614;--surface:#1b211e;--surface-2:#252c28;--text:#e6ebe7;--muted:#a2ada6;--line:#333c37;--accent:#7fc0b0;--accent-soft:#1f3530;--on-accent:#0d1a17;--open:#e9b45f;--open-soft:#3a2d15;--plus:#7fd0a5;--danger:#ff8e7a;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:16px}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{max-width:44rem;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:env(safe-area-inset-top,0px) calc(env(safe-area-inset-bottom,0px) + 4.5rem);margin-inline:auto}h1{letter-spacing:-.01em;margin:0;font-size:1.35rem}.muted{color:var(--muted)}.verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.leeg{color:var(--muted);text-align:center;margin:0;padding:3rem 0}.fout{color:var(--danger);margin:0}.demo-bar{border-radius:var(--radius);background:var(--open-soft);color:var(--text);margin:.75rem 0 0;padding:.5rem .75rem;font-size:.85rem}.kaart{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:.75rem;padding:1.25rem;display:grid}.kaart.smal{max-width:26rem;margin:3rem auto 0}.kaart p{margin:0;line-height:1.5}.formulier{gap:.4rem;display:grid}.formulier input{border:1px solid var(--line);background:var(--bg);border-radius:10px;margin-bottom:.5rem;padding:.65rem .75rem}.knop{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;padding:.55rem .9rem}.knop:disabled{opacity:.6;cursor:default}.knop.primair{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.knop.klein{padding:.3rem .65rem;font-size:.85rem}.kop{justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 0 .5rem;display:flex}.paneel-kop{border-bottom:1px solid var(--line);gap:.6rem;padding-bottom:.75rem;display:grid}.kop-rij{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.maandkeuze{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:.35rem .6rem;font-size:1.1rem;font-weight:600}.totalen{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.totalen div{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;padding:.45rem .6rem}.totalen dt{color:var(--muted);font-size:.75rem}.totalen dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:600}.totalen .let-op{background:var(--open-soft);border-color:#0000}.totalen .let-op dd{color:var(--open)}.filters{scrollbar-width:none;gap:.4rem;display:flex;overflow-x:auto}.filterknop{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;flex:none;padding:.35rem .8rem;font-size:.85rem}.filterknop[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.zoek{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;padding:.55rem .75rem}.aanbod{background:var(--accent-soft);border-radius:var(--radius);gap:.6rem;margin-top:.75rem;padding:.85rem 1rem;display:grid}.aanbod p{margin:0;line-height:1.45}.aanbod-knoppen{flex-wrap:wrap;gap:.5rem;display:flex}.lijst{gap:1rem;padding-top:.75rem;display:grid}.dag h2{color:var(--muted);margin:0 0 .35rem;font-size:.8rem;font-weight:600}.dag ul{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:0;list-style:none}.rij{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:.35rem .75rem;padding:.75rem .9rem;display:grid}.rij:first-child{border-top:0}.rij.open{box-shadow:inset 3px 0 0 var(--open)}.rij-tekst{gap:.1rem;min-width:0;display:grid}.naam{overflow-wrap:anywhere;font-weight:600}.omschrijving{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem}.meta{color:var(--muted);font-size:.75rem}.bedrag{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.bedrag.plus{color:var(--plus)}.rij-categorie{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem;display:flex}.rij-categorie select{border:1px solid var(--line);background:var(--bg);border-radius:10px;flex:14rem;min-width:0;padding:.45rem .55rem}.rij.open .rij-categorie select{border-color:var(--open);background:var(--open-soft)}.voorstel{border-style:dashed}.voet{color:var(--muted);margin-top:1.5rem;font-size:.8rem;line-height:1.5}.voet code{font-size:.8rem}.melding{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);pointer-events:none;justify-content:center;padding-inline:16px;display:flex;position:fixed}.melding span{background:var(--text);color:var(--bg);box-shadow:var(--shadow);border-radius:999px;padding:.55rem 1rem;font-size:.9rem}@media (prefers-reduced-motion:no-preference){.melding span{animation:.18s ease-out op}@keyframes op{0%{opacity:0;transform:translateY(6px)}}}.tabbalk{z-index:10;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbalk button{all:unset;cursor:pointer;text-align:center;color:var(--muted);padding:.8rem .25rem;font-size:.9rem;position:relative}.tabbalk button[aria-current=page]{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent);font-weight:700}.tabbalk button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.stip{background:var(--open);min-width:1.2rem;color:var(--bg);border-radius:999px;margin-left:.35rem;padding:0 .3rem;font-size:.7rem;font-weight:700;line-height:1.2rem;display:inline-block}.melding{bottom:calc(env(safe-area-inset-bottom,0px) + 4.2rem)}.inzicht,.beleggingen{gap:.9rem;display:grid}.kruimels{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.9rem;display:flex}.kruimels button{all:unset;cursor:pointer;color:var(--accent)}.kruimels button[aria-current=page],.kruimels span[aria-current=page]{color:var(--text);cursor:default;font-weight:600}.kruimels button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.tegels{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.tegel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:.15rem;min-width:0;padding:.7rem .75rem;display:grid}.tegel-label{color:var(--muted);font-size:.75rem}.tegel-getal{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.95rem,4.3vw,1.15rem);font-weight:700;overflow:hidden}.tegel-delta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem;line-height:1.3}@media (width<=340px){.tegels{grid-template-columns:1fr}}.kaart h2{margin:0;font-size:1rem}.kaart-kop{gap:.25rem;display:grid}.kaart-kop .muted,.muted.klein{margin:0;font-size:.8rem;line-height:1.4}.cijfers{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.5rem .75rem;margin:0;display:grid}.cijfers dt{color:var(--muted);font-size:.75rem}.cijfers dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.goed{color:var(--plus)}.slecht{color:var(--danger)}.posten,.fondsen{margin:0;padding:0;list-style:none}.posten li+li,.fondsen li+li{border-top:1px solid var(--line)}.post,.fonds{all:unset;box-sizing:border-box;cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"naam bedrag pijl""balk balk pijl""meta spark pijl";align-items:center;gap:.25rem .75rem;width:100%;padding:.7rem .1rem;display:grid}.fonds{grid-template-areas:"naam bedrag pijl""meta meta pijl""meta2 meta2 pijl"}.saldo{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"naam bedrag";gap:.75rem;padding:.7rem .1rem;display:grid}.post:focus-visible,.fonds:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.post-naam{overflow-wrap:anywhere;grid-area:naam;font-weight:600}.post-bedrag{font-variant-numeric:tabular-nums;text-align:right;grid-area:bedrag;font-weight:700}.post-balk{background:var(--surface-2);border-radius:3px;grid-area:balk;height:6px;overflow:hidden}.post-balk span{background:var(--accent);border-radius:3px;height:100%;display:block}.post-meta{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:meta;font-size:.78rem}.fonds .post-meta+.post-meta{grid-area:meta2}.post-pijl{color:var(--muted);grid-area:pijl;font-size:1.3rem}.sparkline{grid-area:spark;justify-self:end}.sparkline polyline{stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.sparkline circle{fill:var(--accent)}.ingebed{border-top:1px solid var(--line);margin:0 -1.25rem -1.25rem;padding:0;list-style:none}.link{all:unset;cursor:pointer;color:var(--accent);text-decoration:underline}.grafiek{width:100%;min-height:150px;position:relative}.grafiek svg{display:block;overflow:visible}.grafiek .staaf{fill:var(--accent);opacity:.3}.grafiek .staaf.actief{opacity:1}.grafiek .klikbaar{cursor:pointer}.grafiek .klikbaar:hover .staaf{opacity:.6}.grafiek .klikbaar:hover .staaf.actief{opacity:1}.grafiek .label{fill:var(--muted);font-size:10px}.grafiek .label.actief{fill:var(--text);font-weight:700}.grafiek .waarde{fill:var(--text);font-size:11px;font-weight:700}.grafiek .as{stroke:var(--line)}.grafiek .raster{stroke:var(--line);stroke-dasharray:2 3}.grafiek .gemiddelde{stroke:var(--open);stroke-width:1.5px;stroke-dasharray:5 4}.grafiek .vlak-inleg{fill:var(--accent);opacity:.14}.grafiek .lijn-inleg{fill:none;stroke:var(--accent);stroke-width:1.5px;opacity:.6}.grafiek .lijn-waarde{fill:none;stroke:var(--open);stroke-width:2.5px;stroke-linejoin:round}.grafiek .punt-waarde{fill:var(--open);stroke:var(--surface);stroke-width:1.5px}.grafiek-tip{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:.8rem}.legenda{color:var(--muted);gap:1rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.swatch{vertical-align:-.1rem;border-radius:3px;width:.8rem;height:.8rem;margin-right:.35rem;display:inline-block}.swatch.inleg{background:var(--accent);opacity:.35}.swatch.waarde{background:var(--open);vertical-align:.2rem;height:3px}.tabelvak{max-height:24rem;margin:0 -.25rem;overflow:auto}.tabel{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.85rem}.tabel th,.tabel td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:.45rem .35rem}.tabel th{background:var(--surface);color:var(--muted);font-size:.75rem;font-weight:600;position:sticky;top:0}.tabel .num{text-align:right}@media (width<=420px){.smal-weg{display:none}}