@font-face{font-family:Outfit;src:url(/fonts/outfit-600.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-400.woff2)format("woff2");font-weight:400 600;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nacht:#0a3b38;--diep:#0e4b47;--limoen:#c3d64a;--limoen-d:#4f6b00;--limoen-l:#f2f5e3;--mist:#e6eeec;--wit:#fbfbf8;--kaart:#fff;--rd:#dde5e3;--tx:#17302e;--bij:#5f7170;--kop:"Outfit", ui-sans-serif, system-ui, sans-serif;--body:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--goed:#0ca30c;--goed-tx:#1a7f45;--goed-bg:#e7f4ea;--let:#fab219;--let-tx:#8a5a00;--let-bg:#fdf3dc;--fout:#d03b3b;--fout-tx:#b42318;--fout-bg:#fbe9e7;--leeg:#e3e9e7;--reeks-1:#008a7e;--reeks-2:#7f9a12;--reeks-3:#2a78d6;--reeks-4:#eb6834;--reeks-5:#6250d6;--reeks-6:#e87ba4;--raster:#edf1f0}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--wit);color:var(--tx);font:15px/1.6 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--kop);letter-spacing:-.02em;color:var(--diep);margin:0;font-weight:600;line-height:1.15}h1{font-size:clamp(28px,4vw,44px)}h2{margin:44px 0 6px;font-size:clamp(21px,2.2vw,28px)}h3{font-size:18px}p{margin:0}main li,main p,main a{overflow-wrap:anywhere}a{color:var(--diep);text-underline-offset:3px}code,pre,kbd{font-family:var(--mono);font-size:.88em}code{background:var(--mist);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px}pre{background:var(--mist);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;padding:12px 14px;overflow-x:auto}pre code{background:0 0;padding:0}.kop{z-index:30;background:var(--nacht);position:sticky;top:0}.kop-binnen{flex-wrap:wrap;align-items:center;gap:22px;max-width:1240px;margin:0 auto;padding:12px 20px;display:flex}.merk{color:#fff;align-items:center;gap:12px;text-decoration:none;display:flex}.merk img{height:34px;display:block}.merk span{font-family:var(--kop);color:#ffffffd9;border-left:1px solid #ffffff40;padding-left:12px;font-size:15px;font-weight:600}.nav{flex-wrap:wrap;gap:20px;margin-left:auto;display:flex}.nav a{color:#ffffffc7;white-space:nowrap;padding:6px 0;text-decoration:none}.nav a:hover{color:#fff}.nav a[aria-current=page]{color:#fff;box-shadow:inset 0 -2px 0 var(--limoen)}.gebruiker{color:#ffffffa6;align-items:center;gap:10px;font-size:13px;display:flex}.gebruiker button{color:#fff;background:0 0;border:1px solid #ffffff59}.gebruiker button:hover{background:#ffffff14}main{max-width:1240px;margin:0 auto;padding:32px 20px 80px}main.met-hero{padding-top:0}.hero{background:var(--nacht);color:#fff;margin:-32px calc(50% - 50vw) 8px;padding:40px calc(50vw - 50%) 44px}.hero h1{color:#fff}.hero .ond{color:#ffffffd1;max-width:46em;margin-top:10px;font-size:17px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--limoen-d);align-items:center;gap:12px;margin-bottom:12px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:28px;height:1px}.hero .eyebrow{color:var(--limoen)}.sub{color:var(--bij);max-width:52em;margin:6px 0 22px}.cijfers{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:28px;display:grid}.cijfer{background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;min-width:0;padding:16px 18px}.cijfer .wat{letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;font-size:12px;font-weight:600}.cijfer .getal{font-family:var(--kop);color:#fff;letter-spacing:-.02em;margin-top:8px;font-size:34px;font-weight:600;line-height:1.1}.cijfer .getal small{color:#ffffffb3;font-size:18px}.cijfer .toel{color:#ffffffb8;margin-top:4px;font-size:13px}.cijfer.aandacht{border-color:#fab21999}.cijfer.alarm{background:#d03b3b29;border-color:#ff8c82cc}.raster{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;display:grid}.raster-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:18px;display:grid}.kaart{background:var(--kaart);border:1px solid var(--rd);border-radius:16px;min-width:0;padding:20px 22px;position:relative}.kaart-kop{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.kaart-kop h3{overflow-wrap:anywhere}.kaart .klein-kop{font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--limoen-d);margin:18px 0 10px}.feiten{grid-template-columns:auto 1fr;gap:5px 14px;margin:0;font-size:14px;display:grid}.feiten dt{color:var(--bij)}.feiten dd{overflow-wrap:anywhere;margin:0}.toevoeg-kaart{text-align:center;background:var(--limoen-l);border-style:dashed;place-items:center;min-height:180px;text-decoration:none;display:grid}.toevoeg-kaart:hover{border-color:var(--diep)}.label{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.label.goed{color:var(--goed-tx);background:var(--goed-bg)}.label.fout{color:var(--fout-tx);background:var(--fout-bg)}.label.let{color:var(--let-tx);background:var(--let-bg)}.label.neutraal{color:var(--bij);background:var(--mist)}.knoppen{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}button,.knop{font:600 14px/1.2 var(--body);cursor:pointer;color:var(--diep);box-shadow:inset 0 0 0 1.5px var(--diep);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;transition:transform .18s,filter .18s;display:inline-flex}button:hover,.knop:hover{transform:translateY(-1px)}button.primair,.knop.primair{background:var(--limoen);color:var(--nacht);box-shadow:none}button.groen,.knop.groen{background:var(--diep);color:#fff;box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.tabel-wrap{border:1px solid var(--rd);background:var(--kaart);border-radius:16px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--rd);vertical-align:top;padding:10px 14px}th{color:var(--bij);letter-spacing:.08em;text-transform:uppercase;background:var(--wit);white-space:nowrap;font-size:12px;font-weight:600}td.getal,th.getal{text-align:right;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}.melding{border:1px solid var(--rd);background:var(--kaart);border-radius:14px;margin:14px 0;padding:13px 16px}.melding.goed{background:var(--goed-bg);border-color:#0000}.melding.fout{background:var(--fout-bg);border-color:#0000}.melding.let{background:var(--let-bg);border-color:#0000}form.formulier{gap:16px;max-width:680px;display:grid}label.veld{color:var(--diep);gap:6px;font-size:14px;font-weight:600;display:grid}label.veld small{color:var(--bij);font-weight:400}input[type=text],input[type=email],input[type=password],select{font:inherit;border:1px solid var(--rd);color:var(--tx);background:#fff;border-radius:12px;width:100%;padding:11px 14px}input:focus{border-color:var(--diep);outline:none;box-shadow:0 0 0 3px #0e4b4726}button:focus-visible,a:focus-visible{outline:2px solid var(--diep);outline-offset:2px}.stappen{counter-reset:stap;gap:12px;margin:0;padding:0;list-style:none;display:grid}.stappen>li{counter-increment:stap;padding-left:42px;position:relative}.stappen>li:before{content:counter(stap);background:var(--limoen);width:28px;height:28px;color:var(--nacht);font:600 13px var(--kop);border-radius:50%;place-items:center;display:grid;position:absolute;top:-1px;left:0}.inhoud-lijst{columns:2 260px;padding-left:18px}.klein{color:var(--bij);font-size:13px}.schema{width:100%;height:auto;display:block}.inlog-scherm{background:var(--nacht);place-items:center;min-height:100vh;padding:20px;display:grid}.inlog{background:var(--kaart);border-radius:20px;width:100%;max-width:440px;padding:32px}.inlog img{height:40px;margin-bottom:22px;display:block}.grafiek{position:relative}.grafiek svg{width:100%;height:auto;display:block;overflow:visible}.grafiek .as{font:12px var(--body);fill:var(--bij)}.grafiek .rasterlijn{stroke:var(--raster);stroke-width:1px}.grafiek .nullijn{stroke:var(--rd);stroke-width:1px}.legenda{color:var(--tx);flex-wrap:wrap;gap:6px 18px;margin:4px 0 10px;padding:0;font-size:13px;list-style:none;display:flex}.legenda li{align-items:center;gap:7px;display:inline-flex}.legenda .staal{border-radius:2px;width:14px;height:4px}.legenda .blok{color:#fff;border-radius:3px;place-items:center;width:12px;height:12px;font-size:9px;font-weight:700;display:inline-grid}.tip{pointer-events:none;border:1px solid var(--rd);z-index:5;white-space:nowrap;background:#fff;border-radius:12px;min-width:160px;padding:9px 12px;font-size:13px;position:absolute;box-shadow:0 10px 30px #0e343324}.tip .tip-kop{color:var(--diep);margin-bottom:4px;font-weight:600}.tip .tip-rij{justify-content:space-between;align-items:center;gap:8px;display:flex}.tip .tip-rij span:first-child{color:var(--bij);align-items:center;gap:6px;display:inline-flex}.tip .tip-rij b{font-variant-numeric:tabular-nums;color:var(--tx);font-weight:600}.tip .stip{border-radius:50%;width:8px;height:8px;display:inline-block}details.tabelweergave{margin-top:10px;font-size:13px}details.tabelweergave summary{cursor:pointer;color:var(--bij)}details.tabelweergave .tabel-wrap{margin-top:8px}details.uitklap{background:var(--kaart);border:1px solid var(--rd);border-radius:16px;margin:10px 0;padding:12px 16px}details.uitklap summary{cursor:pointer;color:var(--diep);font-weight:600}.raster-schuif{padding-bottom:4px;overflow-x:auto}.statusraster{align-items:center;gap:4px;min-width:0;font-size:13px;display:grid}.statusraster .rij-naam{color:var(--tx);white-space:nowrap;text-overflow:ellipsis;padding-right:10px;overflow:hidden}.statusraster .cel{background:var(--leeg);color:#fff;cursor:default;border-radius:4px;place-items:center;height:22px;font-size:11px;font-weight:700;display:grid}.statusraster .cel.goed{background:var(--goed)}.statusraster .cel.fout{background:var(--fout)}.statusraster .cel.let{background:var(--let);color:var(--nacht)}.statusraster .cel:hover{outline:2px solid var(--diep);outline-offset:1px}.statusraster .datumas{color:var(--bij);font-size:11px}.balken{gap:8px;display:grid}.balk-rij{grid-template-columns:minmax(80px,30%) 1fr auto;align-items:center;gap:10px;font-size:13px;display:grid}.balk-rij .naam{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.balk-rij .spoor{background:var(--raster);border-radius:4px;height:10px;overflow:hidden}.balk-rij .vul{background:var(--reeks-1);border-radius:0 4px 4px 0;min-width:2px;height:100%}.balk-rij .waarde{color:var(--bij);font-variant-numeric:tabular-nums;white-space:nowrap}.balk-rij:hover .vul{filter:brightness(.88)}@media (max-width:720px){.statusraster{gap:2px}.statusraster .cel{height:18px;font-size:0}.hero{padding-left:20px;padding-right:20px}.gebruiker span{display:none}.nav{gap:14px;width:100%;margin-left:0}.cijfer .getal{font-size:26px}.cijfers{grid-template-columns:1fr 1fr;gap:10px}.cijfer{padding:12px 14px}.cijfer .wat{letter-spacing:.1em;font-size:10.5px}.raster{grid-template-columns:1fr}}