:root{--baja:#1a6380;--caramel:#cb774f;--amaranth:#62475a;--ivory:#eae8dc;--lightblue:#bee1f0;--pearl:#f1f1f1;--ebony:#322e2a;--purpleash:#8c7f8d;--rand:#d9d9d9;--topbar-h:52px;--rail-in:56px;--rail-uit:212px;--submenu-b:236px}*{box-sizing:border-box}html,body,#root{height:100%}body{color:#000;background:var(--pearl);margin:0;font-family:Lato,Google Sans,Open Sans,-apple-system,sans-serif}.topbar{background:var(--amaranth);color:#fff;height:var(--topbar-h);z-index:30;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0}.topbar .merk{letter-spacing:.5px;font-size:18px;font-weight:700}.topbar .merk small{opacity:.8;margin-left:8px;font-size:13px;font-weight:400}.topbar .rechts{align-items:center;gap:16px;font-size:14px;display:flex}.topbar button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:4px;padding:6px 12px;font-size:13px}.topbar button:hover{background:#ffffff26}.raam{height:calc(100vh - var(--topbar-h));display:flex;overflow:hidden}.rail{width:var(--rail-in);background:#fff;border-right:1px solid #e2ded2;flex-direction:column;flex:none;transition:width .16s;display:flex}.rail.uit{width:var(--rail-uit)}.rail-top{flex:none;align-items:center;height:44px;padding:0 12px;display:flex}.rail-vouw{width:32px;height:32px;color:var(--baja);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;display:grid}.rail-vouw:hover{background:var(--pearl)}.rail-nav{flex-direction:column;gap:2px;padding:4px 8px;display:flex}.rail-onder{border-top:1px solid #eee9dd;margin-top:auto;padding:8px}.rail-item{width:100%;height:40px;font:inherit;color:var(--ebony);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:12px;padding:0 8px;display:flex;overflow:hidden}.rail-item svg{color:var(--baja);flex:none}.rail-item .rail-tekst{opacity:0;transition:opacity .12s}.rail.uit .rail-item .rail-tekst{opacity:1}.rail-item:hover{background:var(--pearl)}.rail-item.actief{background:var(--ivory);box-shadow:inset 3px 0 0 var(--caramel);font-weight:700}.rail-item.actief svg{color:var(--caramel)}.submenu{width:var(--submenu-b);background:#fff;border-right:1px solid #e2ded2;flex-direction:column;flex:none;transition:width .16s;display:flex}.submenu.dicht{border-right:none;width:0;overflow:hidden}.submenu-kop{border-bottom:1px solid #eee9dd;align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.submenu-kop h2{color:var(--baja);margin:0;font-size:17px;font-weight:700}.submenu-vouw{color:var(--purpleash);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px}.submenu-vouw:hover{background:var(--pearl)}.submenu-zoek{padding:10px 12px}.submenu-zoek input{width:100%;font:inherit;background:#fff;border:1px solid #ddd6c8;border-radius:4px;padding:7px 10px;font-size:13px}.submenu-zoek input:focus{outline:2px solid var(--lightblue);outline-offset:-1px;border-color:var(--baja)}.submenu-nav{padding:6px 8px 10px;overflow:auto}.submenu-item{text-align:left;width:100%;font:inherit;color:var(--ebony);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 10px;display:block}.submenu-item:hover{background:var(--pearl)}.submenu-item.actief{background:var(--ivory);box-shadow:inset 3px 0 0 var(--baja);font-weight:700}.submenu-bij{color:var(--purpleash);font-size:11.5px;font-weight:400;display:block}.submenu-leeg{color:var(--purpleash);text-align:center;padding:12px;font-size:13px}.submenu-handvat{width:14px;color:var(--purpleash);cursor:pointer;background:#fff;border:none;border-right:1px solid #e2ded2;flex:none;place-items:center;padding:0;display:grid}.submenu-handvat:hover{background:var(--ivory)}.weergave{flex:1;padding:18px 22px 48px;overflow:auto}.kruimel{color:var(--purpleash);margin-bottom:2px;font-size:12.5px}.kruimel b{color:var(--ebony);font-weight:700}.nog-leeg{text-align:center;color:var(--purpleash);background:#fff;border:1px dashed #ccc4b3;border-radius:6px;flex-direction:column;gap:6px;padding:40px;display:flex}.nog-leeg strong{color:var(--ebony);font-size:15px}.wrap{max-width:1400px;margin:0 auto;padding:20px 24px}.titel{color:var(--baja);margin:0 0 4px;font-size:28px;font-weight:700}.subtitel{color:var(--caramel);margin:0 0 18px;font-size:15px}.filters{background:var(--ivory);border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding:16px;display:flex}.filtergroep{flex-direction:column;gap:4px;display:flex}.filtergroep label{color:var(--ebony);font-size:12px;font-weight:700}.filtergroep select,.filtergroep .multiselect{border:1px solid var(--rand);background:#fff;border-radius:4px;min-width:180px;padding:6px 8px;font-size:14px}.knop{background:var(--baja);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-block}.knop.leeg{color:var(--baja);border:1px solid var(--baja);background:#fff}.knop:hover{opacity:.9}.chip{background:var(--lightblue);color:var(--ebony);border-radius:14px;align-items:center;gap:8px;margin-left:8px;padding:4px 10px;font-size:13px;display:inline-flex}.chip button{cursor:pointer;color:var(--ebony);background:0 0;border:none;font-size:15px;line-height:1}.paneel{border:1px solid var(--rand);background:#fff;border-radius:6px;margin-bottom:20px}.paneel h2{color:var(--baja);border-bottom:1px solid var(--rand);background:var(--pearl);border-radius:6px 6px 0 0;margin:0;padding:12px 16px;font-size:16px}.paneel .inhoud{padding:16px}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th,table.data td{text-align:left;border-bottom:1px solid #eee;padding:7px 10px}table.data th{background:var(--baja);color:#fff;font-weight:700}table.data td.bedrag,table.data th.bedrag{text-align:right;font-variant-numeric:tabular-nums}table.data tr.klik{cursor:pointer}table.data tr.klik:hover{background:var(--ivory)}table.data tr.actief{background:var(--lightblue)}table.data tr.totaal td{border-top:2px solid var(--rand);background:var(--pearl);font-weight:700}.login-wrap{border:1px solid var(--rand);background:#fff;border-radius:8px;max-width:380px;margin:80px auto;padding:32px}.login-wrap h1{color:var(--baja);margin:0 0 4px;font-size:24px}.login-wrap p{color:var(--caramel);margin:0 0 24px;font-size:14px}.login-wrap label{margin:12px 0 4px;font-size:13px;font-weight:700;display:block}.login-wrap input{border:1px solid var(--rand);border-radius:4px;width:100%;padding:10px;font-size:14px}.login-wrap button{background:var(--baja);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:20px;padding:11px;font-size:15px;font-weight:700}.login-wrap button:disabled{opacity:.6;cursor:default}.login-wrap .fout{color:#b00;margin-top:12px;font-size:13px}.melding{text-align:center;color:var(--ebony);padding:40px}.fout-melding{color:#7a2020;background:#fbeaea;border:1px solid #e0b4b4;border-radius:6px;margin-bottom:16px;padding:16px;font-size:14px}.ms-wrap{position:relative}.ms-knop{border:1px solid var(--rand);cursor:pointer;background:#fff;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;min-width:200px;padding:7px 10px;font-size:14px;display:flex}.ms-knop:hover{border-color:var(--baja)}.ms-tekst{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ms-pijl{color:var(--baja);font-size:10px}.ms-paneel{z-index:50;border:1px solid var(--rand);background:#fff;border-radius:6px;min-width:240px;max-width:340px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #0000001f}.ms-acties{border-bottom:1px solid #eee;gap:8px;padding:8px;display:flex}.ms-acties button{border:1px solid var(--baja);color:var(--baja);cursor:pointer;background:#fff;border-radius:4px;flex:1;padding:4px 8px;font-size:12px;font-weight:700}.ms-acties button:hover{background:var(--baja);color:#fff}.ms-lijst{max-height:260px;padding:4px 0;overflow-y:auto}.ms-optie{cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:400;display:flex}.ms-optie:hover{background:var(--ivory)}.ms-optie input{cursor:pointer}.ms-leeg{color:#999;text-align:center;padding:12px;font-size:13px}table.data.sticky thead th{z-index:10;position:sticky;top:0}