: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,.boom__sub{list-style:none;margin:0;padding:0}.boom{padding:6px 0;max-height:70vh;overflow:auto}.boom__rij{display:flex;align-items:center;gap:2px;padding-right:8px}.boom__rij:hover{background:var(--vlak-2)}.boom__rij.is-gekozen{background:var(--accent-licht)}.boom__rij.is-gekozen .boom__item{color:var(--accent);font-weight:600}.boom__knop{display:inline-grid;place-items:center;width:20px;height:24px;flex:none;background:none;border:0;padding:0;color:var(--tekst-3);cursor:pointer;border-radius:4px}.boom__knop:hover{color:var(--tekst);background:var(--grijs-licht)}.boom__item{flex:1;min-width:0;text-align:left;background:none;border:0;padding:5px 4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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:360px;overflow:auto}.ou-picker__rij{display:flex;align-items:center;gap:2px;padding-right:8px}.ou-picker__rij:hover{background:var(--vlak-2)}.ou-picker__klap{flex:none;width:20px;height:24px;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer;color:var(--tekst-3);border-radius:var(--radius-klein)}.ou-picker__klap:hover{color:var(--accent)}.ou-picker__klap--leeg{cursor:default}.ou-picker__tak{list-style:none;margin:0;padding:0}.ou-picker__aantal{flex:none;font-size:11px;color:var(--tekst-3);background:var(--vlak-2);border-radius:999px;padding:0 6px}.ou-picker__item{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;background:none;border:0;padding:6px 4px;cursor:pointer}.ou-picker__item.is-gekozen{background:var(--accent-licht);color:var(--accent)}.ou-picker__item:disabled{opacity:.4;cursor:not-allowed}.ou-picker__naam{margin-right:auto;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:var(--tekst-3);background:var(--vlak-2);border:1px solid var(--rand);padding:2px 7px;border-radius:6px}.groep__stand{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:12.5px;color:var(--tekst-3)}.groep__voorbeeld{margin-top:8px}.chips--stil{gap:6px 8px}.chip--stil{cursor:default;background:var(--vlak-2);color:var(--tekst-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chip--stil:hover{border-color:var(--rand-sterk);color:var(--tekst-2)}.keuzes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.keuze{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border:1px solid var(--rand);border-radius:10px;background:var(--vlak);cursor:pointer}.keuze:hover{border-color:var(--rand-sterk)}.keuze.is-gekozen{border-color:var(--accent);background:var(--accent-licht)}.keuze input{margin-top:2px;accent-color:var(--accent)}.keuze__naam{display:block;font-weight:600;font-size:13.5px}.keuze__uitleg{display:block;color:var(--tekst-2);font-size:12.5px;line-height:1.4;margin-top:2px}.chip__bij{opacity:.65;font-size:11.5px}.chips--keuze .chip.is-gekozen{background:var(--accent);border-color:var(--accent);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}.inhoud:has(>.breed){max-width:none}.tabel-wrap--schuif{max-height:calc(100vh - 230px);overflow:auto}.tabel-wrap--schuif thead th{position:sticky;top:0;z-index:1}.wand{min-height:100vh;display:flex;flex-direction:column;background:var(--zij-bg);color:var(--zij-tekst)}.wand__balk{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:var(--zij-bg);z-index:2}.wand__titel{flex:1;min-width:200px;color:var(--zij-tekst-sterk);font-size:14px}.wand__titel .gedempt{color:var(--zij-tekst);opacity:.7}.wand__acties{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wand__acties .gedempt{color:var(--zij-tekst);opacity:.7}.wand__melding,.wand__leeg{padding:16px}.wand__leeg{color:var(--zij-tekst);opacity:.8}.wand__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding:12px 16px 24px}.hok{margin:0;display:flex;flex-direction:column;gap:4px}.hok__beeld{display:block;width:100%;aspect-ratio:16 / 10;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-klein);overflow:hidden;background:#0b1020;cursor:zoom-in}.hok__beeld:disabled{cursor:default}.hok__beeld img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.hok__leeg{display:grid;place-items:center;width:100%;height:100%;font-size:11.5px;color:#ffffff59}.hok__naam{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:12px}.hok__wie{color:var(--zij-tekst-sterk);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hok__serie{color:var(--zij-tekst);opacity:.6;font-size:10.5px}.vergroot{position:fixed;inset:0;background:#040812eb;display:grid;place-items:center;gap:12px;padding:24px;z-index:50;cursor:zoom-out}.vergroot img{max-width:100%;max-height:88vh;border-radius:var(--radius-klein);border:1px solid rgba(255,255,255,.15)}.vergroot__sluit{display:flex;align-items:center;gap:6px;color:#fff9;font-size:12.5px;margin:0}.invoer--klein{padding:5px 8px;font-size:12.5px;height:auto;width:auto}@media(max-width:520px){.wand__raster{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.tabel__vink{width:34px;padding-right:0}.tabel__vink input{accent-color:var(--accent)}.tabel tr.is-aangevinkt{background:var(--accent-licht)}.verhuisbalk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--rand);background:var(--vlak-2);position:sticky;bottom:0}.verhuisbalk__aantal{font-weight:600;font-size:13px;white-space:nowrap}.verhuisbalk__keuze{flex:1;min-width:220px}.kolomkop{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.kolomkop:hover{color:var(--accent)}.kolomkop__pijl{display:inline-flex;width:13px;height:13px;color:var(--accent)}.chip__weg{display:inline-flex;align-items:center;margin-left:6px;margin-right:-3px;padding:0;border:0;background:none;color:var(--tekst-3);cursor:pointer}.chip__weg:hover{color:var(--rood)}.chips--boven{margin-top:8px}.ou-picker__vink{flex:none;margin-right:2px;accent-color:var(--accent);pointer-events:none}.stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(38mm,1fr));gap:2mm;margin-top:16px}.sticker{width:38mm;height:21mm;display:flex;align-items:center;gap:2mm;padding:1.5mm 2mm;border:1px dashed #cbd5e1;box-sizing:border-box;background:#fff}.sticker img{width:17mm;height:17mm;display:block}.sticker__serie{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:3.4mm;letter-spacing:.02em;color:#000;word-break:break-all}@media print{.app-schil,.kaart,.pagina-kop,nav,header,.veld-rij{display:none!important}.stickers{gap:0;margin:0}.sticker{border:0}@page{margin:8mm}}.gescand{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0f172a;color:#e2e8f0;padding:24px;text-align:center}.gescand__rondje{width:68px;height:68px;border-radius:50%;border:6px solid rgba(255,255,255,.25);border-top-color:#fff;animation:gescand-draai .9s linear infinite}@keyframes gescand-draai{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.gescand__rondje{animation-duration:3s}}.gescand__vink{font-size:92px;line-height:1;color:#4ade80}.gescand__kruis{font-size:76px;line-height:1;color:#f87171}.gescand__serie{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;letter-spacing:.08em;color:#94a3b8}.gescand__tekst{margin:0;font-size:18px}.gescand__tekst--fout{color:#fca5a5}.scannen{min-height:100vh;background:#0f172a;color:#e2e8f0;padding:16px;display:flex;flex-direction:column;gap:14px}.scannen__start{display:flex;flex-direction:column;gap:14px;max-width:420px;margin:auto;text-align:center}.scannen__start h1{margin:0;font-size:22px}.scannen__start p{margin:0;color:#94a3b8;font-size:15px;line-height:1.5}.scannen__knop{font-size:18px;font-weight:600;padding:14px 18px;border:0;border-radius:12px;background:#2563eb;color:#fff;cursor:pointer}.scannen__knop--stil{background:#334155}.scannen__fout{margin:0;color:#fca5a5;font-size:15px;line-height:1.5}.scannen__beeld{position:relative;border-radius:14px;overflow:hidden;background:#000}.scannen__beeld video{width:100%;display:block}.scannen__mikker{position:absolute;inset:16% 12%;border:3px solid rgba(255,255,255,.75);border-radius:12px;pointer-events:none}.scannen__vink{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:110px;color:#4ade80;text-shadow:0 2px 18px rgba(0,0,0,.6);animation:scannen-doof 1.4s ease-out forwards;pointer-events:none}@keyframes scannen-doof{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.scannen__vink{animation-duration:2.5s}}.scannen__teller{margin:0;font-size:16px}.scannen__teller strong{font-size:26px}.scannen__lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.scannen__lijst li{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:9px;font-size:14px;font-variant-numeric:tabular-nums}.scannen__lijst .is-goed{background:#15803d4d}.scannen__lijst .is-fout{background:#b91c1c59}.gsm-uitnodiging{display:flex;gap:18px;align-items:flex-start;margin-top:14px;flex-wrap:wrap}.gsm-uitnodiging img{border-radius:10px;background:#fff}.gsm-uitnodiging p{margin:0 0 6px}.gsm-uitnodiging__adres{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#64748b;word-break:break-all}.gsm-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.gsm{display:grid;grid-template-columns:1fr auto auto;gap:6px 14px;align-items:center;padding:10px 14px;border:1px solid var(--rand, #e2e8f0);border-radius:12px}.gsm__naam{font-weight:600}.gsm__stand{font-size:13px;padding:2px 10px;border-radius:999px;background:#e2e8f0;color:#334155}.gsm__meta{grid-column:1 / -1;font-size:13px;color:#64748b}.gsm--actief .gsm__stand{background:#dcfce7;color:#166534}.gsm--wacht .gsm__stand{background:#fef3c7;color:#92400e}.gsm--verlopen{opacity:.6}.scanners{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:6px}.scanners__kop{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#64748b}.scanners__lijst{display:flex;gap:6px;flex-wrap:wrap}.scanner{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:3px 10px;border:1px solid var(--rand, #e2e8f0);border-radius:999px;font-size:13px}.scanner.is-aan{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.scanner.is-wachtend{opacity:.7}.scanner__wacht{font-size:11px;color:#92400e}.scanners__leeg{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;margin:6px 0 0}.scannen__wie{color:#94a3b8;font-size:14px}.scannen__sessies{display:flex;flex-direction:column;gap:8px;text-align:left}.scannen__sessie{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 14px;border-radius:12px;background:#1e293b;border:2px solid transparent}.scannen__sessie.is-gekozen{border-color:#2563eb;background:#1e3a5f}.scannen__sessie-naam{display:block;font-weight:600;font-size:16px}.scannen__sessie-meta{display:block;font-size:13px;color:#94a3b8}.scannen__voor{color:#94a3b8}.toestelkeuze{margin-top:8px;border:1px solid var(--rand, #e2e8f0);border-radius:12px;overflow:hidden}.toestelkeuze__balk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 10px;background:var(--vlak, #f8fafc);border-bottom:1px solid var(--rand, #e2e8f0)}.toestelkeuze__zoek{display:inline-flex;align-items:center;gap:6px;flex:1 1 12rem}.toestelkeuze__zoek input{border:0;background:transparent;font:inherit;width:100%}.toestelkeuze__zoek input:focus{outline:none}.toestelkeuze__lijst{list-style:none;margin:0;padding:6px;max-height:15rem;overflow-y:auto}.toestelkeuze__lijst li+li{margin-top:2px}.toestelkeuze__lijst label{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:8px;cursor:pointer}.toestelkeuze__lijst label:hover{background:var(--vlak, #f1f5f9)}.toestelkeuze__lijst label.is-uit{opacity:.45}.toestelkeuze__wie{font-size:12px;color:#64748b;margin-left:auto}.scannen__lijst .is-al{background:#47556973;color:#cbd5e1}.scannen__modus{display:flex;gap:.5rem;margin:0 0 1rem}.scannen__modus label{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem .5rem;border:1px solid #334155;border-radius:.5rem;background:#0f172a99;color:#cbd5e1;cursor:pointer;text-align:center}.scannen__modus label.is-gekozen{border-color:#38bdf8;background:#38bdf829;color:#e2e8f0}.scannen__modus input{accent-color:#38bdf8}.scannen__wat{margin:0 0 .5rem;padding:.45rem .6rem;border-radius:.4rem;font-weight:600;text-align:center;letter-spacing:.02em}.scannen__wat--toevoegen{background:#38bdf82e;color:#bae6fd}.scannen__wat--vrijgeven{background:#fb923c33;color:#fed7aa}.schil{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.kop{background:var(--vlak);border-bottom:1px solid var(--rand);position:sticky;top:0;z-index:5}.kop__binnen{max-width:920px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.kop__wie{margin-left:auto;display:flex;align-items:center;gap:10px}.kop__naam{font-size:13px;color:var(--tekst-2);display:flex;align-items:center;gap:6px}.kop__klas{padding:1px 7px;border-radius:999px;background:var(--accent-licht);color:var(--accent);font-size:11.5px;font-weight:600}.tabs{display:flex;gap:2px}.tabs__tab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-klein);color:var(--tekst-2);text-decoration:none;font-weight:500;white-space:nowrap}.tabs__tab:hover{background:var(--vlak-2);color:var(--tekst)}.tabs__tab.is-actief{background:var(--accent-licht);color:var(--accent)}.inhoud{padding:28px 20px 64px;max-width:920px;margin:0 auto;width:100%}.pagina{display:flex;flex-direction:column;gap:20px}.pagina__kop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.pagina__titel{font-size:24px;font-weight:650;letter-spacing:-.02em;line-height:1.2}.pagina__uitleg{color:var(--tekst-2);margin-top:6px;max-width:62ch}.pagina__acties{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stil{color:var(--tekst-3)}.etiket{padding:2px 8px;border-radius:999px;background:var(--grijs-licht);color:var(--tekst-2);font-size:11.5px;font-weight:600}.formulier{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px}.veld{display:flex;flex-direction:column;gap:5px}.veld>span{font-size:12px;font-weight:600;color:var(--tekst-2)}.veld--breed{grid-column:1 / -1}.invoer--klein{height:32px;padding:0 8px;font-size:13px}.agenda{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.agenda__item{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);border-left:4px solid var(--grijs);padding:16px 18px}.agenda__item--beurs{border-left-color:var(--blauw)}.agenda__item--infoavond{border-left-color:var(--accent)}.agenda__item--bezoek{border-left-color:var(--groen)}.agenda__item--inschrijving{border-left-color:var(--oranje)}.agenda__item--deadline{border-left-color:var(--rood)}.agenda__datum{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;font-weight:600;color:var(--tekst-2);text-transform:lowercase}.agenda__tot{color:var(--tekst-3);font-weight:400}.agenda__binnenkort{padding:1px 8px;border-radius:999px;background:var(--oranje-licht);color:var(--oranje);font-weight:600}.agenda__titel{font-size:17px;font-weight:600;margin-top:4px}.agenda__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px;font-size:13px;color:var(--tekst-2)}.agenda__meta span{display:inline-flex;align-items:center;gap:4px}.agenda__uitleg{margin-top:10px;color:var(--tekst);white-space:pre-wrap}.agenda__link{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-weight:500}.agenda__knoppen{display:flex;gap:8px;margin-top:14px}.campussen{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.campus{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:4px}.campus.is-gekozen{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-licht)}.campus__kop{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.campus__naam{font-size:17px;font-weight:650}.campus__plaats{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--tekst-3)}.campus__tussentitel{margin-top:10px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-3)}.campus__domeinen{margin:4px 0 0;padding-left:18px;color:var(--tekst)}.campus__domeinen li{margin-bottom:2px}.campus__opleidingen{margin-top:4px;font-size:13px;color:var(--tekst-2)}.campus__link{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:13px}.campus__knop{margin-top:auto;padding-top:14px;align-self:stretch;justify-content:center}.telling{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.telling__vak{padding:8px 14px;border-radius:var(--radius-klein);background:var(--vlak-2);border:1px solid var(--rand);font-size:13px;color:var(--tekst-2)}.telling__vak strong{font-size:16px;color:var(--tekst);margin-right:5px}.telling__vak--geen{background:var(--oranje-licht);border-color:transparent;color:var(--oranje)}.telling__vak--geen strong{color:var(--oranje)}.tabel tr.is-leeg td{background:#fffdf7}@media(max-width:640px){.kop__binnen{padding:8px 14px;gap:10px}.kop__wie{width:100%;margin-left:0;justify-content:space-between}.inhoud{padding:20px 14px 48px}.tabs{width:100%;overflow-x:auto}}.binnenkort{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);padding:16px 18px}.binnenkort__titel{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-3);margin-bottom:10px}.binnenkort__lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.binnenkort__lijst li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.binnenkort__datum{min-width:190px;font-size:13px;color:var(--tekst-2)}.binnenkort__wat{font-weight:550}.binnenkort__meer{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:13px}.stapels{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.stapel{display:flex;flex-direction:column;gap:6px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);padding:18px;text-decoration:none;color:inherit}.stapel:hover{border-color:var(--accent);box-shadow:var(--schaduw)}.stapel__icoon{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-licht);color:var(--accent);margin-bottom:4px}.stapel__titel{font-size:16px;font-weight:650}.stapel__uitleg{font-size:13px;color:var(--tekst-2)}.stapel__inhoud{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--tekst-2)}.stapel__inhoud li{margin-bottom:3px}.stapel__meer{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:550;color:var(--accent)}.artikels{display:flex;flex-direction:column;gap:14px}.artikel{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);padding:18px 20px}.artikel__titel{font-size:17px;font-weight:650;margin-bottom:8px}.artikel__tekst{color:var(--tekst);max-width:70ch}.artikel__tekst p{margin:0 0 8px}.artikel__tekst ul,.artikel__tekst ol{margin:8px 0;padding-left:20px}.artikel__tekst li{margin-bottom:3px}.artikel__link{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-weight:500}.artikel__knoppen{display:flex;gap:8px;margin-top:14px}.instellingen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.instelling{padding:10px 0;border-bottom:1px solid var(--rand)}.instelling:last-child{border-bottom:0}.instelling__naam{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:550}.instelling__naam a{display:inline-flex;align-items:center;gap:4px}.instelling__plaatsen{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:13px;color:var(--tekst-2)}.instellingen__voet{margin-top:14px;font-size:12.5px}.notities{display:grid;grid-template-columns:240px 1fr;gap:14px;align-items:start}.notities__lijst{display:flex;flex-direction:column;gap:4px}.notitie-rij{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--vlak);text-align:left;cursor:pointer;font:inherit}.notitie-rij:hover{border-color:var(--rand-sterk)}.notitie-rij.is-open{border-color:var(--accent);background:var(--accent-licht)}.notitie-rij__titel{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notitie-rij__datum{font-size:12px;color:var(--tekst-3)}.notities__leeg{display:flex;align-items:center;gap:8px}.notitie__titel{font-size:17px;font-weight:600;border:0;padding:0 0 10px;border-radius:0}.notitie__titel:focus{outline:0}.rich-balk{display:flex;align-items:center;gap:2px;padding:6px;margin:0 -4px 10px;border-top:1px solid var(--rand);border-bottom:1px solid var(--rand)}.rich-balk__knop{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-klein);background:transparent;color:var(--tekst-2);cursor:pointer}.rich-balk__knop:hover{background:var(--vlak-2);color:var(--tekst)}.notitie__stand{margin-left:auto;font-size:12px;color:var(--tekst-3)}.notitie__weg{margin-left:8px}.notitie__veld{min-height:320px;outline:0;line-height:1.6}.notitie__veld:empty:before{content:attr(data-placeholder);color:var(--tekst-3)}.notitie__veld ul,.notitie__veld ol{padding-left:20px}@media(max-width:720px){.notities{grid-template-columns:1fr}.binnenkort__datum{min-width:0}}.gebied{margin-bottom:18px}.gebied__titel{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-3);margin-bottom:8px}.gebied__richtingen,.open-richtingen{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}.open-richtingen{margin:12px 0 18px}.richting{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--vlak);cursor:pointer;font-size:13.5px}.richting:hover{border-color:var(--rand-sterk)}.richting.is-aan{border-color:var(--accent);background:var(--accent-licht)}.richting input{accent-color:var(--accent)}.richting>span:nth-of-type(1){flex:1;min-width:0}.richting__tel{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--tekst-3);white-space:nowrap}.open-pagina{min-height:100%;display:flex;justify-content:center;padding:32px 16px 64px;background:var(--bg)}.open-kaart{width:100%;max-width:760px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:14px}.open-kaart__tussentitel{font-size:16px;font-weight:650;margin-top:8px}.leerlingweergave{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 20px;background:var(--oranje-licht);color:var(--oranje);font-size:13px;font-weight:550;border-bottom:1px solid rgba(180,83,9,.2)}.leerlingweergave__uit{margin-left:auto;border:1px solid currentColor;border-radius:var(--radius-klein);background:transparent;color:inherit;padding:3px 10px;font:inherit;font-size:12.5px;cursor:pointer}.leerlingweergave__uit:hover{background:#b453091a}.knop--stil.is-aan{background:var(--oranje-licht);color:var(--oranje)}