@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-400-normal-CwRJVcUA.woff2) format("woff2"),url(/assets/lexend-latin-400-normal-CHypAkT3.woff) format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/lexend-latin-500-normal-Dl-X5nog.woff2) format("woff2"),url(/assets/lexend-latin-500-normal-D9x1QWTH.woff) format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-latin-600-normal-DdvlkEkX.woff2) format("woff2"),url(/assets/lexend-latin-600-normal-DSBzZxpA.woff) format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lexend-latin-700-normal-DqO8md6r.woff2) format("woff2"),url(/assets/lexend-latin-700-normal-DVyJlN8t.woff) format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/oswald-latin-600-normal-plFmSr5g.woff2) format("woff2"),url(/assets/oswald-latin-600-normal-DRToI_2E.woff) format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/oswald-latin-700-normal-vy6hmKSr.woff2) format("woff2"),url(/assets/oswald-latin-700-normal-UmC9Ev9x.woff) format("woff")}:root{--quiet-paars: #9a5087;--quiet-paars-donker: #7a3e6b;--quiet-mauve: #bf8fb3;--quiet-lila: #d1b4d3;--quiet-roze: #f2abc2;--quiet-lila-licht: #f4e8f0;--quiet-aubergine: #220e2e;--font-tekst: "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-merk: "Oswald", "Arial Narrow", "Segoe UI", sans-serif;--bg: #faf7fa;--paper: #ffffff;--ink: #1f1724;--muted: #6b5c6e;--line: #eadfe8;--rand: #d9cbd7;--vlak: #f6f0f5;--accent: var(--quiet-paars);--accent-hover: var(--quiet-paars-donker);--accent-soft: var(--quiet-lila-licht);--accent-ink: #ffffff;--danger: #b91c1c;--danger-bg: #fee2e2;--warn: #b45309;--warn-bg: #fef3c7;--ok: #15803d;--ok-bg: #dcfce7;--info-bg: #e0f2fe;--radius: 10px;--shadow: 0 1px 2px rgba(34, 14, 46, .06), 0 1px 3px rgba(34, 14, 46, .1);font-family:var(--font-tekst);color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);line-height:1.45}a{color:var(--accent-hover)}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.15rem}p{margin:0 0 .75rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--vlak);padding:.1em .35em;border-radius:4px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--quiet-paars);color:#fff;padding:0 1rem;display:flex;align-items:center;gap:1rem;min-height:56px;position:sticky;top:0;z-index:20}.topbar .brand{color:#fff;text-decoration:none;white-space:nowrap;flex:1;display:inline-flex;align-items:baseline;gap:.4rem}.merk{font-family:var(--font-merk);font-weight:700;font-size:1.45rem;letter-spacing:.03em;line-height:1}.merk-sub{font-family:var(--font-merk);font-weight:600;font-size:.95rem;letter-spacing:.02em}.topbar .user{color:var(--quiet-lila-licht);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.topbar .muted{color:var(--quiet-lila-licht);opacity:.85}.topbar .menu-toggle{display:none;background:none;border:1px solid var(--quiet-lila);color:#fff;border-radius:6px;padding:.35rem .6rem}.shell{display:flex;flex:1;align-items:stretch}.zijmenu{width:240px;flex-shrink:0;background:var(--paper);border-right:1px solid var(--line);padding:.75rem .5rem 2rem;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto}.menugroep+.menugroep{margin-top:.6rem}.menugroep-kop{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.35rem .6rem .2rem}.zijmenu a{display:block;color:var(--ink);text-decoration:none;padding:.4rem .6rem;border-radius:6px;font-size:.95rem}.zijmenu a:hover{background:var(--vlak)}.zijmenu a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}main.content{padding:1.25rem 1rem 3rem;max-width:1100px;width:100%;margin:0 auto;min-width:0;flex:1}@media(max-width:760px){.topbar{flex-wrap:wrap;padding:.5rem 1rem}.topbar .menu-toggle{display:inline-block}.topbar .user{flex-basis:100%;padding-bottom:.25rem}.shell{display:block}.zijmenu{display:none;position:fixed;inset:auto 0 0;height:auto;max-height:75vh;width:100%;z-index:30;border-right:0;border-top:1px solid var(--line);box-shadow:0 -8px 24px #220e2e33}.zijmenu.open{display:block}}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:1rem}.card.compact{padding:.75rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid.aanbieding-form{grid-template-columns:minmax(200px,280px) minmax(280px,1fr);align-items:start}.grid.aanbod-lijst{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}@media(max-width:760px){.grid.aanbieding-form{grid-template-columns:1fr}}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.dag-groep{border:1px solid var(--line);border-radius:8px;overflow:hidden}.dag-kop{width:100%;display:flex;gap:.6rem;align-items:center;background:var(--vlak);border:0;padding:.6rem .75rem;font:inherit;text-align:left;cursor:pointer}.dag-kop:hover{background:var(--vlak)}.dag-kop strong{flex:1}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:.75rem}.muted{color:var(--muted)}.small{font-size:.85rem}.right{text-align:right}.center{text-align:center}.mt{margin-top:1rem}label.field{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600}label.field span.hint{font-weight:400;color:var(--muted);font-size:.8rem}div.field{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600}div.field label{font-weight:400}input,select,textarea{font:inherit;padding:.6rem .7rem;border:1px solid var(--rand);border-radius:8px;background:#fff;color:var(--ink);width:100%;min-height:44px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}input[type=checkbox]{width:auto;min-height:0}.form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.btn{font:inherit;font-weight:600;padding:.6rem 1rem;border-radius:8px;border:1px solid transparent;cursor:pointer;background:var(--accent);color:var(--accent-ink);min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--rand)}.btn.danger{background:var(--danger);color:#fff}.btn.ghost{background:transparent;color:var(--accent-hover)}.btn:not(.secondary):not(.danger):not(.ghost):not(:disabled):hover{background:var(--accent-hover)}.btn.small{padding:.35rem .7rem;min-height:36px;font-size:.9rem}.btn.block{width:100%}.btn.big{font-size:1.15rem;padding:.9rem 1.2rem;min-height:56px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}tr.laag td{background:#fff7ed}tr.gearchiveerd td{background:var(--vlak);color:var(--muted)}.card.opschonen{border:1px dashed var(--danger);background:#fff5f5}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge.laag{background:var(--warn-bg);color:var(--warn)}.badge.op{background:var(--danger-bg);color:var(--danger)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.grijs{background:var(--line);color:#4a3d4d}.badge.rol{background:#e0e7ff;color:#3730a3}.badge.zakelijk{background:#fae8ff;color:#86198f}.melding{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;border:1px solid transparent}.melding.fout{background:var(--danger-bg);color:var(--danger);border-color:#fca5a5}.melding.succes{background:var(--ok-bg);color:var(--ok);border-color:#86efac}.melding.info{background:var(--info-bg);color:#075985;border-color:#7dd3fc}.melding.waarschuwing{background:var(--warn-bg);color:var(--warn);border-color:#fcd34d}.stats{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.stat{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1rem}.stat .n{font-size:1.8rem;font-weight:800;line-height:1}.stat .l{color:var(--muted);font-size:.85rem;margin-top:.3rem}.stat.alert .n{color:var(--warn)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(160deg,var(--quiet-paars),var(--quiet-mauve) 60%,var(--quiet-lila))}.login-card{width:100%;max-width:380px;background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 10px 40px #0000004d}.login-card h1{font-size:1.4rem}.scanner{position:relative;width:100%;aspect-ratio:1 / 1;max-height:60vh;background:#000;border-radius:12px;overflow:hidden}.scanner video{width:100%;height:100%;object-fit:cover}.scanner .overlay{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-align:center;padding:1rem;background:#00000080}.pwa{min-height:100vh;background:var(--quiet-aubergine);color:#fff;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.pwa header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.pwa header .title{font-weight:700}.pwa header .sub{color:#c9b3c8;font-size:.85rem}.pwa .body{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.pwa .result{border-radius:14px;padding:1.25rem 1rem;text-align:center}.pwa .result.succes{background:#14532d}.pwa .result.fout{background:#7f1d1d}.pwa .result .name{font-size:1.3rem;font-weight:700}.pwa .result .count{font-size:3rem;font-weight:800;line-height:1.1;margin:.3rem 0}.pwa .result .msg{font-size:1.1rem}.pwa .btn.secondary{background:#3a2342;color:#fff;border-color:#4f3657}.pwa .list{color:#e3d3e2;font-size:.9rem}.pwa .list div{padding:.3rem 0;border-bottom:1px solid #3a2342;display:flex;justify-content:space-between;gap:.5rem}.pwa a{color:var(--quiet-roze)}.pwa .confirm{border-radius:14px;padding:1.5rem 1rem;text-align:center;background:#3a2342}.pwa .confirm .label{color:#c9b3c8;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.pwa .confirm .name{font-size:1.4rem;font-weight:700;margin:.2rem 0 .7rem}.pwa .confirm .count{font-size:3rem;font-weight:800;line-height:1.1;margin:.1rem 0;color:var(--quiet-roze)}.pwa .confirm .msg{font-size:1rem;color:#e3d3e2;margin-top:.4rem}.pwa .confirm .msg.waarschuwing{color:#fca5a5;font-weight:600}.pwa .confirm-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1.2rem}.btn.xbig{font-size:1.3rem;padding:1.1rem 1.2rem;min-height:68px;font-weight:800}.modal-bg{position:fixed;inset:0;background:#220e2e8c;display:grid;place-items:center;padding:1rem;z-index:50}.modal{background:#fff;border-radius:14px;padding:1.25rem;width:100%;max-width:560px;max-height:92vh;overflow:auto}.modes{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.modes button{font:inherit;font-weight:700;padding:.8rem;border-radius:10px;border:2px solid var(--rand);background:#fff;cursor:pointer;min-height:56px}.modes button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.label-preview{background:#fff;border:1px dashed var(--rand);padding:.5rem;display:inline-block;border-radius:8px}.label-preview canvas{max-width:100%;height:auto;image-rendering:pixelated}.qr-tile{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:#fff}.qr-tile .code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem}.qr-tile.gearchiveerd{opacity:.6}.tabs{display:flex;flex-wrap:wrap;gap:.35rem}.tabs button{font:inherit;font-size:.9rem;padding:.4rem .7rem;border-radius:999px;border:1px solid var(--rand);background:#fff;cursor:pointer}.tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;align-items:start}.kanban-kolom{background:var(--vlak);border-radius:var(--radius);padding:.6rem;min-height:140px;display:flex;flex-direction:column;gap:.5rem;border:2px dashed transparent}.kanban-kolom.doel{border-color:var(--accent);background:var(--accent-soft)}.kanban-kolom h2{font-size:.95rem;margin:.1rem .2rem .2rem}.taakkaart{background:var(--paper);border-radius:8px;box-shadow:var(--shadow);padding:.6rem .7rem;display:flex;flex-direction:column;gap:.3rem;cursor:pointer}.taakkaart[draggable=true]{cursor:grab}.taakkaart:focus-visible{outline:2px solid var(--accent)}.taakkaart.gearchiveerd{opacity:.6}.taakkaart.afgeschermd .taakkaart-titel{color:var(--muted);font-style:italic}.taakkaart-titel{font-weight:600;overflow-wrap:anywhere}.taakkaart-meta{gap:.3rem}.taakkaart-status{min-height:36px;padding:.3rem .5rem;font-size:.85rem;margin-top:.2rem}.keuzelijst{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.25rem .75rem;font-weight:400;max-height:180px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:.5rem}.gegevens{display:grid;grid-template-columns:max-content 1fr;gap:.25rem .75rem;margin:0}.gegevens dt{color:var(--muted)}.gegevens dd{margin:0}.historie{margin:.5rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.2rem}tr.huidig td{background:var(--accent-soft)}@media(max-width:760px){.kanban{grid-template-columns:1fr}.kanban-kolom{min-height:0}}.topbar .bel{color:var(--quiet-lila-licht);text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.topbar .bel:hover{color:#fff}.bel-aantal{background:var(--danger);color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;padding:.05rem .45rem}.melding-item{cursor:default;border-left:4px solid transparent}.melding-item.ongelezen{border-left-color:var(--accent);background:var(--accent-soft);cursor:pointer}.melding-taken{margin:.5rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem}.melding-taken li.afgerond>a{text-decoration:line-through;color:var(--muted)}tr.uit td{color:var(--muted)}.telling{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.35rem;margin-top:.6rem}.telling-item{font:inherit;font-size:.85rem;text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.35rem .5rem;cursor:pointer;display:flex;gap:.4rem;align-items:baseline}.telling-item .n{font-weight:800;min-width:1.4em;text-align:right}.telling-item.nul{color:var(--muted);background:var(--vlak)}.categoriekiezer{display:flex;flex-direction:column;gap:.3rem;font-weight:400;max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:.5rem}.categorie-enkel{font-size:.9rem}.link-knop{font:inherit;font-size:.9rem;background:none;border:0;padding:.15rem 0;cursor:pointer;text-align:left;color:var(--ink)}.regel{border-bottom:1px solid var(--line);padding-bottom:.5rem}.regel.gearchiveerd{opacity:.6}.lijst-simpel{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.25rem}.hint{font-weight:400;color:var(--muted);font-size:.8rem;margin:0}.fouttekst{color:var(--danger)}.waarschuwingen{margin:0;padding:.5rem .75rem .5rem 1.6rem;background:var(--warn-bg);color:var(--warn);border-radius:8px}.voorbeeldvak{border:1px solid var(--line);border-radius:8px;padding:.75rem;background:#fff;display:flex;flex-direction:column;gap:.5rem;overflow-wrap:anywhere}.voorbeeldtekst p{margin:0}.voortgang{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.2rem;color:var(--muted)}.voortgang li.klaar{color:var(--ink)}.datumregel{flex-wrap:wrap;gap:.35rem}.datumregel input{min-width:0}.stappenlijst{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem}ul.stappenlijst{list-style:none;padding-left:0}.stappenlijst li.klaar{color:var(--muted)}.stappenlijst li.gearchiveerd{opacity:.6}.stappenlijst input[type=checkbox]{margin-top:.2rem;flex:none}.uitgifte-afspraak{margin-top:.5rem;border:1px solid var(--line);border-radius:8px;padding:.5rem .75rem;background:var(--vlak)}.uitgifte-afspraak>summary{cursor:pointer}.aanbod-tegel{display:flex;gap:.75rem;align-items:flex-start}.aanbod-tegel .inhoud{flex:1;min-width:0}.aanbod-foto{width:112px;flex-shrink:0;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;background:var(--vlak);display:flex;align-items:center;justify-content:center;text-align:center;font-size:.7rem;color:var(--muted);padding:.25rem}.aanbod-foto.groot{width:100%;max-width:240px;font-size:.85rem}.palet{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.palet-kleur{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;font:inherit;text-align:left;padding:0;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;justify-content:flex-start}.palet-kleur .staal{height:52px}.palet-kleur .info{padding:.4rem .55rem;display:flex;flex-direction:column;gap:.1rem;font-size:.85rem}.palet-kleur code{background:none;padding:0}.lettervoorbeeld{border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem}.weeknav{margin-bottom:1rem;gap:.75rem}.weekinvoer-tabel td,.weekinvoer-tabel th{vertical-align:middle}.weekinvoer-tabel input{max-width:120px;margin-left:auto;text-align:right}.weekinvoer-minuten{border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.6rem}.weekinvoer-minuten legend{font-weight:600;font-size:.9rem;padding:0 .3rem}.correctievak{border:1px dashed var(--accent)}.trend{display:flex;align-items:flex-end;gap:.4rem;min-height:120px;overflow-x:auto;padding-bottom:.25rem}.trend-kolom{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:2.4rem;flex:1}.trend-balk{width:100%;max-width:2.2rem;background:var(--accent);border-radius:4px 4px 0 0}.trend-balk.onbekend{background:var(--line)}.trend-waarde{font-size:.75rem;font-weight:600}.trend-label{font-size:.7rem;color:var(--muted);white-space:nowrap}.grid-2{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start}.grid-3{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:start}.voorgevormd{white-space:pre-wrap;margin:0}.kale-lijst{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.ingesprongen{padding-left:1.4rem}p.waarschuwing{color:var(--warn);background:var(--warn-bg);border-radius:6px;padding:.35rem .6rem;margin:0}.kort-getal{max-width:110px;text-align:right}.gebiedskeuze{display:flex;flex-direction:column;gap:.35rem;max-height:320px;overflow-y:auto}.telling-item.actief{border-color:var(--accent);background:var(--accent-soft)}.trend-markering{color:var(--warn);margin-left:1px}.trend-balk.gemarkeerd{background:repeating-linear-gradient(45deg,var(--accent),var(--accent) 4px,var(--quiet-mauve) 4px,var(--quiet-mauve) 8px)}.modal.breed{max-width:920px;background:var(--bg)}.card.vandaag{border-left:4px solid var(--accent, #7a3e6b)}tr.subtotaal td{background:var(--accent-soft)}.bedragen{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.bedragen .bedrag{border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem}.bedragen .bedrag .n{font-size:1.15rem;font-weight:600}.bedragen .bedrag .l{font-size:.8rem;color:var(--muted)}tr.import-fout td{background:var(--danger-bg)}tr.import-dubbel td{background:var(--warn-bg)}