:root{--bg: #f4f5f8;--vlak: #ffffff;--vlak-2: #f8f9fb;--rand: #e4e7ec;--rand-sterk: #cfd4dc;--tekst: #1a1f2b;--tekst-2: #5b6474;--tekst-3: #8a93a3;--accent: #233d7b;--accent-donker: #1a2f61;--accent-licht: #e8eefb;--zij-bg: #0f172a;--zij-tekst: #cbd5e1;--zij-tekst-sterk: #ffffff;--zij-actief: rgba(255, 255, 255, .08);--groen: #15803d;--groen-licht: #e7f6ec;--blauw: #2563eb;--blauw-licht: #e8effd;--rood: #b91c1c;--rood-licht: #fdeaea;--oranje: #b45309;--oranje-licht: #fdf1e2;--grijs: #64748b;--grijs-licht: #eef1f5;--schaduw: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--schaduw-2: 0 8px 24px rgba(16, 24, 40, .12);--radius: 10px;--radius-klein: 6px;--zijbalk: 248px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:14px/1.5 var(--font);color:var(--tekst);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}a{color:var(--accent)}.mono{font-family:var(--mono);font-size:12.5px}.gedempt{color:var(--tekst-3)}.rechts{text-align:right}.groei{flex:1;min-width:0}.shell{display:grid;grid-template-columns:var(--zijbalk) 1fr;min-height:100%}.topbalk{display:none}.zijbalk{background:var(--zij-bg);color:var(--zij-tekst);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh}.inhoud{padding:32px 40px 56px;max-width:1280px;width:100%;min-width:0}.merk{display:flex;align-items:center;gap:12px;padding:4px 8px 20px;color:var(--zij-tekst-sterk)}.merk__icoon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--accent);color:#fff;flex:none}.merk__naam{display:block;font-weight:650;font-size:15px;letter-spacing:-.01em;line-height:1.2}.merk__sub{display:block;font-size:12px;color:var(--zij-tekst);opacity:.8}.merk--klein{padding:0;gap:8px;font-weight:650}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav__groep{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--zij-tekst);opacity:.6;padding:14px 10px 6px;display:flex;align-items:center;gap:8px}.nav__tag{font-size:10px;text-transform:none;letter-spacing:0;padding:1px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.2);opacity:.9}.nav__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--zij-tekst);text-decoration:none;font-weight:500}.nav__item:hover{background:var(--zij-actief);color:var(--zij-tekst-sterk)}.nav__item.active{background:var(--zij-actief);color:var(--zij-tekst-sterk);box-shadow:inset 3px 0 0 var(--accent-licht)}.nav__item--gedempt{opacity:.55}.nav__ruimte{flex:1}.gebruiker{display:flex;align-items:center;gap:10px;padding:12px 8px 4px;border-top:1px solid rgba(255,255,255,.08);margin-top:12px}.gebruiker__foto{width:32px;height:32px;border-radius:50%;flex:none;object-fit:cover}.gebruiker__foto--letters{display:grid;place-items:center;background:var(--accent);color:#fff;font-size:12px;font-weight:650}.gebruiker__tekst{min-width:0;flex:1;display:flex;flex-direction:column}.gebruiker__naam{color:var(--zij-tekst-sterk);font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gebruiker__rol{font-size:12px;opacity:.7}.gebruiker__uit{background:none;border:0;color:var(--zij-tekst);padding:6px;border-radius:6px;cursor:pointer}.gebruiker__uit:hover{background:var(--zij-actief);color:#fff}.pagina-kop{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.pagina-kop__titel{font-size:24px;font-weight:650;letter-spacing:-.02em;line-height:1.2}.pagina-kop__uitleg{color:var(--tekst-2);margin-top:4px;max-width:64ch}.pagina-kop__acties{display:flex;gap:8px}.twee-kolommen{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px;align-items:start}.twee-kolommen--boom{grid-template-columns:280px minmax(0,1fr)}.stapel{display:flex;flex-direction:column;gap:24px}.stapel--klein{gap:12px}.kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw)}.kaart__kop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 0;flex-wrap:wrap}.kaart--strak .kaart__kop{padding-bottom:14px;border-bottom:1px solid var(--rand)}.kaart__titel{font-size:15px;font-weight:650;display:flex;align-items:center;gap:8px}.kaart__uitleg{color:var(--tekst-2);font-size:13px;margin-top:2px}.kaart__acties{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kaart__inhoud{padding:18px 20px 20px}.kaart--strak .kaart__inhoud{padding:0}.kaart--ruimte{margin-top:24px}.teller{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--grijs-licht);color:var(--tekst-2);font-size:12px;font-weight:600}.teller--fout{background:var(--rood-licht);color:var(--rood)}.formulier{display:flex;flex-direction:column;gap:16px}.formulier__tijden{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.formulier__voet{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:4px}.veld{display:flex;flex-direction:column;gap:6px;min-width:0}.veld__label{font-size:13px;font-weight:600;color:var(--tekst-2)}.veld__hint{font-size:12.5px;color:var(--tekst-3);margin:0}.invoer{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--rand-sterk);border-radius:var(--radius-klein);background:var(--vlak);min-height:38px}.invoer:focus,.ou-picker__knop:focus-visible,.knop:focus-visible,.chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}select.invoer{padding-right:28px}.rij{display:flex;gap:8px;align-items:center}.rij>.invoer{flex:1}.rij--uitlijnen{align-items:flex-end}.rij--boven{margin-top:16px;flex-wrap:wrap}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.chip{border:1px solid var(--rand-sterk);background:var(--vlak);border-radius:999px;padding:2px 10px;font-size:12.5px;cursor:pointer;color:var(--tekst-2)}.chip:hover{border-color:var(--accent);color:var(--accent)}.samenvatting{background:var(--vlak-2);border:1px dashed var(--rand-sterk);border-radius:var(--radius-klein);padding:10px 12px;font-size:13.5px}.schakel{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--tekst-2)}.zoekveld{display:flex;align-items:center;gap:6px;border:1px solid var(--rand-sterk);border-radius:var(--radius-klein);padding:4px 8px;color:var(--tekst-3);background:var(--vlak)}.zoekveld input{border:0;outline:0;width:160px;background:transparent}.knop{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;min-height:38px;border-radius:var(--radius-klein);border:1px solid var(--rand-sterk);background:var(--vlak);font-weight:550;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s,border-color .12s}.knop:hover{background:var(--vlak-2)}.knop:disabled{opacity:.55;cursor:not-allowed}.knop--primair{background:var(--accent);border-color:var(--accent);color:#fff}.knop--primair:hover{background:var(--accent-donker)}.knop--gevaar{background:var(--rood-licht);border-color:transparent;color:var(--rood)}.knop--gevaar:hover{background:#f9d6d6}.knop--stil{border-color:transparent;background:transparent;color:var(--tekst-2)}.knop--stil:hover{background:var(--grijs-licht)}.knop--klein{padding:4px 10px;min-height:30px;font-size:13px}.knop--groot{padding:12px 18px;min-height:46px;font-size:15px;justify-content:center}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;line-height:18px;background:var(--grijs-licht);color:var(--grijs);white-space:nowrap}.badge--gepland{background:var(--blauw-licht);color:var(--blauw)}.badge--actief,.badge--actief-stil{background:var(--groen-licht);color:var(--groen)}.badge--mislukt{background:var(--rood-licht);color:var(--rood)}.badge--afgerond,.badge--geannuleerd,.badge--grijs{background:var(--grijs-licht);color:var(--grijs)}.badge__puls{width:8px;height:8px;border-radius:50%;background:var(--groen);box-shadow:0 0 #15803d80;animation:puls 1.6s infinite}@keyframes puls{0%{box-shadow:0 0 #15803d73}70%{box-shadow:0 0 0 7px #15803d00}to{box-shadow:0 0 #15803d00}}.melding{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-klein);font-size:13.5px;border:1px solid transparent;margin-bottom:16px}.melding svg{flex:none;margin-top:2px}.melding--info{background:var(--blauw-licht);color:#1e3a8a}.melding--fout{background:var(--rood-licht);color:var(--rood)}.melding--succes{background:var(--groen-licht);color:var(--groen)}.melding--waarschuwing{background:var(--oranje-licht);color:var(--oranje)}.formulier .melding,.sessie .melding{margin-bottom:0}.sessie .melding{margin:0 16px 12px}.status{display:flex;align-items:center;gap:12px}.status.is-ok svg{color:var(--groen)}.status.is-fout svg{color:var(--rood)}.status__fout{color:var(--rood);font-size:13px;margin-top:4px}.status svg{flex:none}.sessies{list-style:none;margin:0;padding:0}.sessie{border-bottom:1px solid var(--rand)}.sessie:last-child{border-bottom:0}.sessie__kop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px}.sessie--actief .sessie__kop{box-shadow:inset 3px 0 0 var(--groen)}.sessie--mislukt .sessie__kop{box-shadow:inset 3px 0 0 var(--rood)}.sessie__tekst{min-width:0;flex:1}.sessie__titel{display:flex;align-items:center;gap:10px;font-size:15px;flex-wrap:wrap}.sessie__meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--tekst-2);font-size:13px;margin-top:3px}.sessie__tijdlijn{color:var(--accent);font-weight:550}.sessie__fout{display:flex;gap:6px;align-items:flex-start;color:var(--rood);font-size:13px;margin-top:6px}.sessie__fout svg{flex:none;margin-top:3px}.sessie__acties{display:flex;gap:4px;align-items:center;flex:none}.sessie__detail{padding:0 16px 14px}.sessie__paden{font-size:12.5px;margin-bottom:8px}.sessies--compact .sessie__kop{padding:10px 16px}.sessies--compact .sessie__titel{font-size:14px}.sessie--geannuleerd .sessie__titel strong,.sessie--geannuleerd .sessie__meta{color:var(--tekst-3)}.tabel-wrap{overflow-x:auto}.tabel{width:100%;border-collapse:collapse;font-size:13.5px}.tabel th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-3);font-weight:600;padding:10px 16px;border-bottom:1px solid var(--rand);background:var(--vlak-2);white-space:nowrap}.tabel td{padding:9px 16px;border-bottom:1px solid var(--rand);vertical-align:top}.tabel tr:last-child td{border-bottom:0}.tabel tr.is-fout td{background:#fff7f7}.tabel--klein th,.tabel--klein td{padding:6px 10px;font-size:13px}.tabel--nowrap td{white-space:nowrap}.kaart:not(.kaart--strak) .tabel th:first-child,.kaart:not(.kaart--strak) .tabel td:first-child{padding-left:0}.kaart:not(.kaart--strak) .tabel th{background:transparent}.boom{list-style:none;margin:0;padding:6px 0;max-height:70vh;overflow:auto}.boom__item{display:block;width:100%;text-align:left;background:none;border:0;padding:6px 12px;cursor:pointer;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boom__item:hover{background:var(--vlak-2)}.boom__item.is-gekozen{background:var(--accent-licht);color:var(--accent);font-weight:600}.ou-picker{position:relative}.ou-picker__knop{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:6px 10px;border:1px solid var(--rand-sterk);border-radius:var(--radius-klein);background:var(--vlak);cursor:pointer;text-align:left}.ou-picker__knop:disabled{cursor:not-allowed;background:var(--vlak-2)}.ou-picker__icoon{color:var(--tekst-3);flex:none}.ou-picker__waarde{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.ou-picker__waarde strong{font-weight:600}.ou-picker__pad{font-size:12px;color:var(--tekst-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ou-picker__placeholder{flex:1;color:var(--tekst-3)}.ou-picker__pijl{color:var(--tekst-3);transition:transform .15s}.ou-picker.is-open .ou-picker__pijl{transform:rotate(180deg)}.ou-picker__paneel{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw-2);overflow:hidden}.ou-picker__zoek{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--rand);color:var(--tekst-3)}.ou-picker__zoek input{flex:1;border:0;outline:0;background:transparent}.ou-picker__lijst{list-style:none;margin:0;padding:4px 0;max-height:320px;overflow:auto}.ou-picker__item{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;background:none;border:0;padding:7px 12px;cursor:pointer}.ou-picker__item:hover{background:var(--vlak-2)}.ou-picker__item.is-gekozen{background:var(--accent-licht);color:var(--accent)}.ou-picker__item:disabled{opacity:.4;cursor:not-allowed}.ou-picker__naam{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ou-picker__leeg{padding:12px;color:var(--tekst-3)}.leeg{text-align:center;padding:32px 20px;color:var(--tekst-2)}.leeg__icoon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 10px;border-radius:12px;background:var(--grijs-licht);color:var(--tekst-3)}.leeg__titel{font-size:14.5px;font-weight:600;color:var(--tekst)}.leeg__tekst{font-size:13px;margin-top:4px}.laden{display:flex;align-items:center;gap:8px;padding:18px 20px;color:var(--tekst-3)}.spinner{width:28px;height:28px;border:3px solid var(--rand);border-top-color:var(--accent);border-radius:50%;animation:draai .8s linear infinite}.spinner--klein{width:14px;height:14px;border-width:2px}.knop--primair .spinner--klein{border-color:#ffffff59;border-top-color:#fff}@keyframes draai{to{transform:rotate(360deg)}}.splash{display:grid;place-items:center;height:100%}.login{min-height:100%;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,var(--zij-bg) 0%,#1e293b 60%,var(--accent) 100%)}.login__kaart{width:100%;max-width:400px;background:var(--vlak);border-radius:14px;padding:32px 32px 24px;box-shadow:var(--schaduw-2);display:flex;flex-direction:column;gap:16px}.merk--login{color:var(--tekst);padding:0}.merk--login .merk__sub,.login__tekst{color:var(--tekst-2)}.login__google{width:100%}.login__voet{font-size:12.5px;color:var(--tekst-3);text-align:center}@media(max-width:960px){.twee-kolommen,.twee-kolommen--boom{grid-template-columns:1fr}.inhoud{padding:24px 20px 48px}}@media(max-width:760px){.shell{grid-template-columns:1fr}.topbalk{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--zij-bg);color:#fff;position:sticky;top:0;z-index:30}.topbalk__menu{background:none;border:0;color:#fff;padding:6px;border-radius:6px;cursor:pointer}.zijbalk{position:fixed;top:0;left:0;bottom:0;width:min(var(--zijbalk),85vw);z-index:40;transform:translate(-100%);transition:transform .2s;height:100vh}.shell.is-open .zijbalk{transform:none}.shell__sluier{position:fixed;inset:0;background:#0f172a80;z-index:35}.inhoud{padding:20px 16px 40px}.formulier__tijden{grid-template-columns:1fr}.formulier__voet{flex-direction:column;align-items:stretch}.sessie__kop{flex-direction:column}.pagina-kop__titel{font-size:21px}}.invoer--tekstvak{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;resize:vertical}.groep__ou{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:6px}.groep__stand{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;color:#4b5563}.groep__lijst{margin:0;padding-left:20px;font-size:14px}.groep__voorbeeld{margin-top:8px}.chips--keuze .chip.is-gekozen{background:var(--blauw, #233d7b);border-color:var(--blauw, #233d7b);color:#fff;font-weight:600}.schakel{display:inline-flex;align-items:center;gap:7px;font-size:13px;cursor:pointer}.schakel input{width:16px;height:16px;accent-color:var(--blauw, #233d7b);cursor:pointer}.schakel input:disabled{cursor:default}