:root{--tekst: #242424;--tekst-2: #424242;--grijs: #616161;--grijs-2: #757575;--lijn: #E0E0E0;--lijn-2: #D1D1D1;--vlak: #F5F5F5;--wit: #FFFFFF;--accent: #0F6CBD;--accent-hover: #115EA3;--accent-zacht: #EBF3FC;--accent-donker: #0F548C;--rood: #B91C1C;--rood-zacht: #FEF2F2;--groen: #166534;--oranje: #B45309}*{box-sizing:border-box}body{margin:0;background:var(--vlak);color:var(--tekst);font-family:Inter,system-ui,sans-serif;font-size:14px}a{color:var(--accent)}a:hover{color:var(--accent-hover)}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{font:inherit;color:var(--tekst)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{margin:0}.plate{display:inline-flex;align-items:stretch;border:1.5px solid var(--tekst);border-radius:4px;overflow:hidden;font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;line-height:1;white-space:nowrap}.plate i{background:#1e3a8a;width:7px;display:block}.plate b{background:#f5c400;color:var(--tekst);padding:5px 8px;letter-spacing:.04em;font-weight:600}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;white-space:nowrap;border:0}.card{background:var(--wit);border:1px solid var(--lijn);border-radius:12px}.btn{border:0;border-radius:8px;padding:0 16px;min-height:40px;font-weight:600;display:inline-flex;align-items:center;gap:8px;justify-content:center;white-space:nowrap}.btn-dark,.btn-accent{background:var(--accent);color:#fff}.btn-dark:hover,.btn-accent:hover{background:var(--accent-hover)}.btn-line{background:var(--wit);color:var(--tekst);border:1px solid var(--lijn-2)}.btn-line:hover{background:var(--vlak)}.btn-rood{background:var(--rood);color:#fff}.btn-klein{min-height:34px;padding:0 10px;font-size:13px}.nav{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:8px;padding:0 12px;min-height:44px;text-align:left;font-weight:500;font-size:14px;background:transparent;color:var(--tekst)}.nav:hover{background:var(--vlak)}.nav[aria-current=page]{background:var(--accent-zacht);color:var(--accent-donker);font-weight:600}.th{text-align:left;font-size:12px;font-weight:600;color:var(--grijs);padding:10px 12px;border-bottom:1px solid var(--lijn);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.td{padding:12px;border-bottom:1px solid #F0F0F0;vertical-align:middle}.row:hover{background:#fafafa}.input{width:100%;border:1px solid var(--lijn-2);border-radius:8px;padding:0 12px;min-height:44px;background:var(--wit)}textarea.input{padding:10px 12px;min-height:80px;resize:vertical;line-height:1.45}.lbl{display:block;font-size:12px;font-weight:600;color:var(--grijs);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.mono{font-variant-numeric:tabular-nums}.link{background:none;border:0;padding:0;color:var(--tekst);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-align:left}.sw{width:44px;height:26px;border-radius:999px;border:0;position:relative;flex:none;background:#d1d1d1}.sw[aria-checked=true]{background:var(--accent)}.sw span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}.sw[aria-checked=true] span{left:21px}.tabs{display:flex;flex-wrap:wrap;gap:4px;background:var(--wit);border:1px solid var(--lijn);border-radius:10px;padding:4px}.tabs button{border:0;border-radius:8px;min-height:36px;padding:0 12px;font-weight:600;background:transparent;color:var(--tekst-2);display:inline-flex;gap:6px;align-items:center}.tabs button[aria-pressed=true],.tabs button[aria-selected=true]{background:var(--accent);color:#fff}.tabs .n{opacity:.7;font-variant-numeric:tabular-nums}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.leeg{padding:32px;text-align:center;color:var(--grijs)}.melding{border-radius:10px;padding:10px 12px;font-size:13px}.melding.geel{background:#fef3c7;color:#92400e}.melding.rood{background:var(--rood-zacht);color:#991b1b}.melding.blauw{background:var(--accent-zacht);color:var(--accent-donker)}.melding.grijs{background:var(--vlak);color:var(--grijs)}.avatar{width:26px;height:26px;border-radius:99px;background:var(--accent-zacht);color:var(--accent-donker);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}.rij{display:flex;flex-wrap:wrap;gap:12px}.rij>*{flex:1 1 180px;min-width:0}.stapel{display:flex;flex-direction:column;gap:14px}.tekst-klein{font-size:13px}.tekst-grijs{color:var(--grijs)}.shell{display:flex;min-height:100vh}.zijbalk{width:240px;flex:none;background:var(--wit);border-right:1px solid var(--lijn);padding:20px 14px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh;overflow-y:auto}.hoofd{flex:1;min-width:0;display:flex;flex-direction:column}.kop{background:var(--wit);border-bottom:1px solid var(--lijn);padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.inhoud{padding:24px 28px 48px;display:flex;flex-direction:column;gap:20px}.menuknop,.onderbalk{display:none}@media(max-width:900px){.verberg-mobiel{display:none!important}.onderbalk{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--wit);border-top:1px solid var(--lijn);padding:4px 4px calc(4px + env(safe-area-inset-bottom));justify-content:space-around}.onderbalk button{flex:1 1 0;min-width:0;border:0;background:transparent;color:var(--grijs-2);display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:4px 2px;font-size:10px;font-weight:700;border-radius:8px}.onderbalk button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onderbalk button[aria-current=page]{color:var(--accent)}.onderbalk button.uit{color:var(--rood)}.inhoud{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}.toasts{bottom:calc(76px + env(safe-area-inset-bottom))}.zijbalk{position:fixed;z-index:40;left:0;top:0;transform:translate(-100%);transition:transform .2s;box-shadow:0 0 40px #0003}.zijbalk.open{transform:none}.menuknop{display:inline-flex}.kop{padding:14px 16px}.inhoud{padding:16px 16px 40px}}.waas{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}.dialoog{background:var(--wit);border-radius:14px;width:100%;max-width:640px;padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 60px #00000040}.toasts{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.toast{background:#242424;color:#fff;border-radius:10px;padding:12px 16px;display:flex;gap:12px;align-items:center;max-width:420px;box-shadow:0 8px 24px #0003}.toast.fout{background:#991b1b}.rijk{font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.rijk img{max-width:100%;border-radius:8px;border:1px solid var(--lijn);display:block;margin:6px 0}.rijk audio{width:100%;margin:6px 0}.lade-waas{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;z-index:45;display:flex;justify-content:flex-end}.lade{width:min(620px,100vw);height:100%;overflow-y:auto;background:var(--wit);box-shadow:-12px 0 40px #0000002e}.fo-pagina{max-width:560px;margin:0 auto;padding:12px 16px 24px;display:flex;flex-direction:column;gap:14px}.fo-kop{position:sticky;top:0;z-index:5;background:var(--vlak);display:flex;align-items:center;gap:10px;padding:8px 0}.fo-kop h1{flex:1;font-size:18px;font-weight:800;margin:0}.fo-kaart{padding:18px;display:flex;flex-direction:column;gap:14px}.fo-titel{font-size:16px;font-weight:800;margin:0}.fo-uitleg{font-size:13px;color:var(--grijs);margin:-8px 0 0}.fo-twee{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fo-fout{color:#b91c1c;font-size:12px;font-weight:600;margin-top:4px}.fo-keuze{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.fo-keuze button,.fo-tank button{min-height:48px;border-radius:10px;border:1.5px solid var(--lijn-2);background:#fff;font-weight:700;color:var(--tekst-2)}.fo-keuze button[aria-checked=true],.fo-tank button[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:#fff}.fo-tank{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.fo-tank button{min-height:42px;font-size:12px;padding:0}.fo-vinkjes{display:flex;flex-direction:column}.fo-vink{display:flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid #F0F0F0;cursor:pointer}.fo-vink:last-child{border-bottom:0}.fo-vink input{width:22px;height:22px;accent-color:var(--accent);flex:none}.fo-kenteken{text-transform:uppercase;font-weight:700;letter-spacing:.06em;background:#fff8d6}.fo-fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fo-fotos.klein{grid-template-columns:repeat(3,minmax(0,1fr))}.fo-foto{position:relative;margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--lijn);height:112px}.fo-fotos.klein .fo-foto{height:84px}.fo-foto img{width:100%;height:100%;object-fit:cover;display:block}.fo-foto figcaption{position:absolute;left:0;right:0;bottom:0;background:#0000008c;color:#fff;font-size:12px;text-align:center;padding:3px}.fo-foto button{position:absolute;top:4px;right:4px;width:30px;height:30px;border-radius:99px;border:0;background:#dc2626;color:#fff;font-size:18px;line-height:1}.fo-foto-leeg{height:112px;border:2px dashed var(--lijn-2);border-radius:10px;background:#fff;color:var(--grijs);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600}.fo-foto-leeg:hover{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent-donker)}.fo-schade{width:100%;height:auto;display:block;border:1px solid var(--lijn);border-radius:10px;touch-action:none;background:#fff;cursor:crosshair}.fo-handtekening{width:100%;display:block;border:1px solid var(--lijn);border-radius:10px;touch-action:none;cursor:crosshair;margin-top:6px}.fo-camera{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;flex-direction:column;color:#fff}.fo-camera-kop{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;gap:8px}.fo-sluiter{width:72px;height:72px;border-radius:99px;background:#fff;border:4px solid rgba(255,255,255,.35);background-clip:padding-box}.fo-keuzekaart{display:flex;align-items:center;gap:12px;padding:16px 18px;text-align:left}.fo-keuzekaart:hover{border-color:var(--accent);background:var(--accent-zacht)}a.btn{text-decoration:none}