:root{--bg:#f8fafc;--surface:#fff;--raised:#fff;--elevated:#f1f5f9;--panel:#fff;--white:#0f172a;--grey3:#475569;--grey4:#64748b;--grey5:#94a3b8;--p500:#7c3aed;--p400:#7c3aed;--p300:#a78bfa;--accent-pastel:rgba(124,58,237,.1);--accent-border:rgba(124,58,237,.2);--grad:linear-gradient(135deg,#7c3aed,#a78bfa);--green:#059669;--green4:#047857;--red:#e11d48;--red-soft:#be123c;--amber:#d97706;--line:#e2e8f0;--line-strong:#e2e8f0;--line-faint:#f1f5f9;--hover:#f8fafc;--hover-strong:#f1f5f9;--chip-bg:#f1f5f9;--chip-bg-faint:#f8fafc;--capsule-bg:#fff;--bg-glow:transparent;--shadow-panel:0 6px 18px rgba(15,23,42,.06);--r:14px}html[data-theme=dark]{--bg:#0b1220;--surface:#0f172a;--raised:#0f172a;--elevated:#1e293b;--panel:#0f172a;--white:#f1f5f9;--grey3:#cbd5e1;--grey4:#94a3b8;--grey5:#64748b;--p400:#a78bfa;--p300:#c4b5fd;--accent-pastel:rgba(167,139,250,.14);--accent-border:rgba(167,139,250,.3);--grad:linear-gradient(135deg,#7c3aed,#a78bfa);--green:#10b981;--green4:#34d399;--red:#f43f5e;--red-soft:#fb7185;--amber:#f59e0b;--line:hsla(0,0%,100%,.09);--line-strong:hsla(0,0%,100%,.12);--line-faint:hsla(0,0%,100%,.05);--hover:hsla(0,0%,100%,.03);--hover-strong:hsla(0,0%,100%,.05);--chip-bg:hsla(0,0%,100%,.05);--chip-bg-faint:hsla(0,0%,100%,.03);--capsule-bg:#0f172a;--bg-glow:transparent;--shadow-panel:0 6px 18px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,-apple-system,Segoe UI,sans-serif;font-weight:500;background:var(--bg);color:var(--white);line-height:1.5;min-height:100vh}a{color:inherit}.mono,button,input,select,textarea{font-family:inherit}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}:focus-visible{outline:2px solid var(--p400);outline-offset:2px}.wrap{padding:26px 24px 60px}.app-header,.wrap{max-width:1398px;margin:0 auto}.app-header{padding:26px 24px 0}@media print{.app-header{display:none}}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--grey5);margin-bottom:8px}.h-display{font-weight:800;font-size:17px;line-height:1.3;margin-bottom:16px}h1.h-display{font-size:26px;line-height:1.2}.grad{background:none;color:var(--p400)}.capsule{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--capsule-bg);font-size:13px;font-weight:700;color:var(--grey3)}.capsule .dot{width:7px;height:7px;border-radius:999px;background:var(--green)}.card{background:var(--raised);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;box-shadow:var(--shadow-panel)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--p400);font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .15s ease}.btn:hover{border-color:var(--p400);background:var(--accent-pastel)}.btn:active{filter:brightness(.95)}.btn-primary{background:var(--p400);border:0;color:#fff;padding:10px 18px}.btn-primary:hover{background:var(--p400);filter:brightness(.92);border:0}.btn-cta{background:var(--green);border:0;color:#fff;padding:10px 18px}.btn-cta:hover{background:var(--green);filter:brightness(.92)}.btn-ghost{background:transparent;border-color:transparent;color:var(--grey3)}.btn-ghost:hover{background:var(--hover-strong);border-color:transparent;color:var(--white)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.kpi{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-panel)}.kpi .lbl{font-size:12px;font-weight:600;color:var(--grey4);margin-bottom:4px}.kpi .val{font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi .val.purple{color:var(--p400)}.kpi .val.red{color:var(--red-soft)}.kpi .val.green{color:var(--green4)}.select{padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--white);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.select:hover{border-color:#cbd5e1}.select:focus{outline:none;border:1.5px solid var(--p400)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--grey4);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s ease}th.sortable:hover{color:var(--white)}td{padding:12px;border-bottom:1px solid var(--line-faint);vertical-align:top}tr:hover td{background:var(--hover)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid;white-space:nowrap}.badge.kritiek{color:var(--red-soft);border-color:rgba(225,29,72,.2);background:rgba(225,29,72,.1)}.badge.hoog{color:var(--p400);border-color:var(--accent-border);background:var(--accent-pastel)}.badge.middel{color:var(--grey4);border-color:var(--line);background:var(--chip-bg)}.badge.laag{color:var(--grey5);border-color:var(--line);background:var(--chip-bg-faint)}.t-titel{font-weight:700}.t-detail{color:var(--grey4);font-size:12px;margin-top:3px;max-width:560px}.proj-tag{font-size:11px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--grey3);white-space:nowrap}.score{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--p400)}.bar{height:8px;background:var(--elevated);overflow:hidden}.bar,.bar i{border-radius:999px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--p500),var(--p300));transition:width .3s ease}.bar.low i{background:var(--red)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:14px;gap:14px}.pcard{background:var(--raised);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;text-decoration:none;display:block;box-shadow:var(--shadow-panel);transition:all .15s ease}.pcard:hover{border-color:var(--p400);box-shadow:0 6px 18px rgba(15,23,42,.08)}.mini{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--grey4)}.mini b{color:var(--grey3);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}input[type=checkbox]{width:16px;height:16px;accent-color:var(--p400);cursor:pointer}.done-row td{opacity:.35;text-decoration:line-through}.done-row td:first-child{text-decoration:none}footer.site{margin-top:38px;padding-top:18px;border-top:1px solid var(--line-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;font-weight:600;color:var(--grey5)}.site-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}@media (min-width:1100px){.site-layout{grid-template-columns:200px minmax(0,1fr) 300px}}.site-layout-2{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}@media (min-width:1100px){.site-layout-2{grid-template-columns:200px minmax(0,1fr)}}.pagina-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}@media (min-width:1100px){.pagina-layout{grid-template-columns:minmax(0,1fr) 300px}}.side-panel{position:-webkit-sticky;position:sticky;top:26px}.side-sitename{font-size:15px;font-weight:800;margin-bottom:14px;word-break:break-word}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav a{display:block;padding:9px 14px;border-radius:9px;font-size:13px;font-weight:600;color:var(--grey3);text-decoration:none;border:0;transition:all .15s ease}.side-nav a:hover{color:var(--white);background:var(--hover-strong)}.side-nav a.active{background:var(--accent-pastel);color:var(--p400);font-weight:800}.hs-card{display:flex;gap:28px;flex-wrap:wrap;align-items:center}.hs-band{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-top:8px}.hs-band.goed{color:var(--green4)}.hs-band.redelijk{color:var(--amber)}.hs-band.slecht{color:var(--red-soft)}.hs-counts{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:16px}.hs-counts .cnt{display:flex;flex-direction:column;gap:2px}.hs-counts .cnt .lbl{font-size:11px;font-weight:600;color:var(--grey5)}.hs-counts .cnt .val{font-size:18px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hs-counts .cnt .val.rood{color:var(--red-soft)}.hs-counts .cnt .val.oranje{color:var(--amber)}.hs-counts .cnt .val.paars{color:var(--p400)}.modrow{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr) 34px;grid-gap:12px;gap:12px;align-items:center}.modrow .modlbl{font-size:12px;font-weight:600;color:var(--grey3)}.hbar{height:8px;background:var(--elevated);overflow:hidden}.hbar,.hbar i{border-radius:999px}.hbar i{display:block;height:100%;transition:width .3s ease}.hbar.goed i{background:var(--green)}.hbar.matig i{background:var(--amber)}.hbar.slecht i{background:var(--red)}.qc-list{list-style:none;display:flex;flex-direction:column;gap:12px}.qc-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0;margin-top:5px;background:var(--grey5)}.qc-dot.ok{background:var(--green)}.qc-dot.let-op{background:var(--amber)}.qc-dot.fout{background:var(--red)}.top5{list-style:none;flex-direction:column}.top5,.top5 a{display:flex;gap:10px}.top5 a{align-items:flex-start;text-decoration:none;padding:8px 10px;margin:-4px -10px;border-radius:9px;transition:background .15s ease}.top5 a:hover{background:var(--hover-strong)}.top5 .t{font-size:13px;font-weight:600;line-height:1.35}.table-wrap{overflow-x:auto}.scroll-x,.table-wrap{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.scroll-x{overflow-x:auto}.scroll-x::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{height:6px;width:6px}.scroll-x::-webkit-scrollbar-track,.table-wrap::-webkit-scrollbar-track{background:transparent}.scroll-x::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.scroll-x::-webkit-scrollbar-thumb:hover,.table-wrap::-webkit-scrollbar-thumb:hover{background:var(--p400)}@media (max-width:1099px){.side-panel{position:static}}.modcard{position:relative;display:block;color:inherit;text-decoration:none;transition:all .15s ease}.modcard:hover{border-color:var(--p400);box-shadow:0 6px 18px rgba(15,23,42,.08)}.modcard-arrow{position:absolute;right:14px;bottom:10px;font-size:13px;color:var(--grey4);transition:color .15s ease}.modcard:hover .modcard-arrow{color:var(--p400)}.spk-header{background:var(--raised);border:1px solid var(--line);border-radius:14px;padding:16px 24px;gap:14px;flex-wrap:wrap;box-shadow:var(--shadow-panel)}.spk-header,.spk-tile{display:flex;align-items:center}.spk-tile{width:44px;height:44px;border-radius:11px;background:var(--grad);justify-content:center;flex-shrink:0}.spk-versie{font-size:11px;font-weight:700;color:var(--p400);background:var(--accent-pastel);border-radius:999px;padding:2px 8px;vertical-align:2px;margin-left:8px}.spk-footer{max-width:1398px;margin:0 auto 26px;padding:0 24px}.spk-footer>div{background:var(--raised);border:1px solid var(--line);border-radius:14px;padding:14px 24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--grey4);font-weight:600}.spk-footer .spk-dot{width:4px;height:4px;border-radius:999px;background:#cbd5e1}.spk-footer a{font-weight:700;color:var(--p400);text-decoration:none;transition:all .15s ease}.spk-footer a:hover{filter:brightness(.9);text-decoration:underline}@media print{.spk-footer{display:none}}