:root{--accent:#5b5bd6;--accent-hover:#4a4ac4;--accent-zacht:#ecebfb;--accent-tekst:#4343b8;--knop:#1d2939;--knop-hover:#101828;--achtergrond:#f5f6f8;--vlak:#fff;--vlak-zacht:#f9fafb;--kop:#f5f7f8;--zijbalk-vlak:#eef0f3;--rand:#e4e7ec;--rand-sterk:#d0d5dd;--tekst:#172033;--zacht:#667085;--link:var(--tekst);--focus:var(--accent);--fout:#b42318;--fout-vlak:#fdecec;--balk:#a8382c;--let-op:#b54708;--let-op-vlak:#fff4e5;--r-s:6px;--r-m:8px;--r-l:12px;--r-xl:16px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--schaduw:0 1px 2px #1018280a;--zijbalk:236px;--zijbalk-in:64px;--mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--tekst);background:var(--achtergrond);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif}a{color:var(--link);text-underline-offset:2px}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}h1{letter-spacing:-.015em;margin:0 0 var(--s5);font-size:28px;font-weight:700;line-height:36px}h2{margin:var(--s5) 0 var(--s3);font-size:18px;font-weight:600;line-height:26px}h3{margin:var(--s4) 0 var(--s2);font-size:15px;font-weight:600}p{margin:var(--s2) 0 var(--s3)}small{font-size:12px}.schil{grid-template-columns:var(--zijbalk) minmax(0, 1fr);min-height:100vh;display:grid}.schil.ingeklapt{grid-template-columns:var(--zijbalk-in) minmax(0, 1fr)}.zijbalk{background:var(--zijbalk-vlak);height:100vh;padding:var(--s6) var(--s4) var(--s4);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.zijbalk-kop{padding:0 var(--s2) var(--s6)}.zijbalk-logo{color:inherit;align-items:center;gap:var(--s2);text-decoration:none;display:inline-flex}.zijbalk-logo strong{color:var(--tekst);font-size:22px}.logo{border-radius:var(--r-s);font-family:var(--mono);letter-spacing:-.02em;color:#e3e3e6;white-space:nowrap;background:#0b0b0e;padding:3px 8px;font-size:13px;font-weight:700;display:inline-block}.logo b{color:#d1fd63;font-weight:700}.logo-klein,.ingeklapt .logo-groot,.ingeklapt .zijbalk-logo strong{display:none}.ingeklapt .logo-klein{display:inline}.zijbalk nav{gap:var(--s4);flex-direction:column;flex:1;display:flex}.menugroep{gap:var(--s1);flex-direction:column;display:flex}.menutitel{text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;padding:var(--s2) var(--s3) var(--s1);font-size:11px;font-weight:600}.zijbalk nav a,.zijbalk-knop{align-items:center;gap:var(--s3);height:42px;padding:0 var(--s4);border-radius:var(--r-m);color:var(--zacht);white-space:nowrap;font-size:14.5px;text-decoration:none;display:flex}.zijbalk nav a:hover,.zijbalk-knop:hover{color:var(--tekst);background:#e9ecf1}.zijbalk nav a.actief{background:var(--accent-zacht);color:var(--tekst);font-weight:600}.zijbalk nav a.actief .icoon{color:var(--accent)}.icoon{flex:none}.zijbalk-voet{border-top:1px solid var(--rand);padding-top:var(--s3);flex-direction:column;gap:2px;display:flex}.zijbalk-voet form{margin:0}.zijbalk-knop{width:100%;font:inherit;cursor:pointer;background:0 0;border:0;height:36px}.zijbalk .wie{align-items:center;gap:var(--s3);padding:var(--s2) var(--s2) var(--s3);min-width:0;display:flex}.zijbalk .wie strong{color:var(--tekst);text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.zijbalk .wie small{color:var(--zacht);display:block}.zijbalk .wie .menulabel{min-width:0}.avatar{background:var(--accent-zacht);width:30px;height:30px;color:var(--accent-tekst);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.ingeklapt .zijbalk .menulabel,.ingeklapt .menutitel{display:none}.ingeklapt .zijbalk nav a,.ingeklapt .zijbalk-knop{justify-content:center;padding:0}.ingeklapt .zijbalk .wie{justify-content:center;padding-inline:0}.ingeklapt .zijbalk-kop{text-align:center;padding-inline:0}.ingeklapt .zijbalk{padding-inline:var(--s2)}main{width:100%;min-width:0;max-width:1600px;padding:40px 32px 48px}@media (max-width:900px){.schil,.schil.ingeklapt{grid-template-columns:var(--zijbalk-in) minmax(0, 1fr)}.zijbalk{padding-inline:var(--s2)}.zijbalk .menulabel,.menutitel,.zijbalk-logo strong{display:none}.zijbalk nav a,.zijbalk-knop{justify-content:center;padding:0}.zijbalk .wie{justify-content:center;padding-inline:0}.zijbalk-kop{text-align:center;padding-inline:0}.zijbalk .logo-groot,.zijbalk-voet .zijbalk-knop:last-child{display:none}.zijbalk .logo-klein{display:inline}main{padding:var(--s4)}}button{align-items:center;gap:var(--s2);height:34px;padding:0 var(--s4);border-radius:var(--r-s);background:var(--knop);color:#fff;font:inherit;cursor:pointer;border:1px solid #0000;font-weight:500;display:inline-flex}button:hover{background:var(--knop-hover)}td button:not(.link):not(.gevaar),button.secundair{background:var(--vlak);border-color:var(--rand-sterk);color:var(--tekst)}td button:not(.link):not(.gevaar):hover,button.secundair:hover{background:var(--vlak-zacht)}button.gevaar{background:var(--vlak);color:var(--fout);border-color:#fda29b}button.gevaar:hover{background:var(--fout-vlak)}button.link{height:auto;color:var(--link);background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}button.link:hover{color:var(--tekst);background:0 0}button:disabled{opacity:.55;cursor:default}label{text-transform:uppercase;letter-spacing:.04em;color:var(--tekst);margin:var(--s3) 0 6px;font-size:12px;font-weight:600;display:block}input:not([type]),input[type=text],input[type=email],input[type=number],input[type=date],input[type=datetime-local],input[type=search],select,textarea{height:38px;padding:0 var(--s3);border:1px solid var(--rand);border-radius:var(--r-m);font:inherit;color:var(--tekst);background:var(--vlak);width:100%;max-width:360px}textarea{height:auto;padding:var(--s2) var(--s3);min-height:80px}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:-1px;border-color:var(--focus)}input[type=checkbox],input[type=radio]{accent-color:var(--knop);width:16px;height:16px}.chip{height:22px;padding:0 var(--s2);white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;font-size:12.5px;font-weight:500;display:inline-flex}.chip-neutraal{color:#475467;background:#f2f4f7;border-color:#e4e7ec}.chip-nieuw{color:#3538cd;background:#eff4ff;border-color:#c7d7fe}.chip-bezig{color:#5925dc;background:#f4f3ff;border-color:#d9d6fe}.chip-wacht{color:#b54708;background:#fffaeb;border-color:#fedf89}.chip-klaar{color:#067647;background:#ecfdf3;border-color:#abefc6}.chip-fout{color:#b42318;background:#fef3f2;border-color:#fecdca}.teller{height:26px;padding:0 var(--s3);border:1px solid var(--rand);background:var(--vlak);color:var(--tekst);white-space:nowrap;border-radius:999px;align-items:center;font-size:14px;display:inline-flex}.teller.rood{color:#fff;background:#d03b2f;border-color:#d03b2f}.badge{border:1px solid var(--rand);height:20px;color:var(--tekst);vertical-align:1px;border-radius:999px;align-items:center;margin-left:6px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}table{border-collapse:separate;border-spacing:0;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);width:100%;box-shadow:var(--schaduw);overflow:hidden}th,td{text-align:left;vertical-align:top;padding:14px 10px}th:first-child,td:first-child{padding-left:var(--s5)}th:last-child,td:last-child{padding-right:var(--s5)}th{color:var(--zacht);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--rand);font-size:12px;font-weight:600}td{color:var(--tekst);border-bottom:1px solid #eef0f3;font-size:14.5px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fafbfc}td a{text-decoration:none}td a:hover{text-decoration:underline}td small,td .sub{color:var(--zacht);margin-top:2px;font-size:12.5px;font-weight:400;display:block}td .naam{color:var(--tekst);font-weight:600}.matrix td,.matrix th{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:left}.voorraad{width:auto;min-width:640px;margin:var(--s4) 0 var(--s5)}.voorraad td{vertical-align:middle}.voorraad td,.voorraad th{text-align:right}.voorraad td:first-child,.voorraad th:first-child{text-align:left}table.werklijst td{white-space:nowrap}table.werklijst td.wrap{white-space:normal;min-width:140px;max-width:220px}table.werklijst td:has(.naam){white-space:normal;min-width:150px;max-width:210px}.scroll{overflow-x:auto}.scroll table{min-width:100%}.fout{color:var(--fout)}.zacht{color:var(--zacht)}.let-op{color:var(--let-op);font-weight:600}.te-laat{color:var(--fout);font-weight:600}.label{margin-left:var(--s2);padding:0 var(--s2);background:#f4f4f5;border-radius:999px;font-size:12px;font-weight:600;display:inline-block}.label.te-laat{background:var(--fout-vlak)}pre{white-space:pre-wrap;font:12px/1.45 var(--mono);margin:0}dd.tekst{white-space:pre-wrap}ul.lijst li{margin:var(--s2) 0}.kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--s6);max-width:400px;margin:12vh auto 0;box-shadow:0 8px 24px #1018280f}.inlog-kop{align-items:center;gap:var(--s2);margin-bottom:var(--s5);display:flex}.inlog-kop strong{font-size:18px}.kaart button[type=submit]{justify-content:center;width:100%;height:38px}.kaart input{max-width:none;height:38px}fieldset{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);margin:var(--s4) 0;padding:var(--s2) var(--s4) var(--s4)}legend{padding:0 var(--s1);font-weight:600}fieldset.kaal{background:0 0;border:0;margin:0;padding:0;display:contents}dl.gegevens{gap:var(--s2) var(--s5);margin:var(--s3) 0;grid-template-columns:max-content 1fr;display:grid}dl.gegevens dt{color:var(--zacht)}dl.gegevens dd{margin:0}.acties{gap:var(--s3);margin:var(--s4) 0;flex-wrap:wrap;align-items:end;display:flex}.acties form{gap:var(--s2);align-items:end;display:flex}.naast{gap:var(--s6);flex-wrap:wrap;align-items:start;display:flex}.melding-verborgen{background:var(--fout-vlak);padding:var(--s2) var(--s4);border-radius:var(--r-s);border:1px solid #fecdca}.sync-regel{gap:var(--s4);margin:0 0 var(--s3);flex-wrap:wrap;align-items:center;font-size:13px;display:flex}details.verbergen{margin:var(--s5) 0}details.verbergen summary{cursor:pointer;color:var(--zacht)}.vinkjes{gap:var(--s1) var(--s4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.vinkjes label,.rij-formulier label,fieldset label{text-transform:none;letter-spacing:normal;font-size:14px;font-weight:400}label:has(input[type=checkbox]){text-transform:none;letter-spacing:normal;font-size:14px;font-weight:400}label:has(input[type=radio]){text-transform:none;letter-spacing:normal;font-size:14px;font-weight:400}nav.tabs{gap:var(--s5);border-bottom:1px solid var(--rand);margin:0 0 var(--s4);display:flex}nav.tabs a{padding:var(--s2) 0;color:var(--zacht);border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500;text-decoration:none}nav.tabs a:hover{color:var(--tekst)}nav.tabs a.actief{color:var(--tekst);border-bottom-color:var(--knop);font-weight:600}nav.filters{gap:var(--s4);margin:var(--s4) 0;flex-wrap:wrap;display:flex}nav.filters span{background:var(--vlak);border:1px solid var(--rand);border-radius:999px;gap:2px;padding:3px;display:inline-flex}nav.filters a{color:var(--tekst);border-radius:999px;padding:5px 14px;font-size:14px;font-weight:500;text-decoration:none}nav.filters a:hover{color:var(--tekst)}nav.filters a.actief{background:var(--knop);color:#fff}.filterformulier{gap:0 var(--s4);background:var(--vlak);border:1px solid var(--rand);padding:var(--s3) var(--s5) var(--s5);border-radius:var(--r-xl);margin-bottom:var(--s5);box-shadow:var(--schaduw);grid-template-columns:repeat(auto-fill,minmax(165px,1fr));align-items:end;display:grid}.filterformulier select,.filterformulier input{max-width:none}.filterformulier .knoppen{gap:var(--s3);margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--rand);grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.filterformulier .periode{grid-column:span 2}.filterformulier .periode>span{gap:var(--s2);align-items:center;display:flex}.filterformulier details.meer{margin-top:var(--s3);grid-column:1/-1}.filterformulier details.meer summary{cursor:pointer;font-weight:600}.filterformulier-rij{gap:0 var(--s4);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.tegels{gap:var(--s3);margin:var(--s4) 0;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.tegels div{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--s3) var(--s4);box-shadow:var(--schaduw);flex-direction:column;display:flex}.tegels span{color:var(--zacht);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.tegels strong{font-size:26px;font-weight:650;line-height:34px}.tegels small{color:var(--zacht)}.checklist fieldset label{margin:var(--s1) 0;gap:var(--s2);align-items:center;font-size:14px;font-weight:400;display:flex}.checklist legend{font-weight:600}.behoud textarea,.behoud select,.behoud input[type=datetime-local]{max-width:640px}.behoud fieldset label{gap:var(--s2);margin:var(--s1) 0;align-items:center;font-size:14px;font-weight:400;display:flex}.behoud label.vinkje{gap:var(--s2);align-items:start;max-width:640px;font-size:14px;font-weight:400;display:flex}.rij-formulier{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.rij-formulier input:not([type=checkbox]),.rij-formulier textarea,.rij-formulier select{width:auto}.rij-formulier label.vinkje{gap:var(--s1);align-items:center;margin:0;font-weight:400;display:flex}.rij-formulier p{margin:var(--s1) 0 0;flex-basis:100%}@media (prefers-reduced-motion:no-preference){.schil{transition:grid-template-columns .15s}}h1:has(+.ondertitel){margin-bottom:var(--s1)}.ondertitel{color:var(--zacht);margin:0 0 var(--s5);font-size:16px}.paginakop{gap:var(--s4);margin-bottom:var(--s5);justify-content:space-between;align-items:flex-start;display:flex}.paginakop h1{margin:0 0 var(--s1)}.paginakop p{color:var(--zacht);margin:0 0 2px;font-size:15px}.paginakop .meta{font-size:14px}.paginakop .meta strong{color:var(--tekst);font-weight:600}.paginakop form{margin:0}.paginakop button{background:var(--vlak);color:var(--tekst);border-color:var(--tekst)}.paginakop button:hover{background:var(--vlak-zacht)}.blok{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-xl);padding:var(--s5);margin-bottom:var(--s5);box-shadow:var(--schaduw)}.blok-kop{gap:var(--s2);padding-bottom:var(--s4);margin-bottom:var(--s5);border-bottom:1px solid var(--rand);align-items:center;display:flex}.blok-kop h2{flex:1;margin:0;font-size:22px}.blok-kop h2 a{color:inherit;text-decoration:none}.blok table{box-shadow:none}.lijstkop{justify-content:space-between;align-items:center;gap:var(--s4);margin:0 0 var(--s3);color:var(--zacht);flex-wrap:wrap;display:flex}.lijstkop nav.filters{margin:0}table.fasetabel td,table.fasetabel th{vertical-align:middle}table.fasetabel td.getal,table.fasetabel th.getal{text-align:right;width:140px}table.fasetabel td.balk{width:240px}.balkje{background:#e6e8ec;border-radius:999px;height:9px;overflow:hidden}.balkje span{background:var(--balk);border-radius:999px;height:100%;display:block}nav.pillen{background:var(--vlak);border:1px solid var(--rand);margin-bottom:var(--s5);border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}nav.pillen a{color:var(--tekst);border-radius:999px;padding:8px 18px;font-weight:500;text-decoration:none}nav.pillen a:hover{background:var(--vlak-zacht)}nav.pillen a.actief{background:var(--knop);color:#fff}.icoonknop{border-radius:var(--r-m);border:1px solid var(--rand-sterk);width:36px;height:36px;color:var(--tekst);background:var(--vlak);place-items:center;display:inline-grid}.icoonknop.klaar{color:#fff;background:#2e7d4f;border-color:#2e7d4f}.icoonknop.half{color:#2e7d4f;border-color:#2e7d4f}.taak{max-width:920px}.taakkop{margin-bottom:var(--s4)}.taakkop h1{margin:2px 0 var(--s1)}.taakkop p{margin:0 0 var(--s1)}.taakkop .meta{color:var(--zacht);font-size:14px}.taakkop .chips{gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;align-items:center;font-size:14px;display:flex}.taakdeel{border-top:1px solid var(--rand);padding-top:var(--s2);margin-top:var(--s5)}.taakdeel>h2:first-child{margin-top:var(--s3)}details.taakdeel summary{cursor:pointer;color:var(--zacht);padding:var(--s3) 0}details.geschiedenis table{font-size:14px}body.lade-open{overflow:hidden}.lade-achtergrond{z-index:50;background:#10182852;justify-content:flex-end;animation:.15s ease-out lade-vervagen;display:flex;position:fixed;inset:0}.lade{background:var(--achtergrond);flex-direction:column;width:min(760px,100vw);height:100%;animation:.2s ease-out lade-schuiven;display:flex;box-shadow:-8px 0 24px #1018281f}.lade-balk{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s5);background:var(--vlak);border-bottom:1px solid var(--rand);font-size:14px;display:flex}.lade-balk button{justify-content:center;width:36px;height:36px;padding:0}.lade-inhoud{padding:var(--s5) var(--s6) var(--s6);flex:1;overflow-y:auto}.lade-inhoud .taak{max-width:none}@keyframes lade-schuiven{0%{opacity:.6;transform:translate(40px)}}@keyframes lade-vervagen{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.lade,.lade-achtergrond{animation:none}}.tegels.klikbaar{gap:var(--s4);margin:0 0 var(--s5);grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.tegels.klikbaar.compact{gap:var(--s3);margin:var(--s4) 0;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.tegel{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--s4) var(--s5);box-shadow:var(--schaduw);color:var(--tekst);flex-direction:column;gap:2px;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:flex}.tegel:hover{border-color:var(--rand-sterk);text-decoration:none;box-shadow:0 2px 8px #10182814}.tegel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tegel span{color:var(--zacht);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.tegel strong{font-size:30px;font-weight:650;line-height:38px}.compact .tegel{padding:var(--s3) var(--s4);background:var(--vlak-zacht,#f9fafb);box-shadow:none}.compact .tegel strong{font-size:24px;line-height:32px}.tegel small{color:var(--zacht);font-size:13px}.tegel.oranje strong{color:var(--let-op)}.tegel.rood strong{color:var(--fout)}.balkregel{align-items:center;gap:var(--s3);font-size:14px;display:flex}.balkregel .balkje{flex:1;max-width:360px}