:root{--navy: #1e3a5f;--navy-700: #16304f;--navy-300: #6b87a8;--oranje: #e88b00;--groen: #27ae60;--oranje-status: #f39c12;--rood: #e74c3c;--grijs-prognose: #bdc3c7;--ink: #17242f;--ink-zacht: #5b6b7a;--ink-licht: #8a99a8;--lijn: #dfe5ec;--lijn-zacht: #eef2f6;--vlak: #f7f9fc;--papier: #ffffff;--achtergrond: #f2f5f9;--radius: 6px;--schaduw: 0 1px 2px rgba(23, 36, 47, .06), 0 4px 14px rgba(23, 36, 47, .05)}*{box-sizing:border-box}body{margin:0;background:var(--achtergrond);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,.display{font-family:Newsreader,Georgia,serif;font-weight:500;letter-spacing:-.01em;margin:0}h1{font-size:26px}h2{font-size:19px}h3{font-size:15px;font-family:IBM Plex Sans,sans-serif;font-weight:600}a{color:var(--navy)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.kop{background:var(--navy);color:#fff;position:sticky;top:0;z-index:40}.kop-boven{display:flex;align-items:center;gap:18px;padding:10px 24px}.merk{font-family:Newsreader,Georgia,serif;font-size:18px;letter-spacing:.01em;white-space:nowrap}.merk span{color:var(--oranje)}.kop-kiezers{display:flex;gap:8px;margin-left:auto;align-items:center}.kies{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:var(--radius);padding:5px 9px;font:inherit;font-size:13px}.kies:focus{outline:2px solid var(--oranje);outline-offset:1px}.gebruiker{font:inherit;font-size:13px;color:#cfdcea;background:none;border:0;border-left:1px solid rgba(255,255,255,.18);padding:2px 0 2px 14px;cursor:pointer;white-space:nowrap}.gebruiker:hover{color:#fff}nav.menu{display:flex;gap:2px;padding:0 16px}nav.menu a{color:#c3d3e4;text-decoration:none;padding:9px 12px;font-size:13.5px;font-weight:500;border-bottom:2px solid transparent}nav.menu a:hover{color:#fff;background:#ffffff0d}nav.menu a.actief{color:#fff;border-bottom-color:var(--oranje)}nav.menu .beheerder:after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--oranje);vertical-align:5px;margin-left:5px}main{max-width:1240px;margin:0 auto;padding:22px 24px 60px}.paginakop{display:flex;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}.paginakop .bijschrift{color:var(--ink-zacht);font-size:13px}.rechts{margin-left:auto}.kaart{background:var(--papier);border:1px solid var(--lijn);border-radius:var(--radius);box-shadow:var(--schaduw)}.kaart-kop{padding:12px 16px;border-bottom:1px solid var(--lijn-zacht);display:flex;align-items:center;gap:10px}.kaart-lijf{padding:16px}.raster{display:grid;gap:14px}.raster-4{grid-template-columns:repeat(4,1fr)}.raster-3{grid-template-columns:repeat(3,1fr)}.raster-2{grid-template-columns:repeat(2,1fr)}.kpi{background:var(--vlak);border:1px solid var(--lijn);border-left:4px solid var(--groen);border-radius:var(--radius);padding:12px 14px}.kpi.rood{border-left-color:var(--rood)}.kpi.oranje{border-left-color:var(--oranje-status)}.kpi.groen{border-left-color:var(--groen)}.kpi .label{font-size:11.5px;color:var(--ink-zacht);text-transform:none}.kpi .waarde{font-size:29px;font-weight:600;letter-spacing:-.02em;margin:2px 0 4px}.kpi .waarde.rood{color:var(--rood)}.kpi .waarde.groen{color:var(--groen)}.kpi .sub{font-size:11.5px;color:var(--ink-zacht)}.kpi .sub.nadruk{color:var(--oranje-status)}.balkrij{cursor:pointer}.balkrij:hover .balklabel{color:var(--navy);text-decoration:underline}.balklabel{font-size:13px}.balkbudget{font-size:11.5px;fill:var(--ink-licht)}table.tab{width:100%;border-collapse:collapse;font-size:13px}table.tab th{text-align:left;font-weight:600;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-licht);padding:8px 10px;border-bottom:1px solid var(--lijn);white-space:nowrap}table.tab td{padding:7px 10px;border-bottom:1px solid var(--lijn-zacht);vertical-align:top}table.tab tr:last-child td{border-bottom:0}table.tab td.r,table.tab th.r{text-align:right}table.tab tbody tr:hover{background:var(--vlak)}table.tab tr.grijs td{color:var(--ink-licht);background:#fbfcfd}table.tab tr.totaal td{font-weight:600;border-top:2px solid var(--lijn);background:var(--vlak)}.klikbaar{cursor:pointer}.badge{display:inline-block;font-size:11px;font-weight:600;padding:1px 7px;border-radius:20px;border:1px solid;white-space:nowrap}.badge.ok{color:#1d7a45;border-color:#b6e2c8;background:#eefaf2}.badge.let-op{color:#9a6200;border-color:#f2ddb3;background:#fdf6e8}.badge.fout{color:#a5271b;border-color:#f2c2bc;background:#fdeeec}.badge.neutraal{color:var(--ink-zacht);border-color:var(--lijn);background:var(--vlak)}.knop{font:inherit;font-size:13px;font-weight:500;padding:6px 12px;border-radius:var(--radius);border:1px solid var(--lijn);background:var(--papier);color:var(--ink);cursor:pointer}.knop:hover{background:var(--vlak)}.knop.primair{background:var(--navy);border-color:var(--navy);color:#fff}.knop.primair:hover{background:var(--navy-700)}.knop.klein{padding:3px 8px;font-size:12px}.melding{border-left:3px solid var(--navy-300);background:var(--vlak);padding:9px 13px;font-size:13px;color:var(--ink-zacht);border-radius:0 var(--radius) var(--radius) 0}.melding.let-op{border-left-color:var(--oranje-status);background:#fdf9f0}.disclaimer{font-size:12.5px;color:var(--ink-zacht);border:1px dashed var(--lijn);background:var(--papier);padding:9px 13px;border-radius:var(--radius);margin-bottom:16px}select.inline,input.inline{font:inherit;font-size:12.5px;padding:3px 6px;border:1px solid var(--lijn);border-radius:4px;background:var(--papier);color:var(--ink)}input.inline[type=date]{width:138px}.uitklap{display:none}.uitklap.open{display:table-row}.pijl{transition:transform .12s;display:inline-block}.pijl.open{transform:rotate(90deg)}.voet{margin-top:30px;padding-top:14px;border-top:1px solid var(--lijn);font-size:12px;color:var(--ink-licht)}@media(max-width:900px){.raster-4,.raster-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){main{padding:16px}.raster-4,.raster-3,.raster-2{grid-template-columns:1fr}.kop-boven{flex-wrap:wrap;gap:10px}.kop-kiezers{margin-left:0;width:100%}nav.menu{overflow-x:auto}table.tab{font-size:12px}.kpi .waarde{font-size:24px}}.skelet{background:linear-gradient(90deg,var(--lijn-zacht) 25%,var(--vlak) 50%,var(--lijn-zacht) 75%);background-size:200% 100%;animation:golf 1.2s ease-in-out infinite;border-radius:var(--radius)}@keyframes golf{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skelet{animation:none}}.leeg{padding:34px 20px;text-align:center;color:var(--ink-zacht);font-size:13.5px}.leeg h3{margin-bottom:6px;font-family:Newsreader,Georgia,serif;font-size:17px;font-weight:500}.fout{border-left:3px solid var(--rood);background:#fdeeec;color:#7d2119;padding:10px 14px;border-radius:0 var(--radius) var(--radius) 0;font-size:13px}.subnav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.subnav a{text-decoration:none}.veld{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--ink-zacht)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--oranje);outline-offset:2px}