:root{--inkt:#0B1B2B;--primair:#1B6EF3;--ok:#0B8A5C;--ok-vlak:#E7F5EF;--oranje:#C2410C;--geel-vlak:#FFFBEB;--rood:#C62828;--rood-vlak:#FDEAEA;--grond:#F2F4F7;--vlak:#FFFFFF;--rand:#E3E8EF;--gedempt:#67748A;--gedempt-donker:#9FB3CC;--amber:#FFC247;--amber-vlak:rgba(232,163,23,.18);--h-register:#3F6B8F;--h-aangeleverd:#6B5B95;--h-opname:#2F6E6B;--h-oordeel:#7A4A6B;--h-opgegeven:#67748A;--navy:#101E36;--navy-2:#1A2B4A;--ruimte-1:4px;--ruimte-2:8px;--ruimte-3:12px;--ruimte-4:16px;--ruimte-5:20px;--ruimte-6:24px;--ruimte-7:26px;--ruimte-8:32px;--radius-kaart:20px;--radius-regel:16px;--radius-klein:10px;--radius-pil:999px;--schaduw-kaart:0 1px 2px rgba(11,27,43,.06),0 14px 32px rgba(11,27,43,.08);--schaduw-donker:0 1px 2px rgba(11,27,43,.10),0 18px 40px rgba(11,27,43,.18);--ok-licht:var(--ok-vlak);--bg:var(--grond);--wit:var(--vlak);--lijn:var(--rand);--grijs:var(--gedempt);--geel-bg:var(--geel-vlak)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--navy);font-size:15px;line-height:22px}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--navy);color:#fff;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.25rem;position:fixed;top:0;bottom:0}.logo{gap:.6rem;margin-bottom:1.75rem;padding:0 .5rem}.logo,.logoBox{display:flex;align-items:center}.logoBox{width:34px;height:34px;background:var(--primair);border-radius:8px;justify-content:center;font-weight:800;font-size:1.1rem}.logoNaam{font-weight:800;font-size:1.05rem;letter-spacing:-.02em}.logoSub{font-size:12px;line-height:16px;color:rgba(255,255,255,.45)}.navLink{display:block;padding:.55rem .75rem;border-radius:8px;color:rgba(255,255,255,.75);font-size:15px;line-height:20px}.navLink:hover{background:var(--navy-2);color:#fff}.navLink.actief{background:var(--primair);color:#fff;font-weight:600}.main{margin-left:220px;flex:1 1;padding:2rem 2.5rem;max-width:1160px}.kop{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.kop h1{font-size:24px;line-height:30px;letter-spacing:-.4px}.knop,.kop h1{font-weight:600}.knop{display:inline-block;background:var(--primair);color:var(--vlak);padding:.55rem 1.1rem;border-radius:var(--radius-pil);font-size:15px;line-height:20px;border:none;cursor:pointer}.knop:hover{filter:brightness(.94)}.knop.primair{background:var(--primair)}.knop.stil{background:var(--bg);color:var(--navy);border:1px solid var(--lijn)}.paskant .knop.primair{font-size:15px;padding:12px 20px}.knop.tekst{background:none;color:var(--gedempt);border:none;padding:0;font-size:15px}.knop.tekst:hover{background:none;text-decoration:underline}.knop.tekst:disabled{opacity:.5;cursor:default;text-decoration:none}.knop.rood-lijn{background:var(--wit);color:var(--rood);border:1px solid var(--rood)}.knop.rood-lijn:hover{background:var(--rood-vlak)}.knop:disabled{opacity:.5;cursor:default}.kaarten{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:var(--ruimte-4);gap:var(--ruimte-4);margin-bottom:2rem}.kaart{background:var(--vlak);border:none;border-radius:var(--radius-kaart);padding:var(--ruimte-6) var(--ruimte-7);box-shadow:var(--schaduw-kaart)}.kaart.zacht{margin-bottom:1.25rem;overflow-x:auto}.kaartGetal{font-size:24px;line-height:30px;font-weight:600;letter-spacing:-.4px}.kaartLabel{font-size:13px;line-height:18px;font-weight:600;letter-spacing:.2px;color:var(--grijs);margin-top:.15rem}.paneel{background:var(--vlak);border:none;border-radius:var(--radius-kaart);overflow:hidden;box-shadow:var(--schaduw-kaart)}.paskant .paneel{border-radius:var(--radius-regel);padding:18px var(--ruimte-5)}.tabel{width:100%;border-collapse:collapse;font-size:15px;line-height:22px}.tabel th{text-align:left;padding:.7rem 1rem;background:var(--bg);color:var(--grijs);font-size:13px;line-height:18px;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.tabel td,.tabel th{border-bottom:1px solid var(--lijn)}.tabel td{padding:.75rem 1rem}.tabel tr:last-child td{border-bottom:none}.tabel tr:hover td{background:#FAFCFF}.badge{display:inline-block;padding:.2rem .55rem;border-radius:var(--radius-pil);font-size:14px;line-height:18px;font-weight:600}.badge.ruim{padding:var(--ruimte-2) 14px}.b-ok{background:var(--ok-licht);color:var(--ok)}.b-grijs{background:var(--bg);color:var(--grijs)}.b-oranje{background:var(--geel-vlak);color:var(--oranje)}.b-rood{background:var(--rood-vlak);color:var(--rood)}.b-navy{background:#E9EEF8;color:var(--navy)}.formulier{background:var(--vlak);border:none;border-radius:var(--radius-kaart);padding:var(--ruimte-8);max-width:640px;box-shadow:var(--schaduw-kaart)}.veld{margin-bottom:1rem}.veld label{display:block;font-size:13px;line-height:18px;font-weight:600;letter-spacing:.2px;color:var(--grijs);margin-bottom:.3rem}.veld input,.veld select,.veld textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--lijn);border-radius:8px;font-size:15px;line-height:22px;font-family:inherit;background:var(--vlak)}.veld input:focus,.veld select:focus,.veld textarea:focus{outline:2px solid var(--primair);border-color:transparent}.rij2{grid-template-columns:1fr 1fr;grid-gap:1rem}.rij2,.rij3{display:grid;gap:1rem}.rij3{grid-template-columns:2fr 1fr 1fr;grid-gap:1rem}.hint{font-size:12px;line-height:16px;color:var(--grijs);margin-top:.3rem}.tabel.velden td{font-weight:600}.tabel.velden td .leegwaarde{font-weight:400}.melding{padding:.7rem 1rem;border-radius:8px;font-size:15px;line-height:22px;margin-bottom:1rem}.m-ok{background:var(--ok-licht);color:var(--ok)}.m-fout{background:var(--rood-vlak);color:var(--rood)}.leeg{padding:2.5rem;text-align:center;color:var(--grijs);font-size:15px;line-height:22px}@media (max-width:720px){.sidebar{position:static;width:auto;inset:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.main{margin-left:0!important;padding:1rem!important}.kaart,.paneel{overflow-x:auto}.tabel{min-width:34rem}.tabel td,.tabel th{padding:.55rem .6rem}.kop{flex-wrap:wrap;gap:.5rem}.rij2,.rij3{grid-template-columns:1fr!important}}.dossier-naslag{margin-top:2rem}.dossier-naslag h2{color:var(--grijs);font-weight:600}a.badge:hover{filter:brightness(.95);text-decoration:underline}