:root{--navy: #1E4768;--navy-donker: #1A3C58;--groen: #36B49E;--groen-tekst: #1B6A5C;--groen-licht: #EFF9F7;--groen-vlak: #E3F4F1;--groen-rand: #C7EAE4;--bg: #EDF0F3;--kaart: #FFFFFF;--tekst: #3D4852;--zacht: #8A939C;--lijn: #E6E9EC;--lijn-zacht: #F0F2F4;--blauw: #4A9FD8;--geel: #D9A21B;--rood: #C93F35;--sans: "Open Sans", -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--tekst);font-family:var(--sans);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums}.top{background:var(--navy);height:44px;display:flex;align-items:center;gap:14px;padding:0 16px;color:#fff}.merk{font-weight:700;font-size:19px;letter-spacing:-.02em}.merk b{color:var(--groen)}.merk span{font-weight:400;opacity:.72;font-size:13px;margin-left:7px;letter-spacing:0}.top .rechts{margin-left:auto;display:flex;align-items:center;gap:12px}.onderbalk{background:#fff;border-bottom:1px solid var(--lijn);padding:9px 16px;display:flex;align-items:center;gap:10px}.onderbalk select{max-width:320px}.topuser{position:relative}.topuser-knop{background:#ffffff24;border:0;color:#fff;font-family:var(--sans);font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:7px}.topuser-knop:hover{background:#ffffff3d}.topuser-knop .pijl{opacity:.7;font-size:10px}.topuser-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border-radius:8px;box-shadow:0 6px 20px #0000002e;min-width:200px;padding:6px;z-index:30}.topuser-menu .mail{display:block;font-size:11.5px;color:var(--zacht);padding:6px 8px 9px;border-bottom:1px solid var(--lijn-zacht);margin-bottom:4px}.topuser-menu button{width:100%;text-align:left;background:none;border:0;font-family:var(--sans);font-size:12.5px;color:var(--tekst);padding:8px;border-radius:5px;cursor:pointer}.topuser-menu button:hover{background:var(--lijn-zacht)}.blad{max-width:1140px;margin:0 auto;padding:16px}.grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:14px;align-items:start}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.kolom{display:flex;flex-direction:column;gap:14px;min-width:0}.kolomkop{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--zacht);padding:0 2px;margin-bottom:-6px}.metzijmenu{display:flex;gap:18px;align-items:flex-start}.zijmenu{width:196px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;position:sticky;top:12px;background:var(--kaart);border-radius:8px;box-shadow:0 1px 2px #00000014;padding:10px 8px;min-height:60vh}.zijmenu-inhoud{flex:1 1 0%;min-width:0}.zijmenu-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:0;font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--tekst);padding:9px 10px;border-radius:6px;cursor:pointer}.zijmenu-item:hover{background:var(--lijn-zacht)}.zijmenu-item.actief{background:var(--groen-vlak);color:var(--groen-tekst)}.zijmenu-item.sub{padding-left:26px;font-size:12.5px;font-weight:500}.zijmenu-item .icoon{display:inline-flex;flex-shrink:0;color:var(--zacht)}.zijmenu-item.actief .icoon{color:var(--groen-tekst)}.zijmenu-sectie{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--zacht);font-weight:700;padding:12px 10px 3px}.zijmenu-onder{margin-top:auto;padding-top:8px;border-top:1px solid var(--lijn)}.zijmenu-scheid{border:0;border-top:1px solid var(--lijn);margin:8px 6px}@media (max-width: 900px){.zijmenu{min-height:0}.metzijmenu{flex-direction:column}.zijmenu{width:100%;flex-direction:row;flex-wrap:wrap;position:static;gap:4px}.zijmenu-sectie{padding:4px 6px 0;width:100%}.zijmenu-scheid{display:none}}.kaart{background:var(--kaart);border-radius:3px;box-shadow:0 1px 2px #00000014}.kkop{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border-bottom:2px solid var(--groen)}.kkop h2{font-size:15.5px;font-weight:700;color:var(--navy)}.kkop .telt{font-size:11px;color:var(--zacht);font-weight:600}.kbody{padding:6px 15px 13px}.regel{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--lijn-zacht);gap:12px}.regel:last-child{border-bottom:0}.regel .lab{color:#4a5560;flex:1;min-width:0}.regel .lab .sub{display:block;font-size:10.5px;color:var(--zacht)}.regel .val{font-weight:600;text-align:right;white-space:nowrap}.regel .val.in{color:var(--groen-tekst)}.regel .val.uit{color:var(--rood)}.regel .weg{background:none;border:0;color:var(--zacht);cursor:pointer;font-size:15px;padding:0 2px;line-height:1}.regel .weg:hover{color:var(--rood)}.regel .wijzig:hover{color:var(--groen-tekst)}.bankrij{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--lijn);border-radius:8px;padding:6px 9px;margin-bottom:6px;transition:border-color .15s,box-shadow .15s}.bankrij:last-child{margin-bottom:0}.bankrij:hover{border-color:var(--groen-rand);box-shadow:0 1px 3px #0000000f}.bankrij.gereserveerd{background:var(--lijn-zacht);opacity:.8}.bank-logo{width:22px;height:22px;border-radius:6px;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 1px #00000012}.bank-logo-leeg{display:flex;align-items:center;justify-content:center;background:var(--groen-licht);color:var(--groen-tekst);font-size:11px;font-weight:700}.invoer{display:grid;grid-template-columns:84px 1fr 96px 62px 74px 66px 28px;gap:7px;align-items:end;padding:11px 0 4px;border-top:1px solid var(--lijn-zacht)}@media (max-width: 620px){.invoer{grid-template-columns:1fr 1fr}}label.veld{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--zacht);display:block;margin-bottom:3px}input,select{font-family:var(--sans);font-size:13px;color:var(--tekst);border:1px solid var(--lijn);border-radius:3px;padding:6px 8px;width:100%;background:#fff}input:focus,select:focus{outline:0;border-color:var(--groen);box-shadow:0 0 0 2px var(--groen-licht)}input.num{text-align:right}select{cursor:pointer}button.knop{font-family:var(--sans);font-size:12px;font-weight:600;background:#fff;color:var(--groen-tekst);border:1px solid var(--groen-rand);padding:6px 12px;border-radius:3px;cursor:pointer}button.knop:hover{background:var(--groen-licht)}button.knop.vol{background:var(--groen-tekst);border-color:var(--groen-tekst);color:#fff}button.knop.vol:hover{background:var(--navy)}button.knop:disabled{opacity:.5;cursor:default}.melding{padding:9px 11px;border-radius:3px;font-size:12px;margin-top:9px;border-left:3px solid var(--rood);background:#fdf2f1;color:var(--rood)}.melding.ok{border-left-color:var(--groen);background:#f1f8f2;color:var(--groen-tekst)}.melding.info{border-left-color:var(--blauw);background:#eff6fb;color:var(--navy)}.melding b{display:block;font-size:11.5px;margin-bottom:2px}.kern{display:flex;align-items:baseline;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--lijn-zacht)}.kern:last-child{border-bottom:0}.kern .naam{color:#4a5560}.kern .groot{font-size:20px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}.kern .groot.pos{color:var(--groen-tekst)}.kern .groot.neg{color:var(--rood)}.loginscherm{min-height:100vh;display:grid;place-items:center;padding:24px}.loginkaart{width:100%;max-width:380px}.loginkaart .kbody{padding:20px}.loginkaart label.veld{margin-top:10px}.leeg{color:var(--zacht);font-size:12px;padding:14px 0;text-align:center}.mini{font-size:11px;color:var(--zacht)}hr.scheid{border:0;border-top:1px solid var(--lijn);margin:4px 0 0}.invoerblok{border-top:1px solid var(--lijn-zacht);margin-top:2px}.invoerblok .invoer{border-top:0}.cat-rij{padding:2px 0 8px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}.chip{font-family:var(--sans);font-size:11px;color:var(--zacht);background:#fff;border:1px solid var(--lijn);border-radius:3px;padding:3px 9px;cursor:pointer}.chip:hover{border-color:var(--groen-rand);color:var(--groen-tekst)}.chip.aan{background:var(--groen-vlak);border-color:var(--groen-rand);color:var(--groen-tekst);font-weight:600}.saldo-rij{display:flex;align-items:end;gap:10px;padding:2px 0 12px;border-bottom:1px solid var(--lijn-zacht);margin-bottom:12px;flex-wrap:wrap}.saldo-rij>div:first-child{min-width:200px}.saldo-rij input{max-width:160px}.kc-rij{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 12px}@media (max-width: 760px){.kc-rij{grid-template-columns:repeat(2,1fr)}}.kerncijfer{background:var(--bg);border:1px solid var(--lijn);border-radius:4px;padding:10px 12px}.kc-top{display:flex;align-items:center;gap:6px;margin-bottom:6px}.kc-icoon{display:inline-flex}.kc-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--zacht);font-weight:600}.kc-waarde{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.kc-sub{font-size:10.5px;color:var(--zacht);margin-top:2px}.chat-knop{position:fixed;right:22px;bottom:22px;z-index:40;width:48px;height:48px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 14px #1e476859;display:flex;align-items:center;justify-content:center}.chat-knop:hover{background:var(--navy-donker)}.chat-paneel{position:fixed;right:22px;bottom:80px;z-index:40;width:320px;max-width:calc(100vw - 44px);max-height:60vh;background:var(--kaart);border:1px solid var(--lijn);border-radius:10px;box-shadow:0 8px 28px #1e476838;display:flex;flex-direction:column;overflow:hidden}.chat-kop{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--lijn);font-size:13.5px;background:var(--groen-licht)}.chat-kop select{font-size:11.5px;padding:3px 6px}.chat-berichten{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px;min-height:120px}.chat-bericht{font-size:12.5px;line-height:1.4;padding:7px 10px;border-radius:8px;max-width:88%;white-space:pre-wrap}.chat-bericht.van-jou{align-self:flex-end;background:var(--groen-vlak);color:var(--groen-tekst)}.chat-bericht.van-ai{align-self:flex-start;background:var(--bg);color:var(--tekst)}.chat-invoer{display:flex;gap:6px;padding:8px;border-top:1px solid var(--lijn)}.chat-invoer input{flex:1}@media (max-width: 900px){.chat-knop{right:14px;bottom:14px}.chat-paneel{right:14px;bottom:70px}}