@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/88da59c891d37117-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1e377d93cbdd6b44-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/36d711d427a06e51-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f1f7cdf240180e28-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/55fbdf033607a0e1-s.woff2) format("woff2");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 Sans\ 3;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b6a6f0b43d027304-s.woff2) format("woff2");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:Source Sans\ 3;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9cf9c6e84ed13b5e-s.p.woff2) format("woff2");unicode-range:u+00??,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 Sans\ 3;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/88da59c891d37117-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/1e377d93cbdd6b44-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/36d711d427a06e51-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/f1f7cdf240180e28-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/55fbdf033607a0e1-s.woff2) format("woff2");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 Sans\ 3;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b6a6f0b43d027304-s.woff2) format("woff2");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:Source Sans\ 3;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/9cf9c6e84ed13b5e-s.p.woff2) format("woff2");unicode-range:u+00??,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 Sans\ 3;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/88da59c891d37117-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1e377d93cbdd6b44-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/36d711d427a06e51-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/f1f7cdf240180e28-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/55fbdf033607a0e1-s.woff2) format("woff2");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 Sans\ 3;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b6a6f0b43d027304-s.woff2) format("woff2");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:Source Sans\ 3;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9cf9c6e84ed13b5e-s.p.woff2) format("woff2");unicode-range:u+00??,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 Sans\ 3 Fallback;src:local("Arial");ascent-override:109.21%;descent-override:42.66%;line-gap-override:0.00%;size-adjust:93.76%}.__className_aeb8b9{font-family:Source Sans\ 3,Source Sans\ 3 Fallback;font-style:normal}.__variable_aeb8b9{--font-huisstijl:"Source Sans 3","Source Sans 3 Fallback"}:root{--blauw:#164194;--blauw-donker:#0f2e6b;--blauw-zacht:#eef2fb;--mint:#a2d5ce;--mint-licht:#e8f3f1;--mint-diep:#0e7568;--inkt:#16223c;--inkt-zacht:#37445d;--grijs:#5f6a7b;--grijs-licht:#939fb0;--lijn:#e8ecf3;--lijn-zacht:#f1f4f9;--bg:#f4f6fa;--vlak:#fbfcfe;--wit:#ffffff;--ok:#1f9d6b;--ok-bg:#e6f5ed;--waarschuwing:#c0801d;--waarschuwing-bg:#fbf0dd;--fout:#c0392b;--fout-bg:#fbe9e7;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-rond:999px;--schaduw-1:0 1px 2px rgba(20,32,58,.05),0 1px 3px rgba(20,32,58,.04);--schaduw-2:0 6px 18px rgba(22,65,148,.08);--schaduw-3:0 16px 40px rgba(22,65,148,.14);--ring:0 0 0 3px rgba(22,65,148,.18);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--tijd:.16s ease}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-huisstijl),Arial,Helvetica,sans-serif;color:var(--inkt);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--blauw)}.bedrag,.bedrag-groot,.cijfer,table{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}::selection{background:var(--mint);color:var(--blauw-donker)}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.knop{background:var(--blauw);color:#fff;border:1px solid var(--blauw);border-radius:var(--r-sm);padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;line-height:1.1;text-align:center;transition:background var(--tijd),border-color var(--tijd),box-shadow var(--tijd),transform var(--tijd)}.knop:hover{background:var(--blauw-donker);border-color:var(--blauw-donker)}.knop:active{transform:translateY(1px)}.knop:focus-visible{outline:none;box-shadow:var(--ring)}.knop:disabled,.knop[disabled]{opacity:.55;cursor:not-allowed}.knop:disabled:active{transform:none}.knop.rand{background:#fff;color:var(--blauw);border-color:var(--lijn)}.knop.rand:hover{background:var(--blauw-zacht);border-color:var(--blauw)}.knop.zacht{background:transparent;color:var(--blauw);border-color:transparent}.knop.zacht:hover{background:var(--blauw-zacht)}.knop.vol{width:100%}.knop.klein{padding:7px 12px;font-size:12px}.veld{margin-bottom:var(--sp-4)}.veld label{display:block;font-size:12px;font-weight:700;color:var(--inkt-zacht);margin-bottom:6px}.veld input,.veld select,.veld textarea{width:100%;border:1px solid var(--lijn);border-radius:var(--r-sm);padding:11px 13px;font-size:14px;color:var(--inkt);background:var(--vlak);font-family:inherit;transition:border-color var(--tijd),box-shadow var(--tijd),background var(--tijd)}.veld input:hover,.veld select:hover,.veld textarea:hover{border-color:#d4dbe6}.veld input:focus,.veld select:focus,.veld textarea:focus{outline:none;border-color:var(--blauw);background:#fff;box-shadow:var(--ring)}.veld textarea{min-height:200px;line-height:1.55;resize:vertical;display:block}.veld input::placeholder,.veld textarea::placeholder{color:var(--grijs-licht)}.invoer{padding:10px 13px;font-size:14px;color:var(--inkt);background:var(--lijn-zacht);border-radius:var(--r-sm)}.upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1.5px dashed var(--lijn);border-radius:var(--r-md);padding:16px;background:var(--vlak);transition:border-color var(--tijd),background var(--tijd)}.upload:hover{border-color:var(--blauw);background:var(--blauw-zacht)}.upload input[type=file]{flex:1 1;min-width:200px;font-size:13px;color:var(--grijs);font-family:inherit}.upload input[type=file]::-webkit-file-upload-button{border:1px solid var(--lijn);border-radius:var(--r-sm);padding:8px 14px;margin-right:12px;background:#fff;color:var(--inkt);font-size:13px;font-family:inherit;cursor:pointer;-webkit-transition:border-color var(--tijd),color var(--tijd);transition:border-color var(--tijd),color var(--tijd)}.upload input[type=file]::file-selector-button{border:1px solid var(--lijn);border-radius:var(--r-sm);padding:8px 14px;margin-right:12px;background:#fff;color:var(--inkt);font-size:13px;font-family:inherit;cursor:pointer;transition:border-color var(--tijd),color var(--tijd)}.upload input[type=file]::-webkit-file-upload-button:hover{border-color:var(--blauw);color:var(--blauw)}.upload input[type=file]::file-selector-button:hover{border-color:var(--blauw);color:var(--blauw)}.upload-ic{color:var(--blauw);flex-shrink:0}.of-scheiding{display:flex;align-items:center;gap:12px;color:var(--grijs-licht);font-size:12px;margin:var(--sp-4) 0}.of-scheiding:after,.of-scheiding:before{content:"";flex:1 1;height:1px;background:var(--lijn)}.melding{border-radius:var(--r-sm);padding:11px 14px;font-size:13px;margin-bottom:var(--sp-4);border:1px solid transparent}.melding.fout{background:var(--fout-bg);color:var(--fout);border-color:#f3cfc9}.melding.ok{background:var(--ok-bg);color:var(--ok);border-color:#c7e8d5}.melding.info{background:var(--blauw-zacht);color:var(--blauw-donker);border-color:#d8e2f6}.note{font-size:12px;margin-top:10px;text-align:center}.legende,.note,.note a{color:var(--grijs)}.legende{font-size:12px;margin-top:var(--sp-4)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-rond);font-size:11px;font-weight:700;line-height:1.5}.chip.groen{background:var(--ok-bg);color:var(--ok)}.chip.grijs{background:#eef1f6;color:var(--grijs)}.chip.blauw{background:var(--blauw-zacht);color:var(--blauw)}.chip.mint{background:var(--mint-licht);color:var(--mint-diep)}.chip.oranje{background:var(--waarschuwing-bg);color:var(--waarschuwing)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--grijs);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--lijn)}td{padding:13px 12px;border-bottom:1px solid var(--lijn-zacht)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--tijd)}tbody tr:hover td{background:var(--blauw-zacht)}.toggle{width:42px;height:24px;border-radius:var(--r-rond);background:var(--mint);position:relative;display:inline-block;vertical-align:middle;border:none;cursor:pointer;padding:0;transition:background var(--tijd)}.toggle:after{content:"";position:absolute;top:3px;left:21px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left var(--tijd)}.toggle:focus-visible{outline:none;box-shadow:var(--ring)}.toggle.uit{background:#cdd5e0}.toggle.uit:after{left:3px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mint);flex-shrink:0}.dot.blauw{background:var(--blauw)}.dot-rij{display:inline-flex;align-items:center;gap:8px}.dot.pols{position:relative}.dot.pols:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--mint);opacity:.5;animation:dot-pols 2.4s ease-out infinite}@keyframes dot-pols{0%{transform:scale(.8);opacity:.5}70%{transform:scale(1.6);opacity:0}to{opacity:0}}.bedrag{display:inline-flex;align-items:baseline;gap:6px;font-weight:700;color:var(--inkt);letter-spacing:-.01em}.bedrag-groot{font-size:clamp(30px,6vw,44px);font-weight:700;color:var(--blauw);letter-spacing:-.02em;line-height:1.05}.bedrag-richting{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--grijs)}.bedrag-richting.betalen{color:var(--inkt-zacht)}.bedrag-richting.terug{color:var(--ok)}.bedrag-meta{font-size:13px;color:var(--grijs)}.kopieer{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--lijn);border-radius:var(--r-sm);background:var(--vlak);padding:8px 10px;font-size:13px;color:var(--inkt);cursor:pointer;font-family:inherit;transition:border-color var(--tijd),background var(--tijd);max-width:100%}.kopieer:hover{border-color:var(--blauw);background:#fff}.kopieer:focus-visible{outline:none;box-shadow:var(--ring)}.kopieer .waarde{font-weight:700;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kopieer .kopieer-ic{color:var(--grijs);flex-shrink:0}.kopieer.gekopieerd{border-color:var(--ok);color:var(--ok)}.kopieer.gekopieerd .kopieer-ic{color:var(--ok)}.tijdlijn{list-style:none;margin:0;padding:0}.tijdlijn li{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0 14px 22px;border-bottom:1px solid var(--lijn-zacht)}.tijdlijn li:last-child{border-bottom:none}.tijdlijn li:before{content:"";position:absolute;left:3px;top:20px;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--mint)}.tijdlijn li:after{content:"";position:absolute;left:7px;top:29px;bottom:-2px;width:1px;background:var(--lijn)}.tijdlijn li:last-child:after{display:none}.tijdlijn .tl-hoofd{color:var(--inkt)}.tijdlijn .tl-meta{color:var(--grijs);font-size:12px}.leeg{text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--grijs)}.leeg .leeg-ic{color:var(--mint);margin-bottom:10px}.leeg .leeg-titel{color:var(--inkt);font-weight:700;font-size:14px;margin:0 0 4px}.leeg p{font-size:13px;margin:0}.skelet{background:linear-gradient(100deg,var(--lijn-zacht) 30%,#f7f9fc 50%,var(--lijn-zacht) 70%);background-size:200% 100%;border-radius:var(--r-sm);animation:skelet 1.4s ease-in-out infinite}@keyframes skelet{0%{background-position:200% 0}to{background-position:-200% 0}}.auth-scherm{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:radial-gradient(1200px 600px at 100% -10%,rgba(162,213,206,.3),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(22,65,148,.08),transparent 55%),var(--bg)}.loginkaart{width:100%;max-width:392px;background:#fff;border:1px solid var(--lijn);border-radius:var(--r-xl);padding:30px 28px;box-shadow:var(--schaduw-3)}.loginkaart .merk{display:flex;justify-content:center;margin-bottom:10px}.loginkaart .merk img{height:32px}.loginkaart h1{text-align:center;margin:10px 0 2px;font-size:19px;letter-spacing:-.01em}.loginkaart .baseline{text-align:center;color:var(--mint-diep);font-size:12px;line-height:1.35;margin-bottom:22px}.mfa-uitleg{text-align:center;color:var(--grijs);font-size:13px;margin:0 0 16px}.qr{width:200px;margin:12px auto;border-radius:var(--r-md);background:#fff;border:8px solid #fff;outline:1px solid var(--lijn);display:flex;align-items:center;justify-content:center}.qr svg{width:100%;height:auto;display:block}.admin{display:flex;min-height:100vh;background:var(--bg)}.zij{width:224px;background:var(--blauw);color:#dfe7f5;padding:14px 10px;flex-shrink:0;transition:width var(--tijd);position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;height:100vh}.zij.ingeklapt{width:68px}.zij-top{position:relative;display:flex;align-items:center;gap:8px;padding:6px 6px 18px;min-height:40px}.zij-top,.zij.ingeklapt .zij-top{justify-content:center}.zij-top img{height:24px;background:#fff;border-radius:var(--r-xs);padding:4px 7px}.zij-toggle{position:absolute;top:4px;right:4px;background:transparent;border:none;color:#bcccec;cursor:pointer;padding:6px;border-radius:var(--r-xs);display:flex;align-items:center;transition:background var(--tijd),color var(--tijd)}.zij.ingeklapt .zij-toggle{position:static}.zij-toggle:hover{background:rgba(255,255,255,.12);color:#fff}.zij nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:2px 0;color:#c4d1ec;text-decoration:none;font-size:14px;border-radius:var(--r-sm);white-space:nowrap;transition:background var(--tijd),color var(--tijd)}.zij nav a:hover{background:rgba(255,255,255,.08);color:#fff}.zij nav a.actief{background:rgba(255,255,255,.14);color:#fff;font-weight:700}.zij nav a.actief .nav-ic{color:var(--mint)}.nav-ic{flex-shrink:0;opacity:.95}.zij.ingeklapt nav a{justify-content:center;padding:11px 0;gap:0}.zij.ingeklapt .label{display:none}.bedrijf-dd{position:relative}.bedrijf-dd-paneel{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:320px;max-width:80vw;background:#fff;border:1px solid var(--lijn);border-radius:var(--r-md);box-shadow:var(--schaduw-3);padding:10px}.bedrijf-dd-zoek{width:100%;border:1px solid var(--lijn);border-radius:var(--r-sm);padding:9px 11px;font-size:13px;margin-bottom:8px;background:var(--vlak);font-family:inherit}.bedrijf-dd-zoek:focus{outline:none;border-color:var(--blauw);box-shadow:var(--ring)}.bedrijf-dd-lijst{max-height:264px;overflow-y:auto}.bedrijf-dd-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:none;padding:10px;border-radius:var(--r-sm);font-size:13px;color:var(--inkt);cursor:pointer;font-family:inherit;transition:background var(--tijd)}.bedrijf-dd-item:hover{background:var(--blauw-zacht)}.bedrijf-dd-item.actief{color:var(--blauw);font-weight:700}.bedrijf-dd-item.actief:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint)}.bedrijf-dd-item:disabled{cursor:default}.bedrijf-dd-item:disabled:hover{background:transparent}.bedrijf-dd-leeg{padding:12px 10px;font-size:13px;color:var(--grijs)}.modal-overlay{position:fixed;inset:0;background:rgba(15,34,68,.38);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-kaart{background:#fff;border-radius:var(--r-lg);padding:22px;width:100%;max-width:440px;box-shadow:var(--schaduw-3)}.modal-sluit{background:transparent;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--grijs);padding:0 4px;border-radius:var(--r-xs)}.modal-sluit:hover{color:var(--inkt)}.werk{flex:1 1;background:var(--bg);display:flex;flex-direction:column;min-width:0}.werkbalk{display:flex;justify-content:space-between;padding:14px clamp(16px,3vw,28px);border-bottom:1px solid var(--lijn);gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.kiezer,.werkbalk{align-items:center;background:#fff}.kiezer{display:inline-flex;gap:9px;border:1px solid var(--lijn);border-radius:var(--r-sm);padding:8px 13px;font-size:13px;color:var(--inkt);text-decoration:none;cursor:pointer;transition:border-color var(--tijd),box-shadow var(--tijd)}.kiezer:hover{border-color:var(--blauw)}.kiezer:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);flex-shrink:0}.kiezer .kiezer-label{color:var(--grijs)}.kiezer b{color:var(--blauw)}.kiezer .pijl,.prof{color:var(--grijs)}.prof{display:inline-flex;gap:10px;font-size:13px}.avatar,.prof{align-items:center}.avatar{width:32px;height:32px;border-radius:50%;background:var(--mint);color:var(--blauw-donker);display:flex;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.inhoud{padding:clamp(20px,3vw,32px);max-width:1200px;width:100%}.inhoud h1{margin:0 0 4px;font-size:22px;letter-spacing:-.02em}.inhoud h2{margin:0 0 4px;font-size:17px;letter-spacing:-.01em}.inhoud .lead{color:var(--grijs);font-size:13px;margin:0 0 20px;max-width:70ch}.rij-tussen{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4);gap:12px}.kader{border:1px solid var(--lijn);border-radius:var(--r-lg);padding:20px;background:#fff;box-shadow:var(--schaduw-1)}.raster-2{grid-template-columns:1fr 1fr;grid-gap:20px}.raster-2,.raster-3{display:grid;gap:20px}.raster-3{grid-template-columns:repeat(3,1fr);grid-gap:20px}h3.mini{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.kpi-label,h3.mini{color:var(--grijs);font-weight:700}.kpi-label{font-size:12px}.kpi-cijfer{font-size:30px;font-weight:700;color:var(--blauw);letter-spacing:-.02em;margin:6px 0 2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-bij{font-size:12px;color:var(--grijs-licht)}.statrij{display:flex;flex-wrap:wrap;gap:32px}.stat .stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--grijs);font-weight:700}.stat .stat-waarde{font-size:19px;font-weight:700;color:var(--inkt);margin-top:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat .stat-waarde.blauw{color:var(--blauw)}.stat .stat-waarde.klein{font-size:15px;font-weight:400}.gegevens-lijst>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--lijn-zacht)}.gegevens-lijst>div:last-child{border-bottom:none}.gegevens-lijst .gl-label{color:var(--grijs);font-size:13px}.gegevens-lijst .gl-waarde{color:var(--inkt);font-size:14px;font-weight:700;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.help-lijst>details{border-top:1px solid var(--lijn-zacht)}.help-lijst>details:first-child{border-top:none}.help-lijst summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.help-lijst summary::-webkit-details-marker{display:none}.help-lijst summary:hover{background:var(--achtergrond,#f4f6fb)}.help-lijst summary .titel{font-size:14px;font-weight:600}.help-lijst summary:after{content:"▾";color:var(--grijs);font-size:12px}.help-lijst details[open] summary:after{content:"▴"}.help-lijst .bewerk{padding:2px 14px 16px}.rondleiding-knop{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid var(--lijn);border-radius:999px;background:#fff;color:var(--grijs);font:inherit;font-size:13px;cursor:pointer}.rondleiding-knop:hover{border-color:var(--blauw,#164194);color:var(--blauw,#164194)}.rondleiding-knop svg{flex:0 0 auto}.knop.gevaar{background:var(--fout,#c0392b);border-color:var(--fout,#c0392b);color:#fff}.knop.gevaar:hover{filter:brightness(.94)}.knop.gevaar:disabled{opacity:.45;cursor:not-allowed;filter:none}.voorbeeld-blok{background:var(--vlak);border:1px dashed var(--lijn);border-radius:var(--r-md);padding:6px 16px}.voorbeeld-blok .vb-rij{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--lijn-zacht);font-size:13px;color:var(--grijs)}.voorbeeld-blok .vb-rij:last-child{border-bottom:none}.voorbeeld-blok .vb-tekst{color:var(--inkt-zacht)}.segment{display:inline-flex;background:var(--lijn-zacht);border:1px solid var(--lijn);border-radius:var(--r-sm);padding:3px;gap:3px;flex-wrap:wrap}.segment button{border:none;background:transparent;padding:8px 15px;border-radius:var(--r-xs);font-size:13px;font-weight:700;color:var(--grijs);cursor:pointer;font-family:inherit;transition:background var(--tijd),color var(--tijd)}.segment button:hover{color:var(--inkt)}.segment button.actief{background:#fff;color:var(--blauw);box-shadow:var(--schaduw-1)}.segment button:focus-visible{outline:none;box-shadow:var(--ring)}.samenvatter-grid{display:grid;grid-gap:20px;gap:20px;align-items:start}@media (min-width:900px){.samenvatter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.kernpunt{border:1px solid var(--lijn);border-radius:var(--r-md);padding:14px;margin-bottom:10px;background:#fff}.kernpunt:last-child{margin-bottom:0}.kernpunt .kp-tekst{font-size:14px;color:var(--inkt);line-height:1.5}.kernpunt .kp-bron{margin-top:9px;font-size:12.5px;color:var(--mint-diep);border-left:3px solid var(--mint);background:var(--mint-licht);padding:8px 12px;border-radius:0 var(--r-sm) var(--r-sm) 0;line-height:1.45}.kernpunt .kp-bron .kp-bron-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--grijs);font-weight:700;margin-bottom:3px}.bericht{border:1px solid var(--lijn);border-radius:var(--r-md);overflow:hidden;background:#fff}.bericht .bericht-kop{padding:14px 18px;border-bottom:1px solid var(--lijn);background:var(--vlak)}.bericht .bericht-onderwerp-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--grijs);font-weight:700}.bericht .bericht-onderwerp{font-size:15px;font-weight:700;color:var(--inkt);margin-top:3px}.bericht .bericht-body{padding:18px;font-size:14px;line-height:1.65;color:var(--inkt-zacht);white-space:pre-wrap}.klant{max-width:480px;margin:0 auto;min-height:100vh;background:#fff}.klanttop{position:relative;background:linear-gradient(150deg,var(--blauw) 0,#1c4ea8 100%);color:#fff;padding:22px 20px 26px;border-bottom-left-radius:var(--r-xl);border-bottom-right-radius:var(--r-xl)}.klanttop .logo{height:24px;background:#fff;border-radius:var(--r-xs);padding:4px 8px}.klanttop .welkom{margin-top:18px}.klanttop .groet{font-size:13px;color:var(--mint)}.klanttop .naam{font-size:21px;font-weight:700;letter-spacing:-.01em}.klanttop .afmeld{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-sm);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:12px;font-weight:600;text-decoration:none;transition:background var(--tijd),border-color var(--tijd)}.klanttop .afmeld:hover{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.45);color:#fff}.klanttop .kop-acties{position:absolute;top:18px;right:18px;display:flex;gap:8px}.klanttop .kop-link{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-sm);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:12px;font-weight:600;text-decoration:none;transition:background var(--tijd),border-color var(--tijd)}.klanttop .kop-link:hover{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.45);color:#fff}.klanttop .terug{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;margin-right:12px;vertical-align:middle;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;text-decoration:none;transition:background var(--tijd),border-color var(--tijd),transform var(--tijd)}.klanttop .terug:hover{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.45);transform:translateX(-2px)}.kaart{margin:14px;padding:18px;border:1px solid var(--lijn);border-radius:var(--r-lg);background:#fff;box-shadow:var(--schaduw-1)}.kaart.saldo{background:var(--mint-licht);border-color:#cfe8e3;box-shadow:none}.kaart .kop{font-size:12px;color:var(--grijs)}.kaart .groot{font-size:28px;font-weight:700;color:var(--blauw);margin:4px 0;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kaart.saldo .groot{font-size:clamp(32px,9vw,40px)}.betaalblok{display:flex;flex-direction:column;gap:18px;align-items:center}.betaalblok .qr{margin:0;flex-shrink:0}.betaaldetails{width:100%;gap:12px}.betaaldetail,.betaaldetails{display:flex;flex-direction:column}.betaaldetail{gap:5px;min-width:0}.betaaldetail .etiket{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--grijs);font-weight:700}.betaaldetail .waarde-stat{font-size:14px;color:var(--inkt)}.betaaldetail .waarde-stat.bedrag{font-weight:700}@media (min-width:520px){.betaalblok{flex-direction:row;align-items:flex-start;gap:24px}.betaaldetails{flex:1 1}}.kaart .voetnoot{font-size:12px;color:var(--grijs)}.tegels{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:14px}.tegel{border:1px solid var(--lijn);border-radius:var(--r-lg);padding:18px 14px;text-align:center;font-size:13px;text-decoration:none;color:var(--inkt);display:block;background:#fff;box-shadow:var(--schaduw-1);transition:border-color var(--tijd),box-shadow var(--tijd),transform var(--tijd)}.tegel:hover{border-color:var(--mint);box-shadow:var(--schaduw-2);transform:translateY(-1px)}.tegel .ic{width:44px;height:44px;border-radius:var(--r-md);background:var(--mint-licht);color:var(--blauw);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:18px;font-weight:700}.tegel.rustig{color:var(--grijs);box-shadow:none;background:var(--vlak);cursor:default}.tegel.rustig:hover{border-color:var(--lijn);box-shadow:none;transform:none}.tegel.rustig .ic{background:var(--lijn-zacht);color:var(--grijs-licht)}.tegel-bijlabel{display:block;margin-top:4px;font-size:11px;color:var(--grijs-licht)}.klant .legende{margin:14px}.saldo-home{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit}.saldo-home .saldo-home-tekst{flex:1 1;min-width:0}.saldo-home .saldo-home-pijl{color:var(--blauw);flex-shrink:0;opacity:.7;transition:transform var(--tijd),opacity var(--tijd)}.saldo-home:hover .saldo-home-pijl{transform:translateX(3px);opacity:1}@media (min-width:760px){.klant{max-width:none;margin:0;background:var(--bg);display:flex;flex-direction:column}.klanttop{display:flex;align-items:center;gap:24px;padding:18px clamp(24px,4vw,64px);border-radius:0;box-shadow:var(--schaduw-2)}.klanttop .logo{height:30px}.klanttop .welkom{margin-top:0}.klanttop .naam{font-size:22px;line-height:1.15}.klanttop .afmeld{position:static;margin-left:auto;font-size:13px;padding:8px 16px}.klanttop .terug{margin-right:0}.klantinhoud{flex:1 1;width:100%;max-width:1120px;margin:0 auto;padding:32px clamp(24px,4vw,48px);display:flex;flex-direction:column;gap:24px}.klantinhoud .kaart{margin:0}.klant .kaart.saldo{max-width:560px;padding:30px 34px;border:none;color:#fff;background:linear-gradient(135deg,#164194,#23579c);box-shadow:var(--schaduw-3)}.klant .kaart.saldo .kop{color:var(--mint);font-size:13px}.klant .kaart.saldo .groot{color:#fff;font-size:42px;margin:6px 0}.klant .kaart.saldo .voetnoot{color:rgba(255,255,255,.8)}.klant .kaart.saldo .bedrag-richting{color:var(--mint)}.klant .saldo-home .saldo-home-pijl{color:#fff;opacity:.85}.klantinhoud .tegels{margin:0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.tegel{padding:26px 18px;font-size:15px}.tegel .ic{width:52px;height:52px;font-size:22px;margin-bottom:12px}.klant .legende{margin:0}}.kiezerbalk{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(150deg,var(--blauw) 0,#1c4ea8 100%);color:#fff;padding:16px clamp(16px,4vw,44px)}.kiezerbalk .kiezerlogo{height:30px;background:#fff;border-radius:var(--r-xs);padding:4px 8px}.kiezerbalk .kiezerprof{color:#fff}.kiezerbalk .afmeld{display:inline-flex;align-items:center;padding:7px 14px;border-radius:var(--r-sm);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:12px;font-weight:600;text-decoration:none;transition:background var(--tijd)}.kiezerbalk .afmeld:hover{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.45)}.kiezerinhoud{max-width:920px;margin:0 auto;padding:32px clamp(16px,4vw,28px)}.tabel-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.audit-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 16px}.audit-filter .veld{margin:0;min-width:160px}.audit-filter .veld label{font-size:12px}.audit-filter input[type=date],.audit-filter select{font-family:inherit}.keuzelijst{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;border:1px solid var(--lijn);border-radius:var(--r-sm);padding:8px 10px}.keuze{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.keuze input{width:auto}.toegang-lijst{display:flex;flex-direction:column;gap:8px}.toegang-rij{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--lijn);border-radius:var(--r-sm);padding:10px 12px;font-size:13px}.toegang-rij .knop{padding:6px 12px;font-size:12px}@media (max-width:720px){.zij{width:60px;position:-webkit-sticky;position:sticky;height:100vh}.zij .label,.zij-top img{display:none}.zij-top{justify-content:center;padding:4px 6px 12px}.zij-toggle{display:none}.zij nav a{justify-content:center;padding:12px 0;gap:0}.raster-2,.raster-3{grid-template-columns:1fr}.werkbalk{flex-wrap:wrap;padding:10px 12px;gap:8px}.kiezer{padding:7px 10px}.kiezer,.prof{font-size:12px}.prof{gap:7px}.avatar{width:28px;height:28px;font-size:11px}.inhoud{padding:16px 13px}.inhoud h1{font-size:19px}.rij-tussen{flex-wrap:wrap}.tabel-scroll table{min-width:520px}table{font-size:12px}td,th{padding-left:8px;padding-right:8px}.kiezerbalk{padding:12px 16px}.kiezerbalk .kiezernaam{display:none}.kiezerinhoud{padding:18px 14px}}.zij-groep{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8fa6d4;font-weight:700;padding:12px 12px 4px}.terug-kantoor{display:flex;align-items:center;gap:8px;padding:7px 12px;margin:2px 10px 6px;color:#b9c7e6;text-decoration:none;font-size:12px;border-radius:8px}.terug-kantoor svg{flex:0 0 auto}.terug-kantoor:hover{background:rgba(255,255,255,.1);color:#fff}.relatie-actief{padding:4px 12px 10px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:6px}.relatie-actief .ra-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8fa6d4}.relatie-actief .ra-naam{font-size:14px;color:#fff;font-weight:700}.kruimel{font-size:13px;color:var(--grijs);display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.kruimel a{color:var(--grijs);text-decoration:none}.kruimel a:hover{color:var(--inkt)}.kruimel .kruimel-relatie{color:var(--inkt);font-weight:700}.kruimel .scheider{color:var(--lijn)}.terug-kantoor-knop{background:none;border:none;cursor:pointer;font:inherit;width:100%;text-align:left}