:root{--bg:#F1EFEA;--panel:#FFFFFF;--surface-2:#F6F4EF;--ink:#15212C;--muted:#6B7480;--line:#E3DFD6;--accent:#1F4D3A;--brand:#5BAE8E;--accent-soft:#E5EFE9;--warn:#A86A12;--warn-soft:#F8EEDA;--bad:#C2402B;--bad-soft:#FBE5E0;--ok:#1E7B4C;--ok-soft:#E3F1E8;--info-soft:#E8EEF3;--radius:4px;font-family:Hanken Grotesk,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0 0 4px}h2{font-size:16px;margin:0 0 10px}h3{font-size:14px;margin:0 0 8px}.sub{color:var(--muted);margin:0 0 18px}.app{min-height:100vh}header.top{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}header.top .in{max-width:1400px;margin:0 auto;padding:10px 30px;display:flex;align-items:center;gap:28px}header.top .logo{height:30px;display:block}header.top .titel{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-weight:700;white-space:nowrap}header.top nav{display:flex;gap:4px;flex-wrap:wrap;flex:1 1}header.top nav a{color:var(--ink);padding:7px 11px;border-radius:var(--radius);font-weight:500}header.top nav a:hover{background:var(--surface-2);text-decoration:none}header.top nav a.actief{background:var(--accent);color:#fff}header.top .gebruiker{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px;white-space:nowrap}.main{padding:26px 30px 60px;max-width:1400px;margin:0 auto}.hero{position:relative;min-height:100vh;display:flex;align-items:center;color:#fff;background:#08101c;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-bg img,.hero-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-bg video{opacity:0;transition:opacity .6s ease}.hero-bg video.on{opacity:1}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08101cf7,#08101cdb 44%,#08101c61)}.hero-in{position:relative;z-index:1;width:100%;max-width:1240px;margin:0 auto;padding:48px 16px}.hero .logo{height:34px;display:block;margin-bottom:28px}.hero .eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);font-weight:600;margin-bottom:18px}.hero h1{font-size:clamp(36px,5vw,56px);line-height:1.08;font-weight:800;margin:0 0 16px;max-width:620px}.hero h1 span{color:var(--brand)}.hero p.lead{font-size:18px;color:#cfd6dd;max-width:480px;margin:0 0 26px}.hero .knop-google{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#15212C;border:0;border-radius:6px;padding:13px 22px;font-weight:600;font-size:15px}.hero .knop-google:hover{background:#eef2ef}.hero .alt{margin-top:18px;color:#cfd6dd;font-size:14px}.hero .alt button.link{border:0;color:#fff;text-decoration:underline;padding:0;font-size:14px}.hero form{max-width:360px;margin-top:18px}.hero form input{width:100%;margin-bottom:8px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff;padding:10px 12px}.hero form input::placeholder{color:#9aa6b1}.hero .fout{color:#ffb4a6}.hero .melding{color:var(--ink)}.hero .voet{position:absolute;left:16px;bottom:16px;z-index:1;font-size:12px;color:#9aa6b1}.kaart{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:16px}.grid{display:grid;grid-gap:12px;gap:12px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.kpi .w{font-size:26px;font-weight:700}.kpi .l{color:var(--muted);font-size:12px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);font-weight:600;background:#fafbfa;position:-webkit-sticky;position:sticky;top:0}td.n,th.n{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tr.groep td{border-top:2px solid var(--line)}tr:hover td{background:#fbfcfb}.chip{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.bad{background:var(--bad-soft);color:var(--bad)}.chip.info{background:var(--info-soft);color:#2d4f7c}.chip.grijs{background:#eef0ee;color:var(--muted)}.knop,button{font:inherit;border:1px solid var(--line);background:#fff;color:var(--ink);padding:6px 12px;border-radius:var(--radius);cursor:pointer;display:inline-block}.knop:hover,button:hover{border-color:#c5ccc6;text-decoration:none}.knop.primair,button.primair{font-weight:600;background:var(--accent);border-color:var(--accent);color:#fff}.knop.klein,button.klein{padding:3px 8px;font-size:12px}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:var(--radius);padding:6px 9px;background:#fff;color:var(--ink)}textarea{width:100%;min-height:60px}label.veld{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}label.veld input,label.veld select,label.veld textarea{display:block;width:100%;margin-top:3px;color:var(--ink)}.rij{gap:10px}.rij,.tussen{display:flex;align-items:center;flex-wrap:wrap}.tussen{justify-content:space-between;gap:12px}.muted{color:var(--muted)}.klein{font-size:12px}.fout{color:var(--bad)}.melding{padding:10px 12px;border-radius:var(--radius);background:var(--info-soft);margin-bottom:12px}.melding.warn{background:var(--warn-soft)}.melding.bad{background:var(--bad-soft)}.melding.ok{background:var(--ok-soft)}.sectie{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:10px}.sectie>.kop{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;gap:10px}.sectie>.kop h3{margin:0}.vraag{display:grid;grid-template-columns:1fr auto;grid-gap:8px 14px;gap:8px 14px;padding:8px 14px;border-top:1px solid var(--line)}.vraag.fout{background:#fff8f6}.oordeel{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.oordeel button{border:0;border-radius:0;padding:4px 10px;font-size:12px}.oordeel button+button{border-left:1px solid var(--line)}.oordeel button.aan.goed{background:var(--ok-soft);color:var(--ok);font-weight:700}.oordeel button.aan.fout{background:var(--bad-soft);color:var(--bad);font-weight:700}.oordeel button.aan.nvt{background:#eef0ee;font-weight:700}.detail{grid-column:1/-1;display:grid;grid-template-columns:170px 150px 1fr;grid-gap:10px;gap:10px}.zijpaneel{position:-webkit-sticky;position:sticky;top:16px}.layout2{display:grid;grid-template-columns:1fr 340px;grid-gap:16px;gap:16px;align-items:start}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:6px;padding:18px 20px;width:min(860px,94vw);max-height:88vh;overflow:auto}pre.mail{white-space:pre-wrap;font-family:inherit;background:#fafbfa;border:1px solid var(--line);border-radius:var(--radius);padding:10px;max-height:320px;overflow:auto}@media (max-width:900px){header.top .in{flex-wrap:wrap;gap:10px;padding:10px 16px}header.top .titel{display:none}.main{padding:16px}.detail,.g2,.g3,.g4,.layout2{grid-template-columns:1fr}}.login{max-width:420px;margin:12vh auto}.voorvragen{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:6px 18px;gap:6px 18px;margin-top:10px}.vv{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--line)}:root{--hover:#FBFAF7;--grijs:#ECEAE4;--info-ink:#2d4f7c;--line-sterk:#C9C4B8;--fout-rij:#FFF7F4;color-scheme:light}.knop,.modal,.sectie,button,header.top,input,select,textarea{background-color:var(--panel)}.knop.primair,button.primair,header.top nav a.actief{background-color:var(--accent)}.hero .knop-google{background-color:#fff}.hero form input{background-color:rgba(255,255,255,.08)}.hero .alt button.link{background:none}.oordeel button.aan.goed{background-color:var(--ok-soft)}.oordeel button.aan.fout{background-color:var(--bad-soft)}pre.mail,th{background-color:var(--surface-2)}tr:hover td{background-color:var(--hover)}.chip.info{color:var(--info-ink)}.chip.grijs,.oordeel button.aan.nvt{background-color:var(--grijs)}.knop:hover,button:hover{border-color:var(--line-sterk)}.vraag.fout{background-color:var(--fout-rij)}:root[data-thema=donker]{--bg:#0E1620;--panel:#16212C;--surface-2:#1B2834;--ink:#E6EBEF;--muted:#93A0AC;--line:#2A3845;--accent:#5BAE8E;--brand:#5BAE8E;--accent-soft:#1D3A30;--warn:#E3A64B;--warn-soft:#3A2E17;--bad:#F08A78;--bad-soft:#3F221D;--ok:#6CC79E;--ok-soft:#1B3A2C;--info-soft:#1E2D3C;--hover:#1A2631;--grijs:#24313D;--info-ink:#9CC0E8;--line-sterk:#3A4B5B;--fout-rij:#2A1D1C;color-scheme:dark}:root[data-thema=donker] .knop.primair,:root[data-thema=donker] button.primair,:root[data-thema=donker] header.top nav a.actief{color:#0E1620}:root[data-thema=donker] a{color:var(--brand)}.schakel{display:inline-flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px;color:var(--muted);background:none;border:0;padding:0}.schakel .baan{width:36px;height:20px;border-radius:999px;background:var(--grijs);border:1px solid var(--line);position:relative;transition:background .2s}.schakel .knop-bol{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--panel);box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .2s}.schakel.aan .baan{background:var(--accent);border-color:var(--accent)}.schakel.aan .knop-bol{left:18px;background:#fff}.logo-donker,:root[data-thema=donker] .logo-licht{display:none!important}:root[data-thema=donker] .logo-donker{display:block!important}:root[data-thema=donker] header.top nav a:not(.actief){color:var(--ink)}