@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap");:root{--sans:"IBM Plex Sans",system-ui,sans-serif;--body:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",monospace;--ink:#07202e;--ink2:#16323e;--ink3:#7b8a92;--bg:#f7fafb;--panel:#f2f6f8;--line:#dee9ee;--rule:#dde6eb;--soft:#edf2f5;--warn:#a8331f;--ok:#2f8a63;--amb:#b8820c}*{box-sizing:border-box}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg)}a{color:#0e6e8c}.wrap{max-width:1280px;margin:0 auto;padding:18px 20px 60px}.topbar{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:14px}.topbar h1{margin:0;font:700 20px var(--sans);letter-spacing:-.01em}.topbar .sub{font:500 11px var(--mono);letter-spacing:.08em;color:var(--ink3);text-transform:uppercase}.prods{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0}.pbtn{border:1px solid var(--rule);background:#fff;padding:6px 14px;font:600 12px var(--sans);color:var(--ink2);cursor:pointer}.pbtn[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.kpis{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin:10px 0 14px}.kpi{background:#fff;border:1px solid var(--rule);padding:10px 12px}.kpi .lab{font:600 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}.kpi .val{font:700 22px var(--sans);margin:3px 0 1px}.kpi .sub{font:400 10.5px var(--sans);color:var(--ink3)}.rail{background:var(--panel);border-left:3px solid var(--ink);padding:10px 14px;font:400 12.5px var(--sans);color:var(--ink2);margin:0 0 18px}section{margin:26px 0}.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:8px}.sh .no{font:700 10px var(--mono);letter-spacing:.14em;color:var(--amb)}.sh h2{margin:2px 0 4px;font:700 16px var(--sans);letter-spacing:-.01em}.sh p{margin:0;font:400 12px var(--sans);color:var(--ink3);max-width:880px}.sb{background:#fff;border:1px solid var(--rule);padding:12px}.sb.scroll{overflow-x:auto}.chart{width:100%;height:auto;display:block}.legend{display:flex;gap:14px;margin-top:6px;font:500 10.5px var(--mono);color:var(--ink3)}.legend i{display:inline-block;width:14px;height:10px;margin-right:4px;vertical-align:baseline;border:1px solid var(--rule)}.ctl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--rule);background:#fff}.seg button{border:0;background:#fff;padding:5px 11px;font:600 11px var(--sans);color:var(--ink2);cursor:pointer}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}select{border:1px solid var(--rule);background:#fff;padding:5px 8px;font:500 12px var(--mono);color:var(--ink)}.notes{font:400 12px var(--sans);color:var(--ink2)}.num{font-family:var(--mono)}.pos{color:var(--ok)}.neg,.pos{font-weight:700}.neg{color:var(--warn)}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.card{background:var(--panel);border:1px solid var(--rule);padding:10px 12px}.card .lab{font:600 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}.card .big{font:700 20px var(--sans);margin:3px 0}.card .note{font:400 11px var(--sans);color:var(--ink3)}.hm th{font-weight:500}@media (max-width:900px){.cards,.kpis{grid-template-columns:repeat(2,1fr)}}.schil{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.zijbalk{background:linear-gradient(180deg,#0b2a3a,#07202e);color:#d7e4ec;padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.merk .merknaam{font:700 17px var(--sans);color:#fff;letter-spacing:-.01em}.merk .merksub{font:600 8.5px var(--mono);letter-spacing:.16em;color:#7fa2b5;margin:3px 0 22px}.navkop{font:700 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#6d92a6;margin:18px 6px 6px}.navitem{display:block;padding:8px 10px;border-radius:8px;font:500 13px var(--sans);color:#c3d5df;text-decoration:none;margin:2px 0;transition:background .15s,color .15s}.navitem:hover{background:rgba(255,255,255,.07);color:#fff}.navitem.actief{background:#0e6e8c;color:#fff;font-weight:600}.navitem.uit{color:#5c7d8f;cursor:default}.navitem.uit em{font:500 9px var(--mono);color:#4a6b7d;font-style:normal;margin-left:6px}.inhoudkolom{min-width:0;background:#f2f6f8}.bovenbalk{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);padding:10px 22px}.bovenbalk,.kruimels{display:flex;align-items:center}.kruimels{gap:8px;font:500 12.5px var(--sans);color:var(--ink3)}.kruimels a{color:var(--ink3);text-decoration:none}.kruimels a:hover,.kruimels b{color:var(--ink)}.kruimels .scheider{color:#b9c9d2}.terug{border:1px solid var(--rule);background:#fff;border-radius:8px;width:28px;height:28px;cursor:pointer;font-size:14px;color:var(--ink2);margin-right:6px}.terug:hover{background:var(--panel)}.bovenrechts{display:flex;align-items:center;gap:12px}.gebruiker{font:500 12px var(--sans);color:var(--ink2)}.gebruiker em{color:var(--ink3);font-style:normal}.uitlogknop{border:1px solid var(--rule);background:#fff;border-radius:8px;padding:5px 12px;font:600 12px var(--sans);color:var(--ink2);cursor:pointer}.uitlogknop:hover{background:var(--panel)}.inhoud{padding:20px 22px 60px}.inhoud .wrap{max-width:1280px;margin:0;padding:0}.card,.kpi,.sb{border-radius:12px;box-shadow:0 1px 2px rgba(7,32,46,.05),0 4px 14px rgba(7,32,46,.04)}.pbtn,.seg,select{border-radius:8px}.seg button:first-child{border-radius:8px 0 0 8px}.seg button:last-child{border-radius:0 8px 8px 0}@media (max-width:900px){.schil{grid-template-columns:1fr}.zijbalk{position:static;height:auto}}