:root{--bg:#F4F3EF;--card:#fff;--line:rgba(20,20,30,.08);--line2:rgba(20,20,30,.14);--ink:#16161D;--sec:#5C5C66;--mut:#9A9AA3;--geel:#F5C542;--geelz:#FDF5DD;--good:#16794C;--goodz:#E3F4EA;--warn:#9A6700;--warnz:#FFF3D1;--crit:#C23B22;--critz:#FDEBE7;--blauw:#2856C8;--blauwz:#EAF0FD;--sh:0 1px 2px rgba(20,20,30,.04),0 8px 28px rgba(20,20,30,.05)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;background:var(--bg);color:var(--ink);font-family:Geist,Inter,system-ui,sans-serif;font-size:14px;letter-spacing:-.005em}.bric,h1,h2,h3{font-family:Geist,Inter,sans-serif;letter-spacing:-.03em}.app{display:flex;min-height:100vh;gap:0}nav{width:250px;flex:none;margin:12px 0 12px 12px;background:#fff;border-radius:22px;box-shadow:var(--sh);padding:8px 10px 16px;position:-webkit-sticky;position:sticky;top:12px;height:calc(100vh - 24px);overflow:auto}nav .logo{padding:14px 12px 16px;font-weight:650;font-size:16px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}nav .logo span{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#F5C542,#E58F2A);margin:0;display:inline-block;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}nav .grp{font-size:11px;color:var(--mut);padding:16px 12px 6px;letter-spacing:.02em}nav .grp,nav a{font-weight:500}nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:1px 0;color:var(--sec);text-decoration:none;font-size:14px;border-radius:12px;cursor:pointer;transition:background .15s,color .15s}nav a:hover{background:#F4F3EF;color:var(--ink)}nav a.act{background:var(--ink);color:#fff}nav a .n{margin-left:auto;font-size:11px;background:var(--crit);color:#fff;border-radius:999px;padding:1px 7px;font-weight:600}nav .als{margin:18px 4px 0;padding:12px;background:#F7F6F2;border-radius:16px;font-size:12px;color:var(--sec)}nav .als select{width:100%;margin-top:6px}main{flex:1 1;min-width:0;padding:30px 36px 80px;max-width:1180px}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.top h1{margin:0;font-size:34px;font-weight:650;line-height:1.1}.top p{margin:8px 0 0;color:var(--sec);font-size:15px}.card{overflow-x:auto;background:var(--card);border:none;border-radius:22px;padding:24px;margin-bottom:16px;box-shadow:var(--sh)}.card h2{margin:0 0 4px;font-size:19px;font-weight:620}.sub{color:var(--sec);font-size:13.5px;margin:0 0 16px;line-height:1.5}.grid{display:grid;grid-gap:12px;gap:12px}.m{background:#fff;border:none;border-radius:20px;padding:16px 18px;box-shadow:var(--sh)}.m .l{font-size:12.5px;color:var(--sec);font-weight:500}.m .v{font-size:32px;font-weight:650;letter-spacing:-.04em;margin-top:2px}.btn{font:inherit;font-size:13px;font-weight:550;border:1px solid var(--line2);background:#fff;border-radius:999px;padding:9px 16px;cursor:pointer;color:var(--ink);display:inline-flex;align-items:center;gap:6px;transition:transform .1s,background .15s}.btn:hover{background:#F7F6F2}.btn:active{transform:scale(.97)}.btn.geel{background:var(--ink);border-color:var(--ink);color:#fff}.btn.geel:hover{background:#2B2B35}.btn.sm{padding:6px 12px;font-size:12px}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}.p-good{background:var(--goodz);color:var(--good)}.p-warn{background:var(--warnz);color:var(--warn)}.p-crit{background:var(--critz);color:var(--crit)}.p-blauw{background:var(--blauwz);color:var(--blauw)}.p-grijs{background:#EFEEEA;color:var(--sec)}table{width:100%;border-collapse:separate;border-spacing:0}th{font-size:12px;color:var(--mut);font-weight:500;text-align:left;padding:10px 12px}td,th{border-bottom:1px solid var(--line)}td{padding:12px;vertical-align:middle}tr:last-child td{border-bottom:none}tr.klik{cursor:pointer}tr.klik:hover td{background:#F9F8F5}.naam{font-weight:580}.klein{font-size:12.5px;color:var(--sec)}input,select{font:inherit;font-size:13.5px;border:1px solid var(--line2);border-radius:12px;padding:8px 11px;background:#fff;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(22,22,29,.08)}input.zoek{width:100%;padding:13px 16px;font-size:15px;border-radius:16px;background:#F7F6F2;border-color:transparent}.seg{display:inline-flex;background:#F1F0EC;border-radius:999px;padding:3px;gap:2px}.seg button{font:inherit;font-size:12.5px;font-weight:600;border:none;background:transparent;padding:6px 14px;cursor:pointer;color:var(--sec);border-radius:999px;transition:background .15s}.seg button+button{border-left:none}.seg .ja{background:var(--good);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}.seg .nee{background:#fff;color:var(--crit);box-shadow:0 1px 3px rgba(0,0,0,.12)}.proj{border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:#fff;transition:box-shadow .2s}.proj:hover{box-shadow:var(--sh)}.proj h3{margin:0;font-size:16px}.rel{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px;flex-wrap:wrap}.chip{gap:6px;background:#F4F3EF;border:none;border-radius:999px;padding:4px 10px 4px 4px;font-size:12.5px;margin:2px 4px 2px 0;white-space:nowrap;font-weight:500}.chip,.chip .av{display:inline-flex;align-items:center}.chip .av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#F5C542,#E58F2A);justify-content:center;font-size:10px;font-weight:700;color:#3a2a00}.chip.zonder{opacity:.45}.chip .u{color:var(--sec)}.tip{background:var(--blauwz);color:var(--blauw);border-radius:16px;padding:12px 16px;font-size:13.5px;margin-bottom:16px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.bar{height:8px;background:#EFEEEA;overflow:hidden}.bar,.bar div{border-radius:999px}.bar div{height:100%}.scherm{display:none}.scherm.act{display:block;animation:in .25s ease}@keyframes in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.phone{width:340px;margin:0 auto;background:#fff;border:8px solid #16161d;border-radius:44px;padding:28px 18px 22px;box-shadow:0 30px 60px rgba(20,20,30,.18)}.check{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--line2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;transition:background .15s}.check.on{background:var(--good);border-color:var(--good)}.check.weg{background:var(--crit);border-color:var(--crit)}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.filters button{font:inherit;font-size:12.5px;font-weight:500;border:none;background:#F1F0EC;border-radius:999px;padding:7px 14px;cursor:pointer;color:var(--sec)}.filters button.on{background:var(--ink);color:#fff}.x-mockbanner{background:transparent;color:var(--mut);font-size:12px;padding:10px 14px 0;text-align:center}.modal{position:fixed;inset:0;background:rgba(22,22,29,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.modal.open{display:flex}.modal .box{background:#fff;border-radius:24px;max-width:820px;width:100%;max-height:85vh;overflow:auto;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.2);animation:in .2s ease}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:13px;display:none;z-index:20;box-shadow:0 10px 30px rgba(0,0,0,.2)}.card>.sub,.top p,.uitleg{display:none!important}.ic{width:1.1em;height:1.1em;vertical-align:-.18em;flex:none;display:inline-block}nav a .ic{width:17px;height:17px;opacity:.8}.ac{position:absolute;left:0;width:min(420px,80vw);top:calc(100% + 4px);background:#fff;border-radius:14px;box-shadow:0 12px 32px rgba(20,20,30,.14);z-index:5;overflow:hidden;display:none}.ac.open{display:block}.ac button{all:unset;box-sizing:border-box;display:flex;gap:10px;align-items:center;width:100%;padding:9px 12px;cursor:pointer}.ac button.hl,.ac button:hover{background:#F4F3EF}.ac .bron{font-size:11px;color:var(--mut);padding:8px 12px 4px;display:flex;gap:6px;align-items:center}nav .logo .kerstlogo{width:32px;height:32px;background:none;box-shadow:0 4px 12px rgba(20,83,45,.25);border-radius:10px;display:inline-flex}body.archief main section :is(input,select,.seg button,button.btn:not([data-exp]),[data-af],[data-weghaal]){pointer-events:none;opacity:.5}.kt{table-layout:fixed;min-width:680px}.kt th{padding:8px}.kt td{padding:7px 8px;border-bottom:1px solid var(--line)}.kt input,.kt select{padding:6px 9px;font-size:13px;border-radius:10px}.kt tr.groep td{background:#F7F6F2;padding:10px;border-bottom:none}.kt tbody+tbody tr.groep td{border-top:14px solid #fff}.kt tr.nieuw td{border-bottom:none;padding-top:9px}.kt tr.melding td{padding:0 8px 6px;border-bottom:none}.kt tr.melding td:empty{padding:0}.kl{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1.5fr) 34px;grid-gap:12px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.kl-kop{font-size:11.5px;color:var(--mut);font-weight:500;padding:4px 0 6px;border-top:none}.kl-nieuw{background:#F7F6F2;border-radius:14px;padding:10px;margin-top:8px;border-top:none;align-items:start}.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn.ico{padding:7px;border:none;background:transparent;color:var(--mut);border-radius:10px;justify-content:center}.btn.ico:hover{background:#F1F0EC;color:var(--ink)}.btn.geel.ico{background:var(--ink);color:#fff;width:34px;height:34px}@media (max-width:640px){.kl{grid-template-columns:1fr 34px}.kl>:nth-child(2),.kl>:nth-child(3){grid-column:1}.kl-kop{display:none}}.leeg{padding:28px;text-align:center;color:var(--mut);line-height:1.6}@media (max-width:1100px) and (min-width:641px){nav{width:68px;padding:8px 6px 14px}nav .logo{padding:10px 0 12px;justify-content:center}nav .logo>div{display:none}nav .grp{font-size:0;padding:8px 0;border-top:1px solid var(--line);margin:6px 8px 0}nav a{font-size:0;justify-content:center;padding:10px 0;position:relative}nav a .ic{width:19px;height:19px;opacity:.85}nav a .n{position:absolute;top:3px;right:6px;font-size:9.5px;padding:0 5px}#jaarkeuze .seg,#jaarkeuze>div{flex-direction:column}#jaarkeuze .seg{width:100%}#jaarkeuze .seg button{font-size:11px;padding:5px 0!important}#jaarkeuze .btn{width:100%;justify-content:center}nav .als{font-size:0;padding:6px;margin:10px 0 0}nav .als select{font-size:11px;padding:4px;margin:0}nav .als #als-info{display:none}main{padding:22px 20px 60px}.top h1{font-size:28px}}@media (max-width:640px){.app{flex-direction:column}nav{width:auto;height:auto;position:static;margin:10px 10px 0;display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px}nav .logo{padding:6px 8px;width:100%}nav .grp{display:none}nav a{padding:7px 10px;font-size:13px}nav .als{margin:4px 0 0}#jaarkeuze,nav .als{width:100%}main{padding:16px 14px}.top h1{font-size:24px}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.melding{font-size:13px;margin:0 0 12px}.melding.fout{color:var(--crit)}.melding.ok{color:var(--good)}nav form{margin:0}nav .uit{all:unset;cursor:pointer;font-size:12px;color:var(--mut);padding:6px 12px;display:block}a.btn{text-decoration:none}.btn[disabled]{opacity:.4;pointer-events:none}.offline{position:fixed;top:10px;left:50%;transform:translateX(-50%);background:var(--warnz);color:var(--warn);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;z-index:30}@media (max-width:1100px) and (min-width:641px){nav .als .uit{font-size:11px;padding:4px 0;text-align:center}}