@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-ext-wght-normal-DHTKMUil.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-wght-normal-B1g8a0vD.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-greek-wght-normal-BpXpdlRW.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-vietnamese-wght-normal-BsaNuasd.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-ext-wght-normal-BVZ5su8S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-wght-normal-DMe4EKeb.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f7f5f0;--card: #ffffff;--ink: #17251f;--ink-soft: #5c6b63;--line: #e3ded4;--gulden: #0e6b4f;--gulden-tint: #e6f1ec;--amber: #c07f1f;--rood: #b3402e;--rood-tint: #f7e9e6;--nacht: #10241f;--nacht-soft: #9fb3aa;--nacht-lijn: rgba(255, 255, 255, .08);--accent: #3fb386;--font-body: "Inter Variable", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-num: var(--font-body);--font-display: "Source Serif 4 Variable", Georgia, "Times New Roman", serif;--radius: 10px;--radius-lg: 16px;--gap: 16px;--shadow: 0 1px 2px rgba(23, 37, 31, .04), 0 2px 8px rgba(23, 37, 31, .03);--zijbalk: 236px;--tabbalk: 64px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}.amount{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:550;letter-spacing:-.005em;white-space:nowrap}.amount.pos{color:var(--gulden)}.amount.neg{color:var(--ink)}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}:focus-visible{outline:2px solid var(--gulden);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{max-width:1440px;margin:0 auto;padding:0 24px 96px}@media (min-width: 1600px){.shell{max-width:90vw}}.topbar{display:flex;align-items:baseline;justify-content:space-between;padding:20px 0 8px}.topbar h1{font-size:20px;font-weight:700;margin:0;letter-spacing:-.02em}.topbar .sync{font-size:12px;color:var(--ink-soft)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:var(--gap);overflow-x:auto}.tabs button{padding:10px 14px;font-weight:600;color:var(--ink-soft);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs button.active{color:var(--ink);border-bottom-color:var(--gulden)}.tabs button.add{font-weight:400}.filterbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:var(--gap)}.seg{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.seg button{padding:7px 12px;font-size:13px;color:var(--ink-soft)}.seg button.active{background:var(--gulden);color:#fff}.filterbar .period-nav{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.filterbar .period-label{font-weight:600;min-width:130px;text-align:center}.filterbar .period-nav button{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--card)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap);align-items:start}.span-2{grid-column:span 2}.span-all{grid-column:1 / -1}@media (max-width: 1100px){.span-2,.span-all{grid-column:1 / -1}}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px}.card h3{margin:0 0 4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.card .big{font-size:26px;font-weight:700}.card .sub{font-size:13px;color:var(--ink-soft);margin-top:2px}.statsrow{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-bottom:var(--gap)}@media (max-width: 860px){.statsrow{grid-template-columns:1fr}}.card.stat{padding:14px 16px}.card.stat .big{font-size:22px;line-height:1.15}.card.stat .sub{font-size:12px}.statrij{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.statlinks{min-width:0}.minibars{display:flex;align-items:flex-end;gap:6px;height:46px;flex:0 0 auto}.mb{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;height:100%;width:20px}.mb .col{width:100%;border-radius:3px 3px 0 0;min-height:2px;transition:height .4s ease}.mb.spent .col{background:var(--rood)}.mb.spent.ok .col{background:var(--gulden)}.mb.budget .col{background:var(--gulden-tint);border:1px dashed var(--gulden)}.mb .lbl{font-size:9px;color:var(--ink-soft);letter-spacing:.04em}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.seg.mini button{padding:5px 10px;font-size:12px}.catpick{font:inherit;font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;margin-left:6px}.meter{height:8px;border-radius:4px;background:var(--gulden-tint);margin-top:10px;overflow:hidden}.meter>div{height:100%;border-radius:4px;background:var(--gulden);transition:width .4s ease}.meter.warn>div{background:var(--amber)}.meter.over>div{background:var(--rood)}.catlist{display:flex;flex-direction:column;gap:10px;margin-top:8px}.catrow{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:baseline}.catrow .name{font-weight:600;font-size:14px}.catrow .meter{grid-column:1 / -1;margin-top:4px}.txlist{margin-top:var(--gap)}.txlist .card{padding:0}.txrow{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:12px 16px;border-bottom:1px solid var(--line)}.txrow:last-child{border-bottom:none}.txrow .desc{font-weight:600;font-size:14px}.txrow .meta{font-size:12px;color:var(--ink-soft)}.txrow .amount{font-size:15px;align-self:center}.chip{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--gulden-tint);color:var(--gulden);font-weight:600;margin-left:6px}.chip.uncat{background:var(--rood-tint);color:var(--rood)}.pinlock{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--ink);color:var(--paper)}.pinlock .dots{display:flex;gap:14px}.pinlock .dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(247,245,240,.5)}.pinlock .dot.filled{background:var(--paper);border-color:var(--paper)}.pinpad{display:grid;grid-template-columns:repeat(3,72px);gap:12px}.pinpad button{height:72px;border-radius:50%;background:#f7f5f014;color:var(--paper);font-size:24px;font-weight:600}.pinpad button:active{background:#f7f5f033}.pinlock .error{color:#e8a598;font-size:14px;min-height:20px}.koppelbalk{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--rood-tint);color:var(--rood);font-size:13px;padding:10px 16px;border-radius:var(--radius);margin-bottom:var(--gap)}.koppelbalk button{flex-shrink:0}.koppelbalk-fout{margin-top:4px;font-size:12px}@media (max-width: 600px){.koppelbalk{flex-direction:column;align-items:stretch}}.demobar{background:var(--gulden-tint);color:var(--gulden);font-size:13px;padding:8px 16px;border-radius:var(--radius);margin-bottom:var(--gap)}@media (max-width: 520px){.filterbar .period-nav{margin-left:0;width:100%;justify-content:space-between}}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px 28px;display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0;font-size:24px;letter-spacing:-.02em}.login-card .sub{margin:0 0 8px;color:var(--ink-soft);font-size:14px}.login-card label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.login-card input{font:inherit;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--paper)}.login-card input:focus{outline:2px solid var(--gulden);border-color:transparent}.login-card .error{color:var(--rood);font-size:13px;min-height:18px}.login-card button.primary{background:var(--gulden);color:#fff;font-weight:700;padding:12px;border-radius:var(--radius)}.login-card button.ghost{border:1px solid var(--line);padding:12px;border-radius:var(--radius);font-weight:600}.login-card button:disabled{opacity:.6;cursor:default}.login-card button.switch{font-size:13px;color:var(--gulden);font-weight:600;margin-top:4px}.topbar .actions{display:flex;gap:12px;align-items:baseline}.topbar .logout{font-size:12px;color:var(--ink-soft);text-decoration:underline}.bank-card{box-shadow:none;padding:0}.bank-card .verslag{margin-top:10px}.bank-card{display:flex;flex-direction:column;gap:10px}.bank-card .primary{background:var(--gulden);color:#fff;font-weight:700;padding:10px 18px;border-radius:var(--radius)}.bank-card h3{margin-bottom:0}.bank-card .ghost{border:1px solid var(--line);padding:9px 14px;border-radius:var(--radius);font-weight:600;font-size:13px}.bank-card .error{color:var(--rood);font-size:13px;margin-top:8px}.bank-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.bank-row:last-of-type{border-bottom:none}.bank-actions{display:flex;gap:8px;margin-top:10px}.diagnose{background:var(--ink);color:#d9e5df;font-size:12px;padding:14px;border-radius:var(--radius);overflow-x:auto;margin-top:12px;max-height:320px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17251f73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90dvh;overflow-y:auto;box-shadow:0 12px 40px #17251f40}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 14px;border-bottom:1px solid var(--line)}.modal-title{font-size:17px;font-weight:700;letter-spacing:-.01em}.modal-amount{font-size:19px;font-weight:700}.modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.modal .orig{background:var(--paper);border-radius:var(--radius);padding:10px 12px;word-break:break-word}.field{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}.field input,.field select{font:inherit;font-weight:400;padding:9px 11px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink)}.field input:focus,.field select:focus{outline:2px solid var(--gulden);border-color:transparent}.newcat{border:1px dashed var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px}.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}.check input{margin-top:3px;width:16px;height:16px;accent-color:var(--gulden)}.linkish{color:var(--gulden);font-weight:600;font-size:13px;align-self:flex-start}.modal-foot{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px 20px;border-top:1px solid var(--line)}.modal-foot .primary{background:var(--gulden);color:#fff;font-weight:700;padding:10px 22px;border-radius:var(--radius)}.modal-foot .primary:disabled{opacity:.6}.txrow.clickable{cursor:pointer}.txrow.clickable:hover{background:var(--paper)}.chip.vast{background:#edeaf7;color:#5a4b8a}.chip.ai{background:var(--paper);color:var(--ink-soft)}.catgroup{border-bottom:1px solid var(--line);padding-bottom:10px}.catgroup:last-child{border-bottom:none;padding-bottom:0}.catrow.main.expandable{cursor:pointer}.catrow.main .name{font-weight:700}.catrow .caret{display:inline-block;width:14px;color:var(--ink-soft)}.catrow.sub{margin-left:18px;margin-top:8px}.catrow.sub .name{font-weight:500;font-size:13px;color:var(--ink-soft)}.catrow.sub .amount{font-size:13px}.project-rest{grid-column:1 / -1;margin-top:2px}.txcard{display:flex;flex-direction:column}.txcard .rows{margin:0 -16px -16px}.txcard .txrow{padding:10px 16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 420px){.two-col{grid-template-columns:1fr}}.chip.project{background:#e8f0f7;color:#2b5a80}.chip.vakantie{background:#fdf0e3;color:#8a5a2b}.verslag{background:var(--gulden-tint);color:var(--gulden);font-size:13px;padding:10px 12px;border-radius:var(--radius);margin-top:10px;font-weight:600}.voorschot-blok{border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px}.voorschot-blok .blok-titel{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.voorschot-blok select,.voorschot-blok .zoek{font:inherit;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink);width:100%}.voorschot-cijfers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--paper);border-radius:var(--radius);padding:10px}.voorschot-cijfers .amount{font-size:15px;font-weight:700}.koppelrij{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}.koppelrij:last-child{border-bottom:none}.koppelrij .desc{font-size:13px;font-weight:600}.kandidaten{max-height:220px;overflow-y:auto}.gekoppeld{background:var(--gulden-tint);border-radius:var(--radius);padding:8px 10px}.catrow.clickable{cursor:pointer}.chip.voorschot{background:#fdf0e3;color:#9a5a12}.verwacht-rij{display:flex;gap:10px;align-items:flex-end}.verwacht-rij .field{flex:1}.snelknoppen{display:flex;gap:6px}.snelknoppen .ghost{border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;font-size:13px;font-weight:600}.voorschot-cijfers>div{display:flex;flex-direction:column;gap:1px}.kop-acties{display:flex;align-items:center;gap:10px}.catnaam{font:inherit;font-weight:inherit;color:inherit;text-align:left;padding:0;border-bottom:1px dashed transparent}.catnaam:hover{border-bottom-color:var(--gulden);color:var(--gulden)}.catrow .caret{width:18px;color:var(--ink-soft);padding:0;font-size:11px}.catrow.gefilterd{background:var(--gulden-tint);border-radius:var(--radius);padding:4px 6px;margin:-4px -6px}.catrow.gefilterd .catnaam{color:var(--gulden)}.txfilter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0 4px;border-bottom:1px solid var(--line)}.txfilter select{font:inherit;font-size:13px;padding:6px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink);flex:1;min-width:160px}.check.klein{font-size:12px}.check.klein input{width:14px;height:14px}.modal.breed{max-width:640px}.beheergroep{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:8px}.beheerrij{display:flex;align-items:center;gap:8px;padding:5px 0;flex-wrap:wrap}.beheerrij.sub{margin-left:20px}.beheerrij.sub .naam{font-weight:400;font-size:13px}.beheerrij .naam{font:inherit;font-weight:700;flex:1;min-width:130px;padding:6px 8px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--ink)}.beheerrij .naam:hover,.beheerrij .naam:focus{border-color:var(--line);background:var(--card)}.beheerrij .budget{display:flex;align-items:center;gap:3px}.beheerrij .budget input{font:inherit;font-size:13px;width:84px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink)}.vastknop{display:flex;align-items:center;gap:4px;cursor:pointer}.vastknop input{width:15px;height:15px;accent-color:var(--gulden)}.gevaar-tekst{color:var(--rood)}.bevestig{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--rood-tint);border-radius:var(--radius);padding:8px 10px;width:100%}.bevestig .gevaar{background:var(--rood);color:#fff;font-weight:700;font-size:13px;padding:7px 14px;border-radius:var(--radius)}.gelijk-blok{border:1px dashed var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px}.gelijk-blok .breed{width:100%}.gelijk-blok .ghost{border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;font-weight:600;font-size:13px}.gelijk-blok .ghost:disabled{opacity:.5;cursor:default}.gelijkrij{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);cursor:pointer}.gelijkrij:last-child{border-bottom:none}.gelijkrij input{width:16px;height:16px;accent-color:var(--gulden)}.gelijkrij .desc{font-size:13px;font-weight:600}.waarschuwing{color:var(--amber);font-weight:600}.chip.klein{font-size:10px;padding:1px 6px;background:var(--paper);color:var(--ink-soft)}.chip.sparen{background:#e4f0ea;color:#16624a}.zoekveld{font:inherit;font-size:13px;width:100%;padding:8px 11px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink)}.zoekveld:focus{outline:2px solid var(--gulden);border-color:transparent}.catrow.afgerond{opacity:.62}.catrow.afgerond .name{font-weight:600}.accountknop{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:600;color:var(--ink-soft)}.accountknop:hover{border-color:var(--gulden);color:var(--gulden)}.accountknop .bolletje{width:26px;height:26px;border-radius:50%;background:var(--gulden);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}@media (max-width: 520px){.accountknop .accountlabel{display:none}}.catrow.ongecat{cursor:pointer;background:var(--rood-tint);border-radius:var(--radius);padding:8px 10px;margin-bottom:4px}.catrow.ongecat .name{font-weight:700;color:var(--rood)}.catrow.ongecat .amount{color:var(--rood)}.catrow.ongecat.gefilterd{outline:2px solid var(--rood)}.overnemen{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--paper);border-radius:var(--radius);padding:8px 10px}.overnemen .check{margin:0}.gelijk-blok .primary{background:var(--gulden);color:#fff;font-weight:700;font-size:13px;padding:10px 16px;border-radius:var(--radius)}.gelijk-blok .primary:disabled{opacity:.45;cursor:default}.filterchip{display:inline-flex;align-items:center;gap:6px;background:var(--gulden-tint);color:var(--gulden);font-size:12px;font-weight:600;padding:4px 6px 4px 10px;border-radius:999px}.filterchip button{color:inherit;font-size:14px;line-height:1;padding:0 4px}.grafiekkaart{margin-bottom:var(--gap)}.grafiek{margin:4px -6px 8px}.reeksen{display:flex;flex-direction:column;gap:8px}.reeksrij{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reeksrij select{font:inherit;font-size:13px;padding:6px 9px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink)}.reeksrij select:first-of-type{flex:1;min-width:170px}.kleurstip{width:12px;height:12px;border-radius:3px;flex:0 0 auto}.margemeter{position:relative;height:10px;border-radius:5px;background:var(--paper);margin-top:8px;grid-column:1 / -1;overflow:hidden}.margemeter .band{position:absolute;top:0;bottom:0;background:var(--gulden-tint);border-left:1px solid var(--gulden);border-right:1px solid var(--gulden)}.margemeter .nu{position:absolute;top:-2px;bottom:-2px;width:3px;border-radius:2px;background:var(--ink);transform:translate(-1px);transition:left .4s ease}.margemeter.boven .nu{background:var(--rood)}.margemeter.onder .nu{background:var(--gulden)}.vakantieblok{border-top:1px solid var(--line);padding-top:14px;margin-top:14px;display:flex;flex-direction:column;gap:10px}.vakantielijst{display:flex;flex-direction:column}.vakantieblok input[type=date]{font:inherit;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink)}.periodekiezer{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:8px 0 12px;border-bottom:1px solid var(--line);margin-bottom:10px}.periodekiezer .field input{font:inherit;font-size:13px;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink)}.vergelijkkaart .tabelwrap{overflow-x:auto;margin:6px 0 0}.vergelijktabel{border-collapse:collapse;width:auto;font-size:13px}.vergelijktabel thead th{font-weight:600;color:var(--ink);font-size:13px;padding:4px 6px 8px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}.vergelijktabel th.hoek{position:sticky;left:0;background:var(--card);z-index:2;min-width:130px}.vergelijktabel tbody th{text-align:left;font-weight:600;font-size:13px;padding:5px 12px 5px 0;position:sticky;left:0;background:var(--card);z-index:1;white-space:nowrap}.vergelijktabel tbody tr.sub th{font-weight:400;color:var(--ink-soft);padding-left:18px}.vergelijktabel tbody th .caret{display:inline-block;width:15px;padding:0;color:var(--ink-soft);font-size:10px}.vergelijktabel td{text-align:right;padding:5px 6px;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap;width:1%;min-width:44px}.vergelijktabel td.cel{cursor:pointer}.vergelijktabel td.cel.onder{color:var(--gulden)}.vergelijktabel td.cel.boven{color:var(--rood)}.vergelijktabel td.cel:hover{text-decoration:underline}.vergelijktabel td.verstoord{font-style:italic;opacity:.65}.vergelijktabel td.leeg{color:var(--line);font-weight:400}.vergelijktabel tbody tr:hover th,.vergelijktabel tbody tr:hover td{background:var(--paper)}.periode-nav{display:inline-flex;align-items:center;gap:8px}.periode-nav button{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);line-height:1}.periode-nav button:disabled{opacity:.35;cursor:default}.periode-nav .meta{min-width:118px;text-align:center}.onderhoud{border-top:1px solid var(--line);padding-top:10px}.onderhoud summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;list-style:none}.onderhoud summary::-webkit-details-marker{display:none}.onderhoud summary:before{content:"▸ ";font-size:10px}.onderhoud[open] summary:before{content:"▾ "}.onderhoud-knoppen{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.onderhoud-knoppen .ghost{border:1px solid var(--line);border-radius:var(--radius);padding:7px 11px;font-size:12px;font-weight:600;cursor:help}.onderhoud-knoppen .ghost:hover{border-color:var(--gulden);color:var(--gulden)}.hint{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;border:1px solid var(--line);font-size:9px;color:var(--ink-soft);cursor:help;vertical-align:middle}.blok-titel[title]{cursor:help}.accountknop .puls{width:6px;height:6px;border-radius:50%;background:var(--gulden);animation:puls 1.2s ease-in-out infinite}@keyframes puls{0%,to{opacity:.3}50%{opacity:1}}.kop-totaal{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:10px 0 14px;border-bottom:1px solid var(--line);margin-bottom:12px}.kop-totaal .big{font-size:26px;line-height:1.1}.kop-totaal .sub{font-size:12px;color:var(--ink-soft);margin-top:2px}.kop-meter{width:140px}.kop-meter .meter{margin-top:0}.chip.gespreid{background:#eceaf5;color:#4c4380}.toereken{display:flex;flex-direction:column;gap:6px;border:1px dashed var(--line);border-radius:var(--radius);padding:10px 12px}.toereken select,.toereken input{font:inherit;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink)}.reeks-acties{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.kleurstip{width:13px;height:13px;border-radius:3px;border:2px solid transparent;flex:0 0 auto;padding:0;cursor:pointer}.kleurstip:hover{transform:scale(1.15)}.reeksrij.verborgen select{opacity:.45}.reeksrij.verborgen .linkish{opacity:.6}.recharts-line-dot{cursor:pointer}.samenvatting{background:var(--gulden-tint);color:var(--gulden);border-radius:var(--radius);padding:8px 10px;font-weight:600}.snelkeuze{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.groepblok{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.gevel{display:flex;gap:0;max-width:460px;width:100%;height:86dvh;max-height:86dvh;transition:max-width .25s ease}.gevel.open{max-width:940px}.gevel .paneel{background:var(--card);display:flex;flex-direction:column;min-width:0;box-shadow:0 12px 40px #17251f40}.gevel .paneel.hoofd{flex:0 0 440px;border-radius:var(--radius-lg);max-width:100%}.gevel.open .paneel.hoofd{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.gevel .paneel.zij{flex:1 1 auto;min-height:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;border-left:1px solid var(--line);animation:raamOpen .22s ease;overflow:hidden}@keyframes raamOpen{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.onderwerpen{flex:1 1 auto;overflow-y:auto;padding:6px 0}.onderwerp{display:grid;grid-template-columns:1fr auto;gap:1px 10px;width:100%;text-align:left;padding:11px 20px;border-bottom:1px solid var(--line)}.onderwerp:last-child{border-bottom:none}.onderwerp:hover{background:var(--paper)}.onderwerp.actief{background:var(--gulden-tint)}.onderwerp .titel{font-size:13px;font-weight:600}.onderwerp .waarde{grid-column:1;font-size:12px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onderwerp .waarde.leeg{color:var(--rood)}.onderwerp .pijl{grid-row:1 / span 2;grid-column:2;align-self:center;color:var(--ink-soft);font-size:16px}.onderwerp.actief .pijl{color:var(--gulden)}.zij-kop{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;border-bottom:1px solid var(--line);font-weight:700;font-size:15px}.zij-inhoud{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}.gevel .modal-foot{justify-content:space-between}.voet-knoppen{display:flex;align-items:center;gap:12px}@media (max-width: 900px){.gevel,.gevel.open{max-width:460px;flex-direction:column;height:auto;max-height:90dvh}.gevel .paneel.hoofd{flex:0 1 auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.gevel .paneel.zij{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-left:none;border-top:1px solid var(--line)}.gevel.open .onderwerpen{display:none}.gevel.open{background:var(--card);border-radius:var(--radius-lg);box-shadow:0 12px 40px #17251f40;overflow:hidden}.gevel.open .paneel{box-shadow:none}.gevel.open .paneel.hoofd{display:contents}.gevel.open .modal-head{order:0;padding-bottom:12px}.gevel.open .paneel.zij{order:1;border-top:none;border-radius:0;animation-name:raamOpenMobiel}.gevel.open .modal-foot{order:2}.zij-kop{justify-content:flex-start;gap:6px;padding:10px 20px 10px 10px;background:var(--paper)}.gevel .zij-kop .terug{display:inline-flex}.gevel .zij-kop .sluit{display:none}}@keyframes raamOpenMobiel{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.zij-kop .terug{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-size:24px;line-height:1;color:var(--gulden)}.zij-kop .terug:hover{background:var(--gulden-tint)}.keuze-lijst{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.keuze-rij{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:56px;padding:15px 16px;text-align:left;font-size:14px;font-weight:400;color:var(--ink);background:var(--card);border-bottom:1px solid var(--line)}.keuze-rij:last-child{border-bottom:none}.keuze-rij:hover{background:var(--paper)}.keuze-rij.gekozen{background:var(--gulden-tint)}.keuze-rij-tekst{display:flex;flex-direction:column;gap:3px;min-width:0}.keuze-rij-tekst .meta{font-weight:400}.keuze-rij.hoofd .keuze-rij-tekst>span:first-child{font-weight:700}.keuze-rij .pijl{color:var(--ink-soft);font-size:18px}.keuze-rij .vinkje{color:var(--gulden);font-weight:700}.keuze-groepkop{font-weight:700;font-size:15px}.catkiezer{display:flex;flex-direction:column;gap:10px}.zij-inhoud .bank-actions{flex-wrap:wrap;column-gap:18px;row-gap:8px}.zij-inhoud .bank-actions .linkish{text-align:left}.catkiezer-zoek{font:inherit;padding:9px 11px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink)}.catkiezer-zoek:focus{outline:2px solid var(--gulden);border-color:transparent}.leeg-melding{padding:12px 14px}.keuzelijst{display:flex;flex-direction:column;gap:6px}.keuzelijst-knop{display:flex;align-items:center;justify-content:space-between;gap:10px;font:inherit;font-weight:400;text-align:left;padding:9px 11px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink)}.keuzelijst.open .keuzelijst-knop{outline:2px solid var(--gulden);border-color:transparent}.keuzelijst-knop .pijl{color:var(--ink-soft);font-size:18px;line-height:1;transform:rotate(90deg);transition:transform .15s}.keuzelijst.open .keuzelijst-knop .pijl{transform:rotate(-90deg)}.keuzelijst-opties{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;max-height:280px;overflow-y:auto}.termijngroep{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:var(--radius);padding:12px}.termijngroep .kandidaten{max-height:240px;overflow-y:auto}.uitkomst{background:var(--paper);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.uitkomst .regel{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink-soft)}.uitkomst .regel.groot{border-top:1px solid var(--line);padding-top:6px;margin-top:2px;font-weight:700;font-size:14px;color:var(--ink)}.termijngroep .primary{background:var(--gulden);color:#fff;font-weight:700;font-size:13px;padding:9px 16px;border-radius:var(--radius)}.termijngroep .primary:disabled{opacity:.45;cursor:default}.keuzeblok{display:flex;flex-direction:column;gap:10px}.keuze{display:flex;flex-direction:column;gap:3px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.keuze:hover{border-color:var(--gulden);background:var(--gulden-tint)}.keuze-titel{font-weight:700;font-size:15px}.maandtabel{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;max-height:320px;overflow-y:auto}.maandrij{display:grid;grid-template-columns:70px 1fr 90px;gap:10px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--line);font-size:13px}.maandrij:last-child{border-bottom:none}.maandrij.betaald{background:var(--gulden-tint)}.maandnaam{font-weight:600}.maandrij .amount{text-align:right}.maandrij .status{text-align:right;font-size:11px}.verwachtveld{display:flex;align-items:center;gap:4px;justify-content:flex-end}.verwachtveld input{font:inherit;font-size:13px;width:84px;text-align:right;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.blok-titel{display:flex;align-items:center;justify-content:space-between;gap:10px}.chip.verrekend{background:var(--paper);color:var(--ink-soft)}.amount.verrekend{color:var(--ink-soft);text-decoration:line-through;opacity:.7}.verwachtveld .overnemen{border:1px solid var(--line);border-radius:6px;padding:4px 7px;font-size:12px;color:var(--ink-soft);line-height:1}.verwachtveld .overnemen:hover{border-color:var(--gulden);color:var(--gulden)}.maandrij.buiten{background:repeating-linear-gradient(90deg,transparent,transparent 6px,rgba(23,37,31,.03) 6px,rgba(23,37,31,.03) 12px)}.maandrij.buiten .maandnaam .meta{font-size:10px;margin-left:4px}.maandtoevoegen{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.maandtoevoegen input{font:inherit;font-size:13px;padding:6px 9px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink)}.maandtoevoegen .meta{flex-basis:100%}.dubbelwaarschuwing{grid-column:1 / -1;background:var(--rood-tint);color:var(--rood);border-radius:6px;padding:6px 8px;font-size:11px;margin-top:4px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dubbelwaarschuwing .linkish{color:var(--rood);text-decoration:underline;font-size:11px}.modal.kiezer{max-width:760px}.kiezer-body{display:flex;gap:0;min-height:0}.kiezer-kolom{flex:1 1 auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px;min-width:0}.kiezer-kolom.smal{flex:0 0 250px;border-left:1px solid var(--line)}.snelrij{display:flex;gap:6px;flex-wrap:wrap}.snelknop{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--ink-soft)}.snelknop:hover{border-color:var(--gulden);color:var(--gulden)}.snelknop.aan{background:var(--gulden);border-color:var(--gulden);color:#fff}.boom{overflow-y:auto;max-height:300px;border:1px solid var(--line);border-radius:var(--radius)}.boomgroep{border-bottom:1px solid var(--line)}.boomgroep:last-child{border-bottom:none}.boomrij{display:flex;align-items:center;gap:4px;padding:5px 8px}.boomrij.sub{padding-left:12px}.boomrij:hover{background:var(--paper)}.boomlabel{display:flex;align-items:center;gap:7px;flex:1;cursor:pointer;min-width:0}.boomlabel input{width:15px;height:15px;accent-color:var(--gulden);flex:0 0 auto}.boomrij.hoofd .naam{font-weight:600;font-size:13px}.boomrij.sub .naam{font-size:13px;color:var(--ink-soft)}.boomacties{display:flex;gap:8px;flex:0 0 auto}.boomacties .linkish{font-size:11px}.gekozenlijst{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.gekozenlijst .chip{display:inline-flex;align-items:center;gap:4px}.gekozenlijst .chip button{color:inherit;font-size:13px;line-height:1;padding:0 2px}@media (max-width: 760px){.kiezer-body{flex-direction:column}.kiezer-kolom.smal{flex:1 1 auto;border-left:none;border-top:1px solid var(--line)}}.soortfilter{align-self:flex-start}.reeksnaam{flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.instelknop{border:1px solid var(--line);border-radius:var(--radius);padding:6px 14px;font-size:13px;font-weight:600;color:var(--ink-soft);background:var(--card)}.instelknop:hover{border-color:var(--gulden);color:var(--gulden)}.kiezer-scroll{overflow-y:auto}.instelblok{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.instelblok:last-child{border-bottom:none}.instelrij{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.huidigelijst{display:flex;flex-direction:column;gap:2px}.huidigerij{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--line)}.huidigerij:last-child{border-bottom:none}.huidigerij .naam{flex:1;min-width:0;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.huidigerij.uit .naam{opacity:.5}.periodekeuze{display:flex;flex-wrap:wrap;gap:4px 14px}.periodekeuze.maanden{max-width:100%}.kiezer-body{border:none}.kiezer-kolom{padding:0}.kiezer-kolom.smal{padding-left:16px}.importblok{border-top:1px solid var(--line);padding-top:14px;margin-top:14px;display:flex;flex-direction:column;gap:10px}.importvoorbeeld{display:flex;flex-direction:column;gap:10px}.importvoorbeeld .kandidaten{max-height:260px;overflow-y:auto}.koppelrij.bekend{opacity:.55}.importblok .primary{background:var(--gulden);color:#fff;font-weight:700;font-size:13px;padding:9px 16px;border-radius:var(--radius)}.importblok .primary:disabled{opacity:.45;cursor:default}.importblok .ghost{border:1px solid var(--line);border-radius:var(--radius);padding:9px 14px;font-weight:600;font-size:13px}.voortgang{display:flex;flex-direction:column;gap:5px}.voortgang-tekst{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;color:var(--ink-soft)}.voortgang-balk{height:6px;border-radius:3px;background:var(--gulden-tint);overflow:hidden}.voortgang-balk>div{height:100%;border-radius:3px;background:var(--gulden);transition:width .3s ease}.voortgang-balk.onbekend>div{width:35%;animation:schuif 1.1s ease-in-out infinite}@keyframes schuif{0%{margin-left:-35%}to{margin-left:100%}}.importblok .breed{width:100%}.modal-foot .meta{margin-right:auto}.periodebalk{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 0 10px;border-bottom:1px solid var(--line);margin-bottom:10px}.periodebalk .stap{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);font-size:12px;line-height:1;flex:0 0 auto}.periodebalk .stap:hover{border-color:var(--gulden);color:var(--gulden)}.periodeknop{flex:0 1 auto;text-align:center;font-size:13px;font-weight:700;padding:6px 12px;border-radius:8px;border:1px solid transparent}.periodeknop:hover{border-color:var(--line);background:var(--paper)}.modal.smal{max-width:420px}.importbeheer .maandtabel{max-height:340px}.maandrij.kiesbaar{grid-template-columns:auto 90px 1fr auto auto;cursor:pointer}.maandrij.kiesbaar input{width:15px;height:15px;accent-color:var(--gulden)}.maandrij.dubbel{background:var(--rood-tint)}.maandrij.dubbel .meta strong{color:var(--rood)}.jaarrij{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--paper);border-bottom:1px solid var(--line);font-weight:700}.grafiektooltip{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:12px;box-shadow:0 4px 16px #17251f1f;min-width:180px}.grafiektooltip .kop{font-weight:700;margin-bottom:5px}.grafiektooltip .regel{display:flex;align-items:center;gap:7px;padding:2px 0}.grafiektooltip .regel .naam{flex:1;color:var(--ink-soft)}.grafiektooltip .regel .amount{font-weight:600}.grafiektooltip .stip{width:8px;height:8px;border-radius:2px;flex:0 0 auto}.grafiektooltip .regel.saldo{border-top:1px solid var(--line);margin-top:4px;padding-top:5px;font-weight:700}.grafiektooltip .regel.saldo .naam{color:var(--ink);font-weight:700}.grafiektooltip .regel.saldo.pos .amount{color:var(--gulden)}.grafiektooltip .regel.saldo.neg .amount{color:var(--rood)}.grafiektooltip .regel.marge{color:var(--amber);font-size:11px}.grafiektooltip .regel.marge .naam{color:var(--amber)}.grafiekrij{display:flex;gap:16px;align-items:flex-start}.grafiekrij .grafiek{flex:1;min-width:0;margin:0}.legenda{flex:0 0 210px;display:flex;flex-direction:column;gap:2px;max-height:360px;overflow-y:auto;padding-top:4px}.legendarij{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--radius)}.legendarij:hover{background:var(--paper)}.legendarij.verborgen .legendanaam{opacity:.45}.legendanaam{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;font-size:12px;font-weight:600;line-height:1.25}.legendanaam>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legendanaam .meta{font-size:10px;font-weight:400}.legendanaam:hover{color:var(--gulden)}.legendarij .weg{width:20px;height:20px;border-radius:5px;color:var(--ink-soft);font-size:14px;line-height:1;flex:0 0 auto}.legendarij .weg:hover{background:var(--rood-tint);color:var(--rood)}.legenda-toevoegen{margin-top:6px;padding:7px 10px;border:1px dashed var(--line);border-radius:var(--radius);font-size:12px;font-weight:600;color:var(--gulden)}.legenda-toevoegen:hover{border-color:var(--gulden);background:var(--gulden-tint)}@media (max-width: 900px){.grafiekrij{flex-direction:column}.legenda{flex:1 1 auto;width:100%;max-height:none;flex-direction:row;flex-wrap:wrap}.legendarij{flex:0 0 auto}}.huidigerij{position:relative;flex-wrap:wrap}.kleurkiezer{display:flex;gap:4px;flex-wrap:wrap;width:100%;padding:6px 0 2px 24px}.kleurvak{width:20px;height:20px;border-radius:4px;border:2px solid transparent}.kleurvak.aan{border-color:var(--ink)}.kleurvak:hover{transform:scale(1.12)}.vakantielijst{display:flex;flex-direction:column;gap:2px}.vakantierij{display:flex;flex-direction:column;gap:3px;text-align:left;padding:9px 8px;border-radius:var(--radius);border-bottom:1px solid var(--line)}.vakantierij:last-child{border-bottom:none}.vakantierij:hover{background:var(--paper)}.vakantiekop{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.vakantiekop .naam{font-weight:700;font-size:14px}.soortbalk{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--paper);margin-top:3px}.soortbalk .deel{height:100%}.deel.vervoer,.stip.vervoer{background:#2b5a80}.deel.verblijf,.stip.verblijf{background:#5a4b8a}.deel.eten,.stip.eten{background:#c07f1f}.deel.activiteiten,.stip.activiteiten{background:#0e6b4f}.deel.overig,.stip.overig{background:#9aa5a0}.stip{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px}.soortlegenda{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:11px;color:var(--ink-soft)}.soortkeuze{font:inherit;font-size:12px;padding:4px 8px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--ink)}.catrow.verzoek{grid-template-columns:1fr auto}.verzoeknaam{text-align:left;font-weight:600;font-size:14px;padding:0}.verzoeknaam:hover{color:var(--gulden)}.contactblok{border-top:1px solid var(--line);padding-top:14px;margin-top:14px;display:flex;flex-direction:column;gap:10px}.contactlijst{display:flex;flex-direction:column}.voorstellen{display:flex;flex-direction:column;gap:6px}.verzoeklijst{display:flex;flex-direction:column}.verzoekrij{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.verzoekrij:last-child{border-bottom:none}.verzoekrij.af{opacity:.55}.verzoeknaam{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;min-width:0;padding:0}.verzoeknaam .titel{font-weight:600;font-size:14px}.verzoeknaam em{color:var(--rood);font-style:normal;font-weight:600}.verzoeknaam:hover .titel{color:var(--gulden)}.voltooi{border:1px solid var(--gulden);color:var(--gulden);border-radius:var(--radius);padding:5px 12px;font-size:12px;font-weight:700}.voltooi:hover{background:var(--gulden);color:#fff}.veld-met-knop{position:relative;display:flex}.veld-met-knop input{flex:1;padding-right:38px}.veld-met-knop .poppetje{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.poppetje{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--ink-soft)}.poppetje:hover{background:var(--gulden-tint);color:var(--gulden)}.contactmenu{position:fixed;z-index:200;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 26px #17251f29;padding:8px;display:flex;flex-direction:column;gap:2px}.contactregel{display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;padding:6px 8px;border-radius:6px;font-size:13px}.contactregel:hover{background:var(--paper)}.contactregel.aan{background:var(--gulden-tint);color:var(--gulden)}.contactregel .naam{font-weight:600}.contactregel.voorstel{background:var(--gulden-tint);color:var(--gulden)}.contactregel.nieuw,.contactregel.los{color:var(--gulden);font-weight:600}.contactregel.los{color:var(--ink-soft);font-weight:400}.leegmenu{padding:6px 8px}.verzoeknaam .zonder{color:var(--rood);font-weight:600}.poppetje.gekoppeld{color:var(--gulden);background:var(--gulden-tint)}.contactmenu .zoekveld{margin-bottom:2px}.vakantiekop .naam{padding:0;text-align:left;font-weight:700;font-size:14px;flex:1;min-width:0}.vakantiekop .naam:hover{color:var(--gulden)}.vakantiekop .bewerk{width:24px;height:24px;border-radius:6px;color:var(--ink-soft);font-size:15px;line-height:1;flex:0 0 auto}.vakantiekop .bewerk:hover{background:var(--gulden-tint);color:var(--gulden)}.meta.klikbaar{cursor:pointer}.kop-rechts{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.geavanceerd{border:1px solid var(--line);border-radius:var(--radius);padding:7px 12px;font-size:12px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.geavanceerd:hover{border-color:var(--gulden);color:var(--gulden)}.zoekgevel{max-width:560px}.zoekgevel.open{max-width:1000px}.zoekgevel .paneel.hoofd{flex:0 0 540px}.zoekvelden{padding:14px 20px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--line)}.zoekresultaat{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.resultaatkop{display:flex;justify-content:space-between;padding:10px 20px 8px;font-size:13px;font-weight:600;border-bottom:1px solid var(--line)}.zoekresultaat .rows{flex:1 1 auto;overflow-y:auto}.zoekresultaat .txrow{width:100%;text-align:left;padding:10px 20px}.zoekresultaat .txrow.gekozen{background:var(--gulden-tint)}.maandgrafiek{display:flex;align-items:flex-end;gap:3px;height:90px}.maandstaaf{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%}.staafruimte{flex:1;width:100%;display:flex;align-items:flex-end}.staaf{width:100%;background:var(--gulden-tint);border-radius:3px 3px 0 0;min-height:2px}.staaf.nu{background:var(--gulden)}.maandletter{font-size:9px;color:var(--ink-soft)}.primary.breed{width:100%}.resultaatkop{align-items:center;gap:10px}.sorteerkeuze{font:inherit;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);margin-left:auto}.accountblokken{gap:18px}.accountblok{display:flex;flex-direction:column;gap:10px}.knoprij{display:flex;flex-direction:column;gap:6px}.actieknop{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:11px 14px;background:var(--card)}.actieknop:hover:not(:disabled){border-color:var(--gulden);background:var(--gulden-tint)}.actieknop:disabled{opacity:.5;cursor:default}.knoptitel{font-weight:700;font-size:14px}.actieknop .meta{font-size:12px}.schakelrij{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:var(--radius);padding:11px 14px;background:var(--card);cursor:pointer}.schakelrij>span{display:flex;flex-direction:column;gap:2px}.schakelrij .meta{font-size:12px}.schakelaar{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;position:relative;width:44px;height:26px;margin:0;border-radius:13px;background:var(--line);cursor:pointer;transition:background .15s}.schakelaar:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #17251f40;transition:transform .15s}.schakelaar:checked{background:var(--gulden)}.schakelaar:checked:after{transform:translate(18px)}.schakelaar:disabled{opacity:.5;cursor:progress}.schakelaar:focus-visible{outline:2px solid var(--gulden);outline-offset:2px}.accountblok.inklap{border:1px solid var(--line);border-radius:var(--radius);padding:0}.accountblok.inklap summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 14px;cursor:pointer;list-style:none}.accountblok.inklap summary::-webkit-details-marker{display:none}.accountblok.inklap summary:after{content:"▸";color:var(--ink-soft)}.accountblok.inklap[open] summary:after{content:"▾"}.accountblok.inklap summary:hover{background:var(--paper)}.accountblok.inklap .bank-card{border:none;padding:0 14px 14px;box-shadow:none}.contactkaarten{display:flex;flex-direction:column;gap:8px}.contactkaart{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.contactkop{display:flex;align-items:baseline;gap:10px;width:100%;text-align:left;padding:0}.contactkop .naam{flex:1;font-weight:700;font-size:14px}.contactkop .pijl{color:var(--ink-soft)}.contactcijfers{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:var(--ink-soft)}.contactcijfers strong{color:var(--ink)}.vermogenkaart .kop-totaal{align-items:center}.vermogenkaart .catlist{gap:0}.vermogenkaart .catrow{padding:7px 0}.vonklijn{width:108px;height:34px;flex:0 0 auto;overflow:visible}.vonkpad{fill:none;stroke:var(--gulden);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round}.vonkvlak{fill:var(--gulden);fill-opacity:.1;stroke:none}.vonkpunt{fill:var(--card);stroke:var(--gulden);stroke-width:1.75}.vonklijn.neer .vonkpad,.vonklijn.neer .vonkpunt{stroke:var(--rood)}.vonklijn.neer .vonkvlak{fill:var(--rood)}.saldo-invoer{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;border:1px dashed var(--line);border-radius:var(--radius);padding:10px 12px;margin-bottom:12px}.saldo-invoer .veld{display:flex;flex-direction:column;gap:4px;flex:1 1 120px}.saldo-invoer input{font:inherit;font-family:var(--font-num);padding:8px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink);width:100%}.saldo-invoer .voet-knoppen{flex:0 0 auto}.saldo-invoer .primary{background:var(--gulden);color:#fff;font-weight:700;font-size:13px;padding:9px 16px;border-radius:var(--radius)}.saldo-invoer .primary:disabled{opacity:.45;cursor:default}.saldocontrole{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.saldocontrole>.linkish{color:var(--amber);font-weight:600}.controlelijst{margin-top:8px}.controlelijst .meta{margin:0 0 8px}.vermogenkaart .chip.klein{background:var(--gulden-tint);color:var(--gulden);margin-left:6px}.rekeningsamenvatting{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.saldo-invoer .veld.breed{flex:1 1 100%}.saldo-invoer select{font:inherit;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink);width:100%}.vermogenkaart .catrow.sub .catnaam{font:inherit;padding:0;text-align:left}.importkeuze{border:1px dashed var(--line);border-radius:var(--radius);padding:10px 12px;margin:10px 0}.importkeuze .meta{margin:8px 0 0}.importkeuze .seg.mini button:disabled{opacity:.4;cursor:default}.vermogenkaart .catrow.sub{position:relative}.vermogenkaart .catrow .weg{color:var(--ink-soft);font-size:15px;line-height:1;padding:2px 4px;margin-left:6px;border-radius:4px}.vermogenkaart .catrow .weg:hover{color:var(--rood);background:var(--rood-tint)}.waarschuwblok{margin-top:10px;padding:10px 12px;border-radius:var(--radius);background:var(--rood-tint)}.waarschuwblok .meta{margin:0 0 6px}.waarschuwblok .linkish{color:var(--rood);font-weight:600}.verdienblok{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.verdienblok .catrow{padding:7px 0}.verdienblok .meta{font-weight:400}.verdienblok>.meta{margin:6px 0 0;display:block}.werkdagbalk{height:4px;border-radius:2px;background:var(--line);overflow:hidden;margin:2px 0 6px}.werkdagbalk>div{height:100%;background:var(--gulden);border-radius:2px;transition:width .6s linear}.vermogenlijst{gap:0}.vermogenlijst .catrow{display:grid;grid-template-columns:minmax(0,1fr) auto 50px 16px;align-items:baseline;gap:6px;padding:9px 0}.vermogenlijst .catrow .name{font-weight:500}.vermogenlijst .catrow .amount{font-size:15px}.vermogenlijst .totaalrij{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.vermogenlijst .totaalrij .name{font-weight:700}.vermogenlijst .totaalrij .amount{font-size:20px;font-weight:700}.procent{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:13px;text-align:right;white-space:nowrap}.procent.op{color:var(--gulden)}.procent.neer{color:var(--rood)}.procent.vlak,.procent.leeg{color:var(--ink-soft)}.vermogenlijst .weg.leeg{visibility:hidden}.onderwegregel{margin:8px 0 0}.vermogenlijst .vonklijn{width:100%;height:26px;margin-top:10px}.vrijblok{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line)}.vrijblok .catrow{padding:6px 0}.vrijblok .meta{margin:6px 0 0;display:block}.vrijblok .amount.tekort{color:var(--rood)}.catsectie{margin:var(--gap) 0}.catsectie-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.catsectie-kop .period-nav{display:inline-flex;align-items:center;gap:6px}.catsectie-kop .period-nav button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--card)}.catsectie-periode{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em;min-width:170px;text-align:center}.catsectie-periode:first-letter{text-transform:uppercase}.catsectie-kop .kop-acties{display:flex;gap:14px;align-items:center}.catrij{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);align-items:start}@media (max-width: 1250px){.catrij{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.catrij{grid-template-columns:1fr}}.catwidget{border:2px solid transparent;transition:border-color .15s ease}.catwidget.actief{border-color:var(--gulden)}.catwidget.status-ok,.txcard.status-ok{box-shadow:var(--shadow),inset 0 3px 0 var(--gulden)}.catwidget.status-krap,.txcard.status-krap{box-shadow:var(--shadow),inset 0 3px 0 var(--amber)}.catwidget.status-dreigt,.catwidget.status-over,.txcard.status-dreigt,.txcard.status-over{box-shadow:var(--shadow),inset 0 3px 0 var(--rood)}.catwidget-kop{display:flex;align-items:center;justify-content:space-between;gap:8px}.catwidget-titel{padding:0;text-align:left}.catwidget-titel h3{margin:0}.catwidget-titel:hover h3,.catwidget.actief .catwidget-titel h3{color:var(--gulden)}.periodechip{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--paper);color:var(--ink);white-space:nowrap}.kpi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;padding:8px 0 12px;border-bottom:1px solid var(--line);margin-bottom:10px}.kpi-meter{text-align:center;min-width:0}.snelheidsmeter{width:100%;max-width:180px;display:block;margin:0 auto}.snelheidsmeter-waarde{transition:d .4s ease}.kpi-bedrag{font-size:20px;font-weight:700;line-height:1.1;margin-top:2px}.kpi-onder{font-size:11px;color:var(--ink-soft)}.kpi-status{min-width:0;font-size:12px;color:var(--ink-soft);line-height:1.35}.kpi-kop{font-size:14px;font-weight:700;color:var(--gulden);margin-bottom:2px}.status-krap .kpi-kop{color:var(--amber)}.status-dreigt .kpi-kop,.status-over .kpi-kop{color:var(--rood)}.status-geen .kpi-kop{color:var(--ink-soft)}.kpi-regel{font-family:var(--font-num);font-variant-numeric:tabular-nums}.kpi-stand{margin-top:6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.catwidget .catlist{margin-top:0}.catwidget .catrow .name{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis}.catwidget .amount{font-size:13px}.catwidget .budgetdeel{color:var(--ink-soft)}.catwidget .meer{margin-top:2px}.grafiekknop{font-size:11px;font-weight:600;padding:2px 9px;margin-top:6px;border-radius:999px;border:1px dashed var(--gulden);color:var(--gulden);white-space:nowrap}.vermogenkaart .grafiekknop{margin-top:0}.grafiekknop:hover{background:var(--gulden-tint)}.grafiekknop.aan{border-style:solid;background:var(--gulden-tint)}.lijnknop{width:18px;height:18px;margin-left:6px;border-radius:50%;font-size:11px;line-height:16px;color:var(--ink-soft);border:1px solid var(--line);opacity:0;vertical-align:1px}.catrow:hover .lijnknop,.lijnknop:focus-visible,.lijnknop.aan{opacity:1}.lijnknop:hover{color:var(--gulden);border-color:var(--gulden)}.lijnknop.aan{color:#fff;background:var(--gulden);border-color:var(--gulden)}@media (hover: none){.lijnknop{opacity:1}}.schakelchip{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft);background:var(--card)}.schakelchip.aan{border-color:var(--gulden);color:var(--gulden);background:var(--gulden-tint)}.legenda-hint{font-size:11px;margin:8px 0 0}.lijnstip{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:0}.accountblok .instelrij{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.accountblok .check{display:flex;gap:8px;align-items:baseline;font-size:14px;cursor:pointer}.periodekeuze-rij{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vermogentotaal{display:block;width:100%;text-align:left;padding:6px 0 8px;border-radius:var(--radius)}.vermogentotaal:hover .vermogentotaal-sub{color:var(--gulden)}.vermogentotaal-rij{display:flex;align-items:baseline;gap:10px}.vermogentotaal .big{font-size:26px;font-weight:700;line-height:1.15}.vermogentotaal-sub{display:block;font-size:12px;margin-top:2px}.verdeelbalk{display:flex;gap:2px;height:12px;border-radius:6px;overflow:hidden;margin-bottom:10px}.verdeelbalk>div{min-width:3px}.vermogenkaart .vermogenlijst .name{display:flex;align-items:center;gap:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vermogenkaart .vermogenlijst .lijnstip{flex:0 0 auto}.vrijregel{width:100%;text-align:left;border-radius:6px}.vrijregel:hover{background:var(--paper)}.infoteken{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:6px;border-radius:50%;border:1px solid var(--ink-soft);color:var(--ink-soft);font-size:10px;font-style:italic;font-weight:700;font-family:Georgia,serif;vertical-align:1px}.vrijregel:hover .infoteken{border-color:var(--gulden);color:var(--gulden)}.vrijuitleg{max-width:520px}.somblok{padding:10px 0 12px;border-bottom:1px solid var(--line)}.somblok:last-child{border-bottom:none}.somblok .blok-titel{margin-bottom:6px;display:flex;gap:6px;align-items:baseline}.somblok>.meta{margin:8px 0 0;font-size:12px;line-height:1.45}.somregel{display:grid;grid-template-columns:16px 1fr auto;gap:6px;align-items:baseline;padding:3px 0;font-size:14px}.somregel .teken{color:var(--ink-soft);font-family:var(--font-num);text-align:center}.somregel .omschrijving .meta{font-size:12px}.somregel.somtotaal{border-top:1px solid var(--ink);margin-top:3px;padding-top:6px;font-weight:700}.somregel.somtotaal .amount{color:var(--gulden)}.somregel .amount.tekort{color:var(--rood)}.postenlijst{display:flex;flex-direction:column;max-height:220px;overflow-y:auto}.postrij{display:grid;grid-template-columns:78px 1fr auto;gap:8px;align-items:baseline;padding:6px 4px;text-align:left;border-radius:6px;font-size:13px}.postrij:hover{background:var(--paper)}.postrij .naam{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.postrij .datum{font-size:12px}@media (max-width: 640px){.grafiekknop,.lijnknop{display:none}}.modal.budgetvoorstel{max-width:720px}.bv-tabel{display:flex;flex-direction:column;font-size:13px}.bv-rij{display:grid;grid-template-columns:20px minmax(0,1fr) 72px 72px 92px;column-gap:10px;align-items:baseline;padding:8px 4px;border-bottom:1px solid var(--line)}.bv-rij input{margin:0;accent-color:var(--gulden);align-self:center}label.bv-rij{cursor:pointer}label.bv-rij.blijft{cursor:default}.bv-rij.kop{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);border-bottom:1px solid var(--ink-soft)}.bv-rij.hoofd{font-weight:700;background:var(--paper)}.bv-rij.sub .bv-naam{padding-left:14px}.bv-rij.totaal{font-weight:700;border-bottom:none;border-top:2px solid var(--ink)}.bv-rij.blijft,label.bv-rij:not(.gekozen):not(.kop) .bv-getal.nieuw{color:var(--ink-soft)}.bv-naam{min-width:0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.bv-label{margin-left:6px;font-size:10px;font-weight:600;color:var(--ink-soft);border:1px solid var(--line);border-radius:4px;padding:0 4px}.bv-getal{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap}.bv-getal.zacht{color:var(--ink-soft)}.bv-rij.kop .bv-getal{white-space:normal}.bv-getal.nieuw{font-weight:700;display:flex;flex-direction:column;align-items:flex-end}.bv-getal .verschil{font-size:11px;font-weight:600}.verschil.hoger{color:var(--amber)}.verschil.lager{color:var(--gulden)}.bv-reden{grid-column:2 / -1;font-size:12px;color:var(--ink-soft);margin-top:2px}.bv-rij.sub .bv-reden{padding-left:14px}.budgetvoorstel .laden{padding:24px 0;text-align:center}@media (max-width: 520px){.bv-tabel{font-size:12px}.bv-rij{grid-template-columns:16px minmax(0,1fr) 52px 52px 58px;column-gap:4px;padding:8px 0}.bv-rij.sub .bv-naam,.bv-rij.sub .bv-reden{padding-left:6px}.bv-getal .verschil{font-size:10px}}.txfilterregel{margin-top:8px}.txcard .kpi{margin-bottom:0;max-width:460px}.kpi-regel.nog{color:var(--rood);font-weight:600}.txcard .rows>.leeg{padding:14px 16px}.txtekst{min-width:0}.txgroep.open{background:var(--paper)}.txcard .txgroep{border-bottom:1px solid var(--line)}.txcard .txgroep>.txrow:last-child{border-bottom:none}.txcard .rows>.txgroep:last-of-type{border-bottom:none}.txcard .txrow.lid{padding-left:32px}.txcard .txrow.lid .desc{font-weight:500;font-size:13px}.txcard .rows>.meer{margin:10px 16px 14px}.txtelling{max-width:460px;margin-top:6px}.txtelling .catrow .name{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis}.txtelling .amount{font-size:13px;font-family:var(--font-num);font-variant-numeric:tabular-nums}.txtelling .catrow.ongecat .amount{color:var(--rood)}.txtelling .meter{margin-top:4px}.txtelling .catrow.ongecat .meter{background:var(--rood-tint, var(--paper))}.txtelling .catrow.ongecat .meter>div{background:var(--rood)}.txwissel{align-self:flex-start;margin:14px 0 8px;padding:7px 14px;border:1px solid var(--line);border-radius:var(--radius);color:var(--gulden);font-weight:600;font-size:13px;background:transparent}.txwissel:hover{background:var(--gulden-tint)}.txcard .txwissel+.rows{margin-top:6px}.topbar .actions{display:flex;align-items:center;gap:8px}.naartx{position:relative;display:inline-flex;align-items:center;gap:5px;height:38px;min-width:38px;padding:0 11px 0 9px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--gulden);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:700;font-size:14px}.naartx svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.naartx:active{background:var(--gulden-tint)}.naartx-nog{position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:50%;background:var(--rood);border:2px solid var(--card)}#transacties{scroll-margin-top:12px}.modal.inrichting{max-width:680px;display:flex;flex-direction:column;overflow:hidden}.inrichting-kop{align-items:center}.inrichting-kop>div{min-width:0;flex:1}.inrichting-lijf{overflow-y:auto;flex:1}.sluitknop{font-size:24px;line-height:1;color:var(--ink-soft);padding:4px 8px;border-radius:var(--radius)}.sluitknop:hover{background:var(--paper);color:var(--ink)}.stappenbalk{list-style:none;display:flex;gap:6px;margin:10px 0 0;padding:0}.stappenbalk li{display:flex;align-items:center;gap:6px;flex:1;min-width:0;font-size:12px;color:var(--ink-soft);padding-bottom:6px;border-bottom:3px solid var(--line)}.stappenbalk li.gedaan{border-color:var(--gulden)}.stappenbalk li.nu{border-color:var(--gulden);color:var(--ink);font-weight:700}.stapnummer{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--paper)}.stappenbalk li.gedaan .stapnummer,.stappenbalk li.nu .stapnummer{background:var(--gulden);color:#fff}.stapnaam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inrichting-stap{display:flex;flex-direction:column;gap:12px}.inrichting-stap h2{margin:0;font-size:19px;letter-spacing:-.01em}.inrichting-stap p{margin:0}.welkomlijst,.klaarlijst{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.klaarlijst{list-style:none;padding:0}.klaarlijst strong{font-family:var(--font-num);font-variant-numeric:tabular-nums}.tipblok{padding:10px 12px;border-radius:var(--radius);background:var(--gulden-tint);font-size:13px}.indeling-rij{display:flex;gap:10px;align-items:flex-start;padding:9px 12px}.indeling-rij+.indeling-rij{border-top:1px solid var(--line)}.indeling-rij.uit{opacity:.5}.indeling-vink{margin-top:8px;width:16px;height:16px;accent-color:var(--gulden);flex:none}.indeling-inhoud{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.indeling-regel{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.indeling-naam{flex:1;min-width:140px;font:inherit;font-weight:600;padding:5px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink)}.indeling-naam:hover:not(:disabled),.indeling-naam:focus{border-color:var(--line);background:var(--card)}.indeling-naam:focus{outline:2px solid var(--gulden);outline-offset:-2px}.indeling-regel .chip{cursor:pointer}.indeling-reden{font-size:12px;padding-left:8px}.indeling-reden{font-style:italic}.indeling-acties{display:flex;flex-direction:column;gap:8px;align-items:center}.indeling-acties .primary{padding:11px 22px;border-radius:var(--radius);background:var(--gulden);color:#fff;font-weight:700}.inrichting-stap>.primary.breed{padding:11px 22px;border-radius:var(--radius);background:var(--gulden);color:#fff;font-weight:700}.inrichting-stap .primary:disabled{opacity:.6}@media (max-width: 640px){.inrichting-achter{padding:0}.modal.inrichting{max-width:none;height:100dvh;max-height:none;border-radius:0}.stapnaam{display:none}.stappenbalk li{justify-content:center}}.inrichting-pagina{position:relative;height:100dvh;overflow:hidden;background:radial-gradient(1100px 600px at 15% -10%,var(--gulden-tint),transparent 70%),radial-gradient(900px 500px at 100% 110%,#efe9dc,transparent 70%),var(--paper)}.schets{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;flex-direction:column;gap:var(--gap);opacity:var(--schets-zicht, .4);filter:blur(1.5px) saturate(.9);transition:opacity .8s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.schets-kop{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px}.schets-logo{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.schets-bol{width:34px;height:34px;border-radius:50%;background:var(--card);box-shadow:var(--shadow)}.schets-kaart{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:10px;animation:schets-in .5s ease both}@keyframes schets-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.schets-grafiek{height:200px;justify-content:flex-end}.schets-grafiek svg{width:100%;height:140px}.schets-lijn{fill:none;stroke:var(--gulden);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}.schets-lijn.zacht{stroke:var(--amber);opacity:.6}.schets-rij{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}.schets-meter{align-items:center}.schets-meter svg{width:70%;max-width:150px}.schets-boog{fill:none;stroke:var(--line);stroke-width:9;stroke-linecap:round}.schets-boog.vol{stroke:var(--gulden);opacity:.75}.schets-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap);align-items:start}.schets-titel,.schets-regel,.schets-balk{display:block;border-radius:6px;background:linear-gradient(90deg,var(--line) 0%,#efebe3 50%,var(--line) 100%);background-size:200% 100%;animation:schets-glans 2.4s linear infinite}.schets-titel{width:38%;height:12px;align-self:flex-start}.schets-regel{height:10px}.schets-regel.kort{width:55%}.schets-balk{height:14px;background:linear-gradient(90deg,var(--gulden) 0 55%,#7fb59f 55% 80%,var(--amber) 80% 100%);opacity:.7;animation:none}@keyframes schets-glans{0%{background-position:100% 0}to{background-position:-100% 0}}.inrichting-achter{background:#f7f5f059;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.modal.inrichting{box-shadow:0 24px 60px #17251f2e,0 2px 6px #17251f0f;border:1px solid rgba(23,37,31,.06);animation:inrichting-in .35s ease both}@keyframes inrichting-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.inrichting-lijf{animation:stap-in .3s ease both}@keyframes stap-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@media (max-width: 1100px){.schets-rij{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.schets-grafiek{display:none}.schets-rij{grid-template-columns:1fr}}.welkom{gap:18px}.welkom-held{display:flex;align-items:center;gap:20px;padding:18px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--gulden-tint),#f4efe4)}.welkom-tekst{display:flex;flex-direction:column;gap:8px}.welkom-tekst h2{font-size:23px}.welkom-duur{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:12px;font-weight:600;color:var(--gulden);background:var(--card);padding:4px 10px;border-radius:999px}.icoon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.welkom-duur .icoon{width:14px;height:14px}.welkom-illustratie{width:150px;flex:none}.ill-kaart{fill:var(--card);filter:drop-shadow(0 4px 10px rgba(23,37,31,.1))}.ill-lijn{fill:none;stroke:var(--gulden);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:ill-teken 1.4s .2s ease-out forwards}.ill-punt{fill:var(--gulden);opacity:0;animation:ill-verschijn .3s 1.5s ease forwards,ill-puls 2.4s 1.8s ease-in-out infinite;transform-origin:142px 30px}.ill-boog{fill:none;stroke:var(--line);stroke-width:6;stroke-linecap:round}.ill-boog.vol{stroke:var(--gulden);stroke-dasharray:100;stroke-dashoffset:100;animation:ill-meter 1.1s .5s ease-out forwards}.ill-naald{stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;transform-origin:40px 100px;transform:rotate(-90deg);animation:ill-naald 1.1s .5s cubic-bezier(.3,1.4,.5,1) forwards}.ill-balk{fill:var(--line);transform-origin:left;transform:scaleX(0);animation:ill-groei .7s ease-out forwards}.ill-balk.b1{fill:#7fb59f;animation-delay:.9s}.ill-balk.b2{fill:var(--amber);opacity:.7;animation-delay:1.05s}@keyframes ill-teken{to{stroke-dashoffset:0}}@keyframes ill-meter{to{stroke-dashoffset:35}}@keyframes ill-naald{to{transform:rotate(27deg)}}@keyframes ill-groei{to{transform:scaleX(1)}}@keyframes ill-verschijn{to{opacity:1}}@keyframes ill-puls{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.welkom-stappen{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.welkom-stappen li{flex:1 1 190px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);animation:welkom-stap .4s ease both}.welkom-stappen li>span:last-child{display:flex;flex-direction:column;gap:1px}.welkom-stappen .meta{font-size:12px}.welkom-icoon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--gulden-tint);color:var(--gulden)}@keyframes welkom-stap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.welkom-gerust{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft)}.welkom-gerust .icoon{width:15px;height:15px;color:var(--gulden)}.bankkiezer{display:flex;flex-direction:column;gap:10px}.bankraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.banktegel{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:border-color .15s,background .15s,transform .15s}.banktegel:hover{border-color:var(--gulden);transform:translateY(-1px)}.banktegel.gekozen{border-color:var(--gulden);background:var(--gulden-tint);box-shadow:inset 0 0 0 1px var(--gulden)}.bankmono{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:.02em;background:var(--paper);color:var(--ink-soft)}.banktegel.gekozen .bankmono{background:var(--gulden);color:#fff}.banknaam{font-size:13px;font-weight:600;text-align:center}@media (max-width: 640px){.welkom-held{flex-direction:column;text-align:center}.welkom-duur{align-self:center}.welkom-illustratie{width:130px}.bankraster{grid-template-columns:repeat(3,minmax(0,1fr))}}.wachtblok{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--radius);background:var(--gulden-tint)}.wachtblok .meta{font-size:12px}.modal-foot .primary.bezig{display:inline-flex;align-items:center;gap:8px;opacity:1;cursor:progress}.draaier{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:draai .8s linear infinite}@keyframes draai{to{transform:rotate(360deg)}}.partij{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 9px 3px 5px;border:1px solid var(--line);border-radius:999px;background:var(--card);cursor:grab}.partij:hover{border-color:var(--gulden)}.partij:active{cursor:grabbing}.partij.sleept{opacity:.4}.partij .meta{font-size:11px}.greep{color:var(--line);font-size:10px;letter-spacing:-2px}.partij:hover .greep{color:var(--ink-soft)}.verplaatskeuze{font:inherit;font-size:12px;padding:4px 6px;border-radius:6px;border:1px solid var(--gulden);background:var(--card);color:var(--ink);max-width:240px}.nieuwknop{font-size:13px}.inkomstenlijst{display:flex;flex-direction:column;gap:8px}.indeling-rij.inkomen{border:1px solid var(--line);border-radius:var(--radius);align-items:center}.indeling-rij.inkomen .indeling-vink{margin-top:0}.salarisknop{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.salarisknop .meta{font-size:11px}.stappenbalk li{flex:1 1 0}.stappenbalk li.nu{flex:3 1 0}.stappenbalk li:not(.nu) .stapnaam{display:none}.bon{margin:6px 0 0 8px;padding:8px 10px;border-radius:8px;background:var(--paper);display:flex;flex-direction:column;gap:2px}.bon-kop{font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.bon-regel{display:flex;flex-direction:column;gap:4px}.bon .partij{width:100%;border:1px solid transparent;border-radius:6px;background:transparent;padding:4px 6px 4px 2px;font-size:13px;gap:8px;text-align:left}.bon .partij:hover{border-color:var(--line);background:var(--card)}.bon-naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bon-wanneer{font-size:11px;white-space:nowrap}.bon-bedrag{margin-left:auto;font-size:13px}.bon-totaal{display:flex;justify-content:space-between;border-top:1px dashed var(--line);margin-top:2px;padding:5px 6px 0 20px;font-size:13px;font-weight:700}.bon .leeg{padding:2px 0;font-size:12px;font-style:italic}.bon-regel.gestopt .bon-naam,.bon-regel.gestopt .bon-bedrag{color:var(--ink-soft)}.bon-regel.gestopt .bon-bedrag{text-decoration:line-through}.bon-uitleg{font-size:11px;padding:4px 6px 0 20px}.modal.inrichting{transition:max-width .25s ease}.modal.inrichting.breed-indeling{max-width:min(1280px,96vw)}.indeling-panelen{display:grid;grid-template-columns:minmax(230px,280px) 1fr;gap:16px;align-items:start}.paneelkop{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.hoofdlijst{position:sticky;top:0;display:flex;flex-direction:column;gap:6px}.hoofdlijst>.paneelkop{padding:0 4px 2px}.hoofdrij{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);cursor:pointer;transition:border-color .12s,background .12s}.hoofdrij:hover{border-color:var(--gulden)}.hoofdrij.actief{border-color:var(--gulden);background:var(--gulden-tint);box-shadow:inset 3px 0 0 var(--gulden)}.hoofdrij.uit .hoofdnaam{color:var(--ink-soft);text-decoration:line-through}.hoofdrij .indeling-vink{margin-top:0}.hoofdrij-inhoud{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.hoofdrij-inhoud .meta{font-size:12px;padding-left:6px}.hoofdnaam{font:inherit;font-weight:700;padding:3px 6px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink)}.hoofdnaam:hover,.hoofdnaam:focus{border-color:var(--line);background:var(--card)}.hoofdnaam:focus{outline:2px solid var(--gulden);outline-offset:-2px}.hoofdrij-pijl{color:var(--ink-soft);font-size:18px}.hoofdrij.actief .hoofdrij-pijl{color:var(--gulden)}.subpaneel{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius-lg);background:var(--paper);min-width:0;animation:stap-in .2s ease both}.subpaneel-kop h3{margin:2px 0;font-size:18px}.subpaneel-kop .meta{font-size:12px}.subkaart{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:4px;transition:border-color .12s,background .12s}.subkaart.doel{border-color:var(--gulden);background:var(--gulden-tint)}.subkaart.uit{opacity:.5}.subkaart-kop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.subkaart-kop .indeling-vink{margin-top:0}.subkaart-naam{flex:1;min-width:160px;display:flex;flex-direction:column}.subkaart-naam .paneelkop{padding-left:8px}.subnaam-vast{font-weight:600;padding:5px 8px}.subbedrag{font-size:14px;font-weight:600}.subkaart .bon{margin-left:26px}@media (max-width: 760px){.indeling-panelen{grid-template-columns:1fr}.hoofdlijst{position:static}.subkaart .bon{margin-left:0}}.naamveld{display:flex;align-items:center;gap:2px;flex:1;min-width:0;cursor:text}.naamveld input{flex:0 1 auto;min-width:4ch;max-width:100%;field-sizing:content}.potlood{width:15px;height:15px;flex:none;fill:none;stroke:var(--ink-soft);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:opacity .12s,stroke .12s}.naamveld:hover .potlood,.naamveld:focus-within .potlood{stroke:var(--gulden);opacity:1}.naamveld input:disabled~.potlood{visibility:hidden}.subpaneel-kop{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap}.subpaneel-kop h3{margin:0}.subkaart-naam{flex-direction:row;align-items:baseline;gap:8px}.subkaart-naam .paneelkop{padding-left:0;flex:none}.subnaam-vast{padding:5px 0}.naamveld{flex:0 1 auto}.hoofdnaam-regel{display:flex;align-items:center;gap:4px;min-width:0;padding:3px 6px}.hoofdnaam-tekst{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.potloodknop{display:inline-grid;place-items:center;padding:3px;border-radius:6px;flex:none}.potloodknop:hover{background:var(--card)}.potloodknop:hover .potlood,.potloodknop:focus-visible .potlood{stroke:var(--gulden);opacity:1}.hoofdrij .hoofdnaam{width:100%}.subkaart-kop{flex-wrap:nowrap}.subkaart-naam{flex:1 1 auto;min-width:0}.subkaart-naam .naamveld{min-width:0}.subkaart-kop .chip,.subbedrag{flex:none;white-space:nowrap}.subkaart-kop{cursor:pointer}.uitklapknop{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 10px;border-radius:999px;border:1px solid var(--gulden);background:var(--gulden-tint);color:var(--gulden);font-size:12px;font-weight:600;white-space:nowrap;transition:background .12s,color .12s}.uitklapknop:hover{background:var(--gulden);color:#fff}.uitklapknop[aria-expanded=true]{background:var(--card)}.uitklapknop[aria-expanded=true]:hover{background:var(--gulden-tint);color:var(--gulden)}.uitklapknop .pijltje{font-size:11px;transition:transform .15s}.uitklapknop[aria-expanded=true] .pijltje{transform:rotate(180deg)}.subkaart-kop{margin:-4px -6px;padding:4px 6px;border-radius:8px;transition:background .12s}.subkaart-kop:hover{background:var(--paper)}.subkaart{gap:6px}.subkaart{container-type:inline-size}@container (max-width: 520px){.subkaart-naam .paneelkop{display:none}}@container (max-width: 420px){.uitklaptekst{display:none}}.subkaart-kop{display:grid;grid-template-columns:var(--subkolommen);align-items:center;column-gap:12px}.subkaart-kop .chip{justify-self:start}.subkaart-kop .subbedrag{justify-self:end;text-align:right}.subkaart-kop .uitklapknop{justify-self:end}.subkaart-naam .naamveld{flex:0 1 auto;min-width:0;overflow:hidden}.subkaart-naam .naamveld input{flex:none;max-width:100%}.subkaart-naam .paneelkop{font-size:10px}.uitklapknop{border:none;background:none;padding:3px 4px;color:var(--ink-soft);font-weight:500}.uitklapknop:hover{background:none;color:var(--gulden);text-decoration:underline}.uitklapknop[aria-expanded=true]{background:none;color:var(--gulden)}.uitklapknop[aria-expanded=true]:hover{background:none}@container (max-width: 440px){.subkaart-kop{grid-template-columns:14px 18px minmax(0,1fr) auto auto auto auto;column-gap:8px}}.subpaneel{--subkolommen: 14px 18px minmax(0, 1fr) 72px 112px 140px 26px;container-type:inline-size}.subkolommen{display:grid;grid-template-columns:var(--subkolommen);column-gap:12px;padding:0 13px;margin-bottom:-4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.subkolommen .rechts{text-align:right}@container (max-width: 466px){.subkolommen{display:none}}.subkolommen>span:nth-child(3){padding-left:8px}.subkaart-kop .chip{margin:0}.prullenbak{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px}.prullenbak svg{width:16px;height:16px;fill:none;stroke:var(--ink-soft);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.prullenbak:hover{background:var(--rood-tint)}.prullenbak:hover svg,.prullenbak:focus-visible svg{stroke:var(--rood);opacity:1}.hoofdrij.doel{border-color:var(--gulden);background:var(--gulden-tint);box-shadow:0 0 0 2px var(--gulden)}.verplaatsicoon{width:14px;height:14px;flex:none;fill:none;stroke:var(--ink-soft);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .12s}.bon .partij:hover .verplaatsicoon,.bon .partij:focus-visible .verplaatsicoon,.bon .partij[aria-expanded=true] .verplaatsicoon{opacity:1;stroke:var(--gulden)}.subkaart.naamloos{border:1px dashed var(--amber);background:#fdf6ea}.subkaart.naamloos .indeling-naam{color:var(--amber);font-style:italic}.subkaart.naamloos .potlood{stroke:var(--amber);opacity:1}.naamloos-melding{color:var(--amber);font-weight:600;margin:0;text-align:center}.subgreep{width:14px;padding:4px 0;color:var(--line);font-size:12px;letter-spacing:-2px;cursor:grab;border-radius:4px}.subkaart:hover .subgreep,.subgreep:focus-visible,.subgreep[aria-expanded=true]{color:var(--ink-soft)}.subgreep:hover{color:var(--gulden)}.subgreep:active{cursor:grabbing}.subkaart:has(.subgreep.sleept){opacity:.45}.subverplaats{display:flex;align-items:center;gap:8px;padding-left:32px}.subverplaats .meta{font-size:12px}.dubbelenaam{flex:none;font-size:11px;font-weight:600;color:var(--amber);background:#fdf3e2;border-radius:999px;padding:1px 7px;cursor:help;white-space:nowrap}.subkaart-naam{align-items:center}@container (max-width: 760px){.subkolommen{--subkolommen: 14px 18px minmax(0, 1fr) 72px 112px 112px 26px}}@container (max-width: 734px){.subkaart-kop{--subkolommen: 14px 18px minmax(0, 1fr) 72px 112px 112px 26px}.toonwoord{display:none}}.hoofdrij-inhoud .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inrichting-kop>div{container-type:inline-size}@container (min-width: 760px){.stappenbalk li,.stappenbalk li.nu{flex:1 1 0}.stappenbalk li:not(.nu) .stapnaam{display:inline}}.keuze-sectie{display:flex;flex-direction:column;gap:6px}.keuze-sectiekop{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:7px 12px;margin-top:6px;border-radius:8px;border-left:4px solid currentColor}.keuze-sectiekop.vast{color:#5a4b8a;background:#edeaf7}.keuze-sectiekop.vrij{color:var(--gulden);background:var(--gulden-tint)}.keuze-sectiekop.inkomsten{color:#2b5a80;background:#e8f0f7}.kpi-regel.filterknop{align-self:flex-start;text-align:left;padding:2px 8px;margin-left:-8px;border-radius:999px;cursor:pointer;transition:background .12s}.kpi-regel.filterknop:hover{background:var(--rood-tint)}.kpi-regel.filterknop.aan{background:var(--rood-tint);font-weight:700}.newcat .bank-actions{align-items:center}.newcat .primary{background:var(--gulden);color:#fff;font-weight:700;padding:9px 20px;border-radius:var(--radius)}.newcat .primary:hover:not(:disabled){filter:brightness(1.08)}.newcat .primary:disabled{opacity:.5;cursor:default}.gelijk-filters{display:flex;flex-wrap:wrap;gap:6px}.gelijk-filter{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink)}.gelijk-filter .aantal{color:var(--ink-soft);font-weight:400;margin-left:2px}.gelijk-filter:hover{border-color:var(--gulden)}.gelijk-filter.aan{background:var(--gulden);border-color:var(--gulden);color:#fff}.gelijk-filter.aan .aantal{color:#fffc}.gelijk-filter.geen:not(.aan){color:var(--rood);border-color:var(--rood-tint);background:var(--rood-tint)}.chip.zelfde{outline:1px solid var(--gulden)}.profielvragen{display:flex;flex-direction:column;gap:14px}.profielvraag{display:flex;flex-direction:column;gap:6px}.keuzepillen{display:flex;flex-wrap:wrap;gap:6px}.keuzepil{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);transition:border-color .12s,background .12s}.keuzepil:hover{border-color:var(--gulden)}.keuzepil.aan{background:var(--gulden);border-color:var(--gulden);color:#fff;font-weight:600}.delenblok{display:flex;flex-direction:column;gap:6px;margin-top:4px}.delenuitleg summary{cursor:pointer}.delenuitleg ul{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.vergelijkwidget{display:flex;flex-direction:column;gap:8px}.vergelijk-lijst{display:flex;flex-direction:column}.vergelijk-rij{display:grid;grid-template-columns:minmax(0,1fr) 80px 80px 52px;gap:8px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line)}.vergelijk-rij.kop{font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding-top:0}.vergelijk-rij .amount,.vergelijk-rij.kop span:nth-child(2),.vergelijk-rij.kop span:nth-child(3){text-align:right}.vergelijk-rij .naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vergelijk-rij .verschil{text-align:right;font-size:12px;font-weight:600;color:var(--ink-soft)}.vergelijk-rij .verschil.meer{color:var(--rood)}.vergelijk-rij .verschil.minder{color:var(--gulden)}.delenvraag{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--gulden-tint),#f4efe4)}.delenvraag h2{margin:0;font-size:21px}.delenvraag p{margin:0}.delenvraag-knoppen{display:flex;align-items:center;gap:16px;margin-top:4px}.delenvraag-knoppen .primary{background:var(--gulden);color:#fff;font-weight:700;padding:11px 22px;border-radius:var(--radius)}.delenvraag-knoppen .tweede{background:var(--card);color:var(--gulden);font-weight:700;padding:10px 22px;border-radius:var(--radius);border:1px solid var(--gulden)}.delenvraag-knoppen .tweede:hover{background:var(--gulden-tint)}.vergelijkwidget .inschatting{margin:0;font-size:13px}.vergelijkwidget .inschatting.klopt{color:var(--gulden);font-weight:600}.vraagkaart{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--card);animation:stap-in .25s ease both}.vraagkaart h3{margin:0;font-size:19px;letter-spacing:-.01em}.vraagvoortgang{display:flex;gap:4px}.vraagvoortgang span{flex:1;height:4px;border-radius:2px;background:var(--line)}.vraagvoortgang span.gedaan,.vraagvoortgang span.nu{background:var(--gulden)}.vraagvoortgang span.nu{opacity:.5}.vraagopties{display:flex;flex-direction:column;gap:8px;margin-top:4px}.vraagoptie{display:flex;align-items:center;gap:10px;text-align:left;font-size:15px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);transition:border-color .12s,background .12s}.vraagoptie:hover{border-color:var(--gulden);background:var(--gulden-tint)}.vraagoptie.aan{border-color:var(--gulden);background:var(--gulden-tint);font-weight:600;box-shadow:inset 0 0 0 1px var(--gulden)}.vinkvak{width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:4px;border:1.5px solid var(--line);font-size:12px;color:#fff}.vraagoptie.aan .vinkvak{background:var(--gulden);border-color:var(--gulden)}.vraagknoppen{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.vraagknoppen-rechts{display:flex;align-items:center;gap:16px}.vraagknoppen .primary{background:var(--gulden);color:#fff;font-weight:700;padding:9px 22px;border-radius:var(--radius)}.vraagknoppen .primary:disabled{opacity:.5}.vraagoverzicht{display:flex;flex-direction:column;gap:6px}.vraagoverzicht p{margin:0 0 4px}.vraagoverzicht-rij{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.vraagoverzicht-rij:hover{border-color:var(--gulden)}.vraagoverzicht-rij .meta{font-size:12px}.vraagoverzicht-rij .antwoord{font-weight:600}.vraagoverzicht-rij .antwoord.leeg{color:var(--ink-soft);font-weight:400;font-style:italic}.topbar-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.weergavekeuze button{padding:6px 14px;font-weight:600}.zakelijk{display:flex;flex-direction:column;gap:var(--gap);padding-top:8px}.zakelijk .koppelbalk{margin:0}.zakelijk-cijfers{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}.zakelijk-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:var(--gap);align-items:start}.zakelijk-zij{display:flex;flex-direction:column;gap:var(--gap)}@media (max-width: 900px){.zakelijk-grid{grid-template-columns:1fr}}.primary.klein{background:var(--gulden);color:#fff;font-weight:700;font-size:13px;padding:6px 12px;border-radius:var(--radius)}.zakelijk .seg.mini{margin:6px 0 10px}.factuurlijst{display:flex;flex-direction:column}.factuurrij{display:grid;grid-template-columns:92px minmax(0,1fr) 90px 110px 96px;gap:10px;align-items:center;text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);border-radius:6px}.factuurrij:hover{background:var(--paper)}.factuurrij-nr{font-family:var(--font-num);font-size:13px;color:var(--ink-soft)}.factuurrij-klant{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.factuurrij-bedrag{text-align:right}@media (max-width: 640px){.factuurrij{grid-template-columns:minmax(0,1fr) auto}.factuurrij-nr,.factuurrij-datum{display:none}.factuurrij .factuurstatus{grid-column:2;justify-self:end}}.factuurstatus{display:inline-block;justify-self:start;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--paper);color:var(--ink-soft)}.factuurstatus.st-verstuurd{background:#e8eef7;color:#2f5487}.factuurstatus.st-betaald,.factuurstatus.st-verrekend{background:var(--gulden-tint);color:var(--gulden)}.factuurstatus.st-te-laat{background:var(--rood-tint);color:var(--rood)}.factuurstatus.st-gecrediteerd{background:#f1efe9;color:var(--ink-soft);text-decoration:line-through}.modal-head .factuurstatus{margin-top:6px}.klantrij,.bedrijf-samenvatting{display:flex;flex-direction:column;gap:2px;text-align:left;padding:8px 0;border-bottom:1px solid var(--line);width:100%}.klantrij:last-child{border-bottom:none}.bedrijf-samenvatting{border-bottom:none}.hint-klein{font-size:12px;font-weight:400;color:var(--ink-soft)}.logo-voorbeeld{display:flex;align-items:center;gap:12px}.logo-voorbeeld img{max-height:48px;max-width:160px}.modal.factuurmodal{max-width:1180px}.factuurmodal-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;padding:16px 20px}@media (max-width: 960px){.factuurmodal-body{grid-template-columns:1fr}}.factuur-links{display:flex;flex-direction:column;gap:14px;min-width:0}.factuur-rechts{background:var(--paper);border-radius:var(--radius);padding:16px;min-width:0}.modal-foot .vulling{flex:1}.modal-foot .secundair{border:1px solid var(--line);padding:9px 16px;border-radius:var(--radius);font-weight:600}.factuur-invoerregels{display:flex;flex-direction:column;gap:6px}.factuur-invoerkop,.factuur-invoerregel{display:grid;grid-template-columns:minmax(0,1fr) 64px 92px 104px 28px;gap:6px;align-items:center}.factuur-invoerkop{font-size:12px;font-weight:600;color:var(--ink-soft)}.factuur-invoerregel input,.factuur-invoerregel select{font:inherit;padding:7px 8px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-width:0}.factuur-invoerregel input[inputmode]{text-align:right}.regel-weg{color:var(--ink-soft);font-size:18px}.regel-weg:disabled{opacity:.3}.regel-bedrag{grid-column:1 / -2;text-align:right;font-size:12px;color:var(--ink-soft)}@media (max-width: 640px){.factuur-invoerkop{display:none}.factuur-invoerregel{grid-template-columns:1fr 1fr 28px}.factuur-invoerregel input:first-child{grid-column:1 / -1}}.factuur-mist{background:#fbf3e4;color:#7a5212;border-radius:var(--radius);padding:10px 12px;font-size:13px}.factuur-verstuurblok{border:1px solid var(--gulden);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px}.factuur-verstuurblok .primary,.factuur-betaalblok .primary{background:var(--gulden);color:#fff;font-weight:700;padding:9px 16px;border-radius:var(--radius)}.factuur-verstuurblok .primary:disabled{opacity:.6}.factuur-acties{display:flex;flex-direction:column;gap:14px}.factuur-feiten{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px}.factuur-feiten dt{color:var(--ink-soft)}.factuur-feiten dd{margin:0}.factuur-betaalblok{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.factuur-melding{background:var(--gulden-tint);color:var(--gulden);border-radius:var(--radius);padding:10px 12px;font-size:13px;font-weight:600}.factuurvel{position:relative;background:#fff;color:#1b1b1b;aspect-ratio:210 / 297;padding:7% 8%;font-size:11px;line-height:1.45;box-shadow:0 2px 10px #00000014;overflow:hidden;display:flex;flex-direction:column}.factuur-watermerk{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:800;letter-spacing:.2em;color:#b3402e17;transform:rotate(-30deg);pointer-events:none}.factuur-kop{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}.factuur-merk{font-size:18px;font-weight:800;color:#0e6b4f;letter-spacing:-.01em}.factuur-logo{max-height:52px;max-width:180px}.factuur-afzender{text-align:right}.factuur-midden{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.factuur-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#777;margin-bottom:2px}.factuur-gegevens{display:grid;grid-template-columns:auto auto;gap:2px 12px;margin:0;align-content:start}.factuur-gegevens dt{color:#777}.factuur-gegevens dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.factuur-titel{font-size:20px;margin:0 0 10px;letter-spacing:-.01em}.factuur-regels,.factuur-totalen{width:100%;border-collapse:collapse}.factuur-regels th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#777;border-bottom:1px solid #ccc;padding:4px 4px 4px 0}.factuur-regels td{padding:6px 4px 6px 0;border-bottom:1px solid #eee;vertical-align:top}.factuur-regels .getal{text-align:right;white-space:nowrap}.factuur-totalen{width:55%;margin:12px 0 0 auto}.factuur-totalen td{padding:3px 0}.factuur-totalen td:last-child{text-align:right}.factuur-eind td{border-top:1px solid #1b1b1b;font-weight:800;font-size:13px;padding-top:6px}.factuur-notitie{margin:10px 0 0;color:#444}.factuur-betalen{margin:18px 0 0}.factuur-voet{margin-top:auto;padding-top:14px;border-top:1px solid #ddd;font-size:9px;color:#777;text-align:center}@media print{@page{size:A4;margin:0}body:has(.factuurmodal) .shell>*:not(.modal-backdrop){display:none!important}body:has(.factuurmodal) .modal-backdrop:not(:has(.factuurmodal)){display:none!important}.modal-backdrop:has(.factuurmodal){position:static;background:none;padding:0;display:block}.factuurmodal{box-shadow:none;max-width:none;max-height:none;overflow:visible;border-radius:0}.factuurmodal .modal-head,.factuurmodal .modal-foot,.factuurmodal .factuur-links{display:none!important}.factuurmodal-body{display:block;padding:0}.factuur-rechts{padding:0;background:none}.factuurvel{box-shadow:none;width:210mm;height:297mm;aspect-ratio:auto;padding:18mm;font-size:10pt}}.factuur-mailblok{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.factuur-mailblok .field{flex:1;min-width:200px}.factuur-mailblok .secundair{border:1px solid var(--line);padding:9px 16px;border-radius:var(--radius);font-weight:600}.card{border:1px solid rgba(23,37,31,.07)}.merk{display:inline-flex;align-items:center;gap:10px}.merkteken{width:30px;height:30px;flex:none}.merknaam{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.01em}.werkruimte{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:10px;background:var(--card);border:1px solid var(--line)}.werkruimte button{padding:6px 12px;border-radius:7px;font-size:13px;font-weight:600;color:var(--ink-soft)}.werkruimte button.active{background:var(--gulden);color:#fff}.navicoon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.navbadge{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--amber);color:#fff;font-size:11px;font-weight:700;line-height:16px;text-align:center;font-variant-numeric:tabular-nums}.app.met-zijbalk{display:grid;grid-template-columns:var(--zijbalk) minmax(0,1fr);min-height:100vh}.zijbalk{position:sticky;top:0;height:100vh;z-index:30;display:flex;flex-direction:column;gap:18px;padding:20px 14px 16px;background:var(--nacht);color:var(--nacht-soft)}.zijbalk-kop{padding:4px 8px 6px}.zijbalk .merknaam{color:#fff;font-size:16px;white-space:nowrap}.zijbalk .merkteken rect:first-child{fill:#ffffff14}.zijbalk .werkruimte{background:#ffffff0f;border-color:var(--nacht-lijn)}.zijbalk .werkruimte button{color:var(--nacht-soft)}.zijbalk .werkruimte button:hover{color:#fff}.zijbalk .werkruimte button.active{background:#fff;color:var(--nacht)}.navlijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.navitem{width:100%;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--nacht-soft);text-align:left}.navitem:hover{background:#ffffff0d;color:#fff}.navitem.actief{background:#3fb38629;color:#fff}.navitem.actief .navicoon{color:var(--accent)}.navitem .navbadge{margin-left:auto}.zijbalk-voet{margin-top:auto;padding-top:12px;border-top:1px solid var(--nacht-lijn)}.zijbalk .accountknop{width:100%;background:transparent;border-color:transparent;color:var(--nacht-soft);padding:6px 10px 6px 6px;border-radius:10px}.zijbalk .accountknop:hover{background:#ffffff0d;color:#fff;border-color:transparent}.zijbalk .accountknop .bolletje{background:var(--accent);color:var(--nacht)}.zijbalk .accountknop .accountlabel{display:inline}.met-zijbalk .shell{width:100%;min-width:0;max-width:1440px;margin:0;padding:0 32px 64px}@media (min-width: 1800px){.met-zijbalk .shell{max-width:none;padding:0 48px 64px}}.paginakop{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 0 18px}.paginakop h1{margin:0;font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.015em;line-height:1.1}.paginakop .actions{display:flex;align-items:center;gap:12px}.paginakop .sync{font-size:12px;color:var(--ink-soft)}@media (max-width: 1000px){.app.met-zijbalk{--zijbalk: 76px}.zijbalk{padding:18px 10px 14px;align-items:stretch}.zijbalk-kop{display:flex;justify-content:center;padding:2px 0 4px}.zijbalk .merknaam,.zijbalk .navlabel,.zijbalk .accountknop .accountlabel{display:none}.zijbalk .werkruimte{grid-template-columns:1fr;gap:2px}.zijbalk .werkruimte button{padding:6px 0;font-size:11px}.navitem{justify-content:center;padding:10px 0;position:relative}.navitem .navbadge{position:absolute;top:2px;right:4px;margin:0;min-width:16px;padding:0 4px;font-size:10px}.zijbalk .accountknop{justify-content:center;padding:6px}.met-zijbalk .shell{padding:0 24px 56px}}.grid.enkel{grid-template-columns:minmax(0,1fr)}.is-mobiel .shell{padding:0 16px calc(var(--tabbalk) + env(safe-area-inset-bottom) + 24px)}.is-mobiel .topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 0 14px}.is-mobiel .topbar .actions{display:flex;align-items:center;gap:8px}.is-mobiel .topbar .merknaam{font-size:17px;white-space:nowrap}.is-mobiel .werkruimte button{padding:5px 10px}.tabbalk{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:calc(var(--tabbalk) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffff0;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--line)}.tabitem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--ink-soft);-webkit-tap-highlight-color:transparent}.tabitem.actief{color:var(--gulden)}.tabicoon{position:relative;display:inline-flex}.tabicoon .navbadge{position:absolute;top:-6px;left:12px;min-width:16px;padding:0 4px;font-size:10px;line-height:15px;border:2px solid #fff}.catwidget.status-ok,.catwidget.status-krap,.catwidget.status-dreigt,.catwidget.status-over,.txcard.status-ok,.txcard.status-krap,.txcard.status-dreigt,.txcard.status-over{box-shadow:var(--shadow)}.catwidget{border-width:1px;border-color:#17251f12}.catwidget.actief{border-color:var(--gulden);box-shadow:var(--shadow),0 0 0 1px var(--gulden)}.catsectie .catsectie-kop{margin-bottom:14px}.kerncijfers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-bottom:12px}.kerncijfer{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 18px;background:var(--card);border:1px solid rgba(23,37,31,.07);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:left;min-width:0}.kerncijfer.klikbaar:hover{border-color:var(--gulden)}.kerncijfer.actief{border-color:var(--gulden);box-shadow:var(--shadow),0 0 0 1px var(--gulden)}.kerncijfer-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.kerncijfer-waarde{font-size:28px;font-weight:650;letter-spacing:-.02em;line-height:1.2;margin-top:4px}.kerncijfer-waarde.tekort{color:var(--rood)}.kerncijfer-sub{font-size:13px;color:var(--ink-soft)}.kerncijfer-status{margin-top:8px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--gulden-tint);color:var(--gulden)}.kerncijfer.status-krap .kerncijfer-status{background:#f6ecd9;color:var(--amber)}.kerncijfer.status-dreigt .kerncijfer-status,.kerncijfer.status-over .kerncijfer-status{background:var(--rood-tint);color:var(--rood)}.kerncijfer.status-geen .kerncijfer-status{background:var(--paper);color:var(--ink-soft)}.tedoen{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:var(--gap)}.tedoen-titel{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.tedoen ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.tedoen-taak{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13px}.tedoen-taak:hover{border-color:var(--gulden)}.tedoen-aantal{min-width:24px;padding:1px 7px;border-radius:999px;background:var(--amber);color:#fff;font-weight:700;font-size:12px;text-align:center;font-variant-numeric:tabular-nums}.tedoen-taak.urgent .tedoen-aantal{background:var(--rood)}.tedoen-bedrag{color:var(--ink-soft);font-weight:500}.tedoen-pijl{color:var(--ink-soft)}.tedoen-taak:hover .tedoen-pijl{color:var(--gulden)}.tedoen.leeg{font-size:13px;color:var(--ink-soft);gap:8px}.tedoen-vink{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--gulden-tint);color:var(--gulden);font-size:11px;font-weight:700}.catsectie+.grafiekkaart{margin-top:0}@media (max-width: 1100px){.kerncijfers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.kerncijfers{gap:10px}.kerncijfer{padding:12px 14px}.kerncijfer-waarde{font-size:22px}.kerncijfer-sub{font-size:12px}.tedoen{align-items:flex-start;flex-direction:column;gap:6px}.tedoen ul{flex-direction:column;width:100%}.tedoen-taak{width:100%}.tedoen-pijl{margin-left:auto}}.meterwissel{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:9px 0 0;border-top:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink-soft)}.meterwissel:hover{color:var(--gulden)}.meterwissel-pijl{font-size:18px;line-height:1;transform:rotate(90deg);transition:transform .15s ease}.meterwissel-pijl.open{transform:rotate(-90deg)}.meterwissel+.catlist{margin-top:6px}.meter-leeg{margin-top:12px;padding-top:9px;border-top:1px solid var(--line)}.kerncijfers{margin-bottom:var(--gap)}.kerncijfer.klikbaar{cursor:pointer}.catrij{margin-bottom:var(--gap)}.groepteller{display:inline-flex;align-items:center;gap:1px;height:22px;margin:0 2px 0 6px;padding:0 4px 0 8px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:12px;font-weight:700;line-height:1;color:var(--ink);vertical-align:1px;font-variant-numeric:tabular-nums}.groepteller:hover{border-color:var(--gulden);color:var(--gulden)}.groepteller-pijl{font-size:15px;line-height:1;color:var(--ink-soft);transform:rotate(90deg);transition:transform .15s ease}.groepteller.open{background:var(--gulden-tint);border-color:var(--gulden);color:var(--gulden)}.groepteller.open .groepteller-pijl{transform:rotate(-90deg);color:var(--gulden)}.txcard .txrow.lid{padding-left:16px}.txgroep.open{box-shadow:inset 3px 0 0 var(--gulden)}.txgroep.open>.txrow.lid{border-bottom-color:#17251f0f}.groepleden{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:18px}.groeplid{display:flex;align-items:stretch;border-bottom:1px solid var(--line);font-size:14px}.groeplid:last-child{border-bottom:none}.groeplid-vink{display:flex;align-items:center;padding:0 4px 0 12px;cursor:pointer}.groeplid-vink input{width:18px;height:18px;accent-color:var(--gulden);cursor:pointer}.groeplid-open{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 8px;text-align:left}.groeplid-open:hover{background:var(--paper)}.groeplid-tekst{flex:1;min-width:0;display:flex;flex-direction:column}.groeplid-tekst .meta{font-size:12px}.groeplid-naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.groeplid-pijl{color:var(--ink-soft);font-size:17px}.groeplid.uit .groeplid-tekst,.groeplid.uit .amount{opacity:.45}.groeplid.uit .groeplid-naam{text-decoration:line-through}.groepvenster-kop{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:8px}.groepvenster .field{margin-bottom:12px}.groepvenster .modal-foot{justify-content:space-between;align-items:center}.catwidget-kop-rechts{display:inline-flex;align-items:center;gap:4px}.widgettoevoegen{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:var(--gap);padding:16px;border:1.5px dashed #c9c2b4;border-radius:var(--radius-lg);font-size:15px;font-weight:600;color:var(--gulden)}.widgettoevoegen:hover{border-color:var(--gulden);background:var(--gulden-tint)}.widgettoevoegen-plus{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gulden);color:#fff;font-size:18px;line-height:1}.widgetsvenster .widgets-kop{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:4px 0 8px}.widgetsvenster .widgets-kop:not(:first-child){margin-top:22px}.widgets-leeg{margin:0 0 10px;font-size:13px}.widgetsvenster .schakelrij.nieuw{border-color:var(--gulden);background:var(--gulden-tint)}.widgetsvenster .verwijder{font-size:12px;color:var(--rood);padding:0}.nieuwemeter{width:100%;margin-top:8px;padding:11px;border:1px dashed var(--gulden);border-radius:var(--radius);color:var(--gulden);font-weight:600;font-size:14px}.nieuwemeter:hover{background:var(--gulden-tint)}.widgetsvenster .keuzes{display:flex;flex-direction:column;gap:8px}.widgetsvenster .keuzes>p{margin:0 0 4px}.widgetsvenster .keuze{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:600}.widgetsvenster .keuze .meta{font-weight:400;font-size:12px}.widgetsvenster .keuze.gekozen{border-color:var(--gulden);background:var(--gulden-tint);box-shadow:0 0 0 1px var(--gulden)}.kpi+.meterwissel,.kpi+.meter-leeg{margin-top:0;padding-top:0;border-top:none}.widgetsvenster .modal-foot{justify-content:space-between}.projectvenster .modal-body{display:flex;flex-direction:column;gap:14px}.projectvenster .modal-foot{justify-content:space-between}.foutmelding{padding:8px 12px;border-radius:var(--radius);background:var(--rood-tint);color:var(--rood);font-size:13px}.groepvenster .nieuwproject{align-self:flex-start;font-weight:600;font-size:13px;margin-top:2px}.txcard .txrow{grid-template-columns:minmax(0,2fr) minmax(0,3fr) 132px;align-items:center;column-gap:16px}.txcard .txrow .amount{justify-self:end;text-align:right}.txlabels{display:flex;flex-wrap:wrap;gap:4px 6px;min-width:0}.txlabels .chip{margin-left:0}@media (max-width: 760px){.txcard .txrow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tekst bedrag" "labels labels";row-gap:4px}.txcard .txrow .txtekst{grid-area:tekst}.txcard .txrow .txlabels{grid-area:labels}.txcard .txrow .amount{grid-area:bedrag}.txcard .txrow .txlabels:empty{display:none}}.txindeling{display:grid;grid-template-columns:minmax(0,720px) minmax(340px,1fr);gap:var(--gap);align-items:start}.txindeling .txcard .txrow{grid-template-columns:minmax(0,1fr) minmax(0,210px) 104px}.txpaneel-plek{position:sticky;top:16px;max-width:560px}.txpaneel{padding:0;max-height:calc(100vh - 32px);overflow:auto}.txpaneel.leeg{padding:32px 28px;border:1.5px dashed #d6d0c4;background:transparent;box-shadow:none;text-align:center;color:var(--ink-soft);font-size:14px}.txpaneel.leeg p{margin:8px 0 0}.txpaneel-leeg-icoon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--line);font-size:20px;color:var(--ink-soft)}.txpaneel .modal-foot{justify-content:flex-start}.paneelsluit{width:30px;height:30px;border-radius:50%;font-size:20px;line-height:1;color:var(--ink-soft);flex:none}.paneelsluit:hover{background:var(--paper);color:var(--ink)}.txgroep.gekozen>.txrow{background:var(--gulden-tint);box-shadow:inset 3px 0 0 var(--gulden)}.txindeling>.txcard{grid-column:auto}.gevel.in-paneel,.gevel.in-paneel.open{max-width:none;width:100%;height:auto;max-height:calc(100vh - 32px);flex-direction:column;background:var(--card);border:1px solid rgba(23,37,31,.07);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:none}.gevel.in-paneel .paneel{box-shadow:none}.gevel.in-paneel .paneel.hoofd{flex:1 1 auto;min-height:0;border-radius:0}.gevel.in-paneel.open .onderwerpen{display:none}.gevel.in-paneel.open .paneel.hoofd{display:contents}.gevel.in-paneel.open .modal-head{order:0;padding-bottom:12px}.gevel.in-paneel.open .paneel.zij{order:1;flex:1 1 auto;min-height:0;border-left:none;border-radius:0;animation-name:raamOpenMobiel}.gevel.in-paneel.open .modal-foot{order:2}.gevel.in-paneel .zij-kop{justify-content:flex-start;gap:6px;padding:10px 20px 10px 10px;background:var(--paper)}.gevel.in-paneel .zij-kop .terug{display:inline-flex}.gevel.in-paneel .zij-kop .sluit{display:none}.txcard .txrow.gekozen{background:var(--gulden-tint);box-shadow:inset 3px 0 0 var(--gulden)}.catrow.spaardoel{width:100%;text-align:left;padding:8px 10px;margin:0 -10px;width:calc(100% + 20px);border-radius:var(--radius)}.catrow.spaardoel:hover{background:var(--paper)}.spaardoel-regel{grid-column:1 / -1;font-size:12px}.meter.spaar>div{background:var(--gulden)}.chip.sparen{background:#e5f2ee;color:var(--gulden)}.spaardoelkeuze{margin:2px 0 0 28px}.spaardoeldetail{max-width:560px}.spaardoeldetail .modal-body{max-height:62vh;overflow:hidden}.spaardoeldetail .groepleden{flex:1 1 auto;min-height:0;overflow-y:auto}.spaarlijst-kop{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.spaarlijst-kop .linkish{text-transform:none;letter-spacing:0;font-size:13px}.spaarrij{cursor:pointer}.spaarrij .groeplid-open:hover{background:none}.spaarrij:hover{background:var(--paper)}.spaardoeldetail .modal-foot{justify-content:space-between}.groepvenster .groepleden{flex-shrink:0}.groepvenster .modal-body{overflow-y:auto}.modal.groepvenster .modal-body{max-height:62vh}.sjablonen{display:flex;flex-wrap:wrap;gap:6px}.sjabloon{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:500}.sjabloon:hover{border-color:var(--gulden)}.sjabloon.gekozen{background:var(--gulden);border-color:var(--gulden);color:#fff}.postenlijst{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.postrij{display:flex;align-items:center;gap:10px;padding:4px 8px 4px 12px;border-bottom:1px solid var(--line);font-weight:400}.postrij:last-child{border-bottom:none}.postrij input{flex:1;min-width:0;border:none;padding:7px 0;background:transparent;font:inherit}.postrij input:focus{outline:none}.postrij:focus-within{background:var(--paper)}.postrij.overig{padding:9px 12px;color:var(--ink-soft)}.postrij.overig .meta{margin-left:auto;font-size:12px}.postrij.nieuw{padding-left:12px}.postweg{width:26px;height:26px;border-radius:50%;color:var(--ink-soft);font-size:16px}.postweg:hover{background:var(--rood-tint);color:var(--rood)}.stip{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.projectvenster .modal-body{max-height:72vh;overflow-y:auto}.projectdetail .koppelrij{grid-template-columns:minmax(0,1fr) auto 96px auto}.projectdetail .koppelrij .amount{text-align:right}.koppelrij-naam{text-align:left;min-width:0}.koppelrij-naam:hover .desc{color:var(--gulden)}.projectdetail .kandidaten{max-height:320px}.soortbalk.over{box-shadow:0 0 0 1px var(--rood)}.projectdetail .modal-foot{justify-content:space-between}.catrow .waarvan{grid-column:1 / -1;margin-top:4px;padding-top:8px;border-top:1px dashed var(--line);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.catrow.eigenmeter .name{font-weight:500}.metselraster{display:grid;grid-template-columns:repeat(var(--kolommen, 1),minmax(0,1fr));gap:var(--gap);align-items:start;margin-bottom:var(--gap)}.metselkolom{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.metselsteen>.card{grid-column:auto;margin:0}.tedoen-taak.info .tedoen-aantal{background:var(--gulden)}.afsluiting-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:var(--gap)}.afsluiting-kop .period-nav{display:inline-flex;align-items:center;gap:6px}.afsluiting-kop .period-nav button{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--card)}.afsluiting-kop .period-nav button:disabled{opacity:.35;cursor:default}.afsluiting-kop .catsectie-periode:first-letter{text-transform:uppercase}.afsluiting-status{font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px;background:var(--paper);color:var(--ink-soft);border:1px solid var(--line)}.afsluiting-status.klaar{background:var(--gulden-tint);color:var(--gulden);border-color:transparent}.afsluiting-status.open{background:#f6ecd9;color:var(--amber);border-color:transparent}.afsluiting-stappen{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--gap);align-items:start}.afsluiting-cijfers{grid-column:1 / -1}@media (max-width: 1100px){.afsluiting-stappen{grid-template-columns:minmax(0,1fr)}}.stapnummer{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:50%;background:var(--nacht);color:#fff;font-size:11px;letter-spacing:0}.afsluiting-teller{font-size:12px;font-weight:600;color:var(--amber)}.afsluiting-teller.klaar{color:var(--gulden)}.afsluiting-uitleg{margin:0 0 12px}.opvallendlijst{display:flex;flex-direction:column;gap:10px}.opvallend{border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.opvallend.klaar{border-left-color:var(--gulden)}.opvallend-kop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.opvallend-naam{display:flex;flex-direction:column;text-align:left;min-width:0}.opvallend-naam .desc{font-weight:600;font-size:14px}.opvallend-naam:hover .desc{color:var(--gulden)}.opvallend-naam .meta{font-size:12px}.verklaarknoppen{display:flex;flex-wrap:wrap;gap:6px}.verklaarknop{padding:4px 10px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:500;background:var(--card)}.verklaarknop:hover{border-color:var(--gulden)}.verklaarknop.gekozen{background:var(--gulden);border-color:var(--gulden);color:#fff}.opvallend-tekst{font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.opvallend-tekst:focus{outline:none;border-color:var(--gulden);background:var(--card)}.rapport-start{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.rapport-start p{margin:0}.waarschuwing{color:var(--amber)}.rapport{display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.55}.rapport p{margin:0}.rapport-kop{font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.3}.rapport-punten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.rapport-punten li{display:flex;gap:10px;padding:10px 12px;border-radius:var(--radius);background:var(--paper)}.rapport-pijl{font-size:11px;line-height:22px;flex:none;color:var(--ink-soft)}.richting-meer .rapport-pijl{color:var(--rood)}.richting-minder .rapport-pijl{color:var(--gulden)}.rapport-vooruit{padding:10px 12px;border-radius:var(--radius);background:var(--gulden-tint)}.cijfertabel-wrap{overflow-x:auto}.cijfertabel{width:100%;border-collapse:collapse;font-size:14px}.cijfertabel th,.cijfertabel td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}.cijfertabel th[scope=row]{text-align:left;font-weight:600}.cijfertabel thead th{font-size:12px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.cijfertabel .zacht{color:var(--ink-soft)}.cijfertabel-cats th[scope=row]{font-weight:500}.cijfertabel-cats tr:first-child th,.cijfertabel-cats tr:first-child td{border-top:2px solid var(--line)}.cijfertabel .verschil{margin-left:8px;font-size:12px;font-weight:600}.cijfertabel .verschil.meer{color:var(--rood)}.cijfertabel .verschil.minder{color:var(--gulden)}.rapport-start .primary{background:var(--gulden);color:#fff;padding:10px 18px;border-radius:var(--radius);font-weight:600}.rapport-start .primary:first-letter{text-transform:uppercase}.rapport-start .primary:disabled{opacity:.6;cursor:default}@media (max-width: 640px){.cijfertabel th:nth-child(3),.cijfertabel td:nth-child(3){display:none}.cijfertabel th,.cijfertabel td{padding:8px 6px}}.controlegroep+.controlegroep{margin-top:10px}.controlegroep>.blok-titel{margin-bottom:8px}.opvallend.neutraal{border-left-color:var(--line)}.opvallend-naam .desc{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.rapport{gap:16px}.rapport-kern{display:flex;flex-direction:column;gap:6px}.rapport-samenvatting{color:var(--ink)}.rapporttegels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rapporttegel{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:var(--radius);background:var(--paper)}.rapporttegel-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.rapporttegel-waarde{font-size:18px;font-weight:650}.rapporttegel-verschil{font-size:12px;font-weight:600}.rapporttegel-verschil.goed{color:var(--gulden)}.rapporttegel-verschil.slecht{color:var(--rood)}.rapportgroep{display:flex;flex-direction:column;gap:6px}.rapportgroep h4,.rapport-vooruit h4{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.rapportpunt{display:flex;gap:10px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--line)}.rapportgroep.richting-meer .rapportpunt{border-left:3px solid var(--rood)}.rapportgroep.richting-minder .rapportpunt{border-left:3px solid var(--gulden)}.rapportpunt-tekst{display:flex;flex-direction:column;gap:2px;min-width:0}.rapportpunt-tekst p{margin:0}.rapportpunt-link{align-self:flex-start;margin-top:4px;font-size:13px;font-weight:600}.rapport-vooruit{display:flex;flex-direction:column;gap:4px}.rapport-vooruit h4{color:var(--gulden)}.cijfertabel-cat{font:inherit;font-weight:inherit;text-align:left;padding:0}.cijfertabel-cat:hover{color:var(--gulden);text-decoration:underline}.cijfertabel tr.nul td,.cijfertabel tr.nul th{color:var(--ink-soft)}.afsluiting{display:flex;flex-direction:column;gap:28px}.afsluiting-groep{display:flex;flex-direction:column;gap:10px}.afsluiting-groeptitel{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.afsluiting-leeg p{margin:0}.maandblok{display:flex;flex-direction:column;gap:var(--gap)}.maandblok-kop{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 18px;text-align:left;background:var(--card);border:1px solid rgba(23,37,31,.07);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.maandblok-kop:hover{border-color:var(--gulden)}.maandblok.open>.maandblok-kop{border-color:var(--gulden)}.maandblok-titel{display:flex;flex-direction:column;gap:2px;min-width:0}.maandblok-naam{font-family:var(--font-display);font-size:20px;font-weight:600}.maandblok-naam:first-letter{text-transform:uppercase}.maandblok-kern{font-size:13px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maandblok-rechts{display:flex;align-items:center;gap:12px;flex:none}.maandblok-bedrag{font-size:15px}.maandblok-pijl{font-size:20px;color:var(--ink-soft);transform:rotate(90deg);transition:transform .15s ease}.maandblok-pijl.open{transform:rotate(-90deg);color:var(--gulden)}@media (max-width: 640px){.maandblok-kop{flex-wrap:wrap}.maandblok-bedrag{display:none}}.maandblok-kop{padding:10px 16px;border-radius:var(--radius);box-shadow:none}.maandblok-naam{font-size:17px}.afsluiting-groep{gap:8px}.afsluiting{gap:22px}.afsluiting-stappen.afgesloten{grid-template-columns:minmax(0,1fr);max-width:860px}.maandblok-extra{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}.extraknop{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:600;color:var(--ink-soft)}.extraknop span{display:inline-block;transform:rotate(90deg);transition:transform .15s ease}.extraknop:hover{border-color:var(--gulden);color:var(--gulden)}.extraknop.aan{border-color:var(--gulden);color:var(--gulden);background:var(--gulden-tint)}.extraknop.aan span{transform:rotate(-90deg)}.afsluiting-indeling{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:var(--gap);align-items:start}.afsluiting-lijst{position:sticky;top:16px}.maandblok.rij .maandblok-pijl{transform:none}.maandblok.rij .maandblok-kop{padding:10px 14px}.maandblok.rij .maandblok-bedrag{display:none}.maandblok.rij.gekozen .maandblok-kop{border-color:var(--gulden);background:var(--gulden-tint);box-shadow:inset 3px 0 0 var(--gulden)}.maandblok.rij.gekozen .maandblok-pijl{color:var(--gulden)}.maandpaneel-kop{display:flex;align-items:center;justify-content:space-between;gap:12px}.maandpaneel-titel{margin:0;font-family:var(--font-display);font-size:24px;font-weight:600}.maandpaneel-titel:first-letter{text-transform:uppercase}.afsluiting-paneel .afsluiting-stappen.afgesloten{max-width:none}.opvallend-naam .desc .chip{margin-left:0}.rapport-over{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:var(--radius);background:var(--gulden-tint);border:1px solid rgba(14,107,79,.18)}.rapport-over.min{background:var(--rood-tint);border-color:#b3402e33}.rapport-over>div{display:flex;flex-direction:column;gap:2px;min-width:0}.rapport-over-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gulden)}.rapport-over.min .rapport-over-label{color:var(--rood)}.rapport-over-som{font-size:13px;color:var(--ink-soft)}.rapport-over-bedrag{font-size:26px;font-weight:700;color:var(--gulden)}.rapport-over.min .rapport-over-bedrag{color:var(--rood)}.rapportgroep h4{display:flex;align-items:center;gap:8px;margin:6px 0 2px;font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--ink)}.rapportgroep-icoon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:10px;color:#fff;background:var(--ink-soft)}.rapportgroep.richting-meer h4{color:var(--rood)}.rapportgroep.richting-meer .rapportgroep-icoon{background:var(--rood)}.rapportgroep.richting-minder h4{color:var(--gulden)}.rapportgroep.richting-minder .rapportgroep-icoon{background:var(--gulden)}