:root{--groen:#1a3c34;--groen-2:#2b4b43;--groen-3:#3a5a51;--oranje:#c4552a;--oranje-tekst:#b04a22;--oranje-op-groen:#d9683d;--oranje-zacht:#c4552a1a;--oranje-donker:#8e3a18;--achtergrond:#ebebeb;--kaart:#fff;--veld:#f5f5f3;--rand:#cfcfcb;--lijn:#d9d9d6;--stippel:#b9bdb9;--tekst:#0d1916;--tekst-gedempt:#5c6360;--placeholder:#7a807d;--wit-gedempt:#ffffffc7;--font:"Questrial", system-ui, sans-serif;--font-accent:"Baskervville", Georgia, serif;--tekst-xs:12px;--tekst-s:13px;--tekst-m:15px;--tekst-l:17px;--kop-s:20px;--kop-m:26px;--kop-l:32px;--kop-xl:38px;--radius-veld:14px;--radius-tegel:18px;--radius-kaart:20px;--radius-kaart-l:24px;--radius-hero:28px;--radius-pill:999px;--knop-hoogte:54px;--knop-hoogte-s:44px;--veld-hoogte:52px;--gutter:16px;--menubalk-hoogte:80px}*,:before,:after{box-sizing:border-box}html,body{background:var(--achtergrond);color:var(--tekst);font-family:var(--font);font-size:var(--tekst-l);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.45}h1,h2,h3,p{margin:0;font-weight:400}a{color:var(--groen)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--oranje);outline-offset:2px}.accent{font-family:var(--font-accent);color:var(--oranje-tekst);font-style:italic}.accent--op-groen{color:var(--oranje-op-groen)}.gedempt{color:var(--tekst-gedempt)}.visueel-verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scherm{max-width:480px;min-height:100dvh;padding:calc(var(--gutter) + env(safe-area-inset-top)) var(--gutter) calc(var(--gutter) + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.scherm--met-menu{padding-bottom:calc(var(--menubalk-hoogte) + 20px + env(safe-area-inset-bottom))}.hero{background:var(--groen);color:#fff;border-radius:var(--radius-hero);flex-direction:column;gap:28px;padding:22px 24px 24px;display:flex}.hero__titel{font-size:var(--kop-xl);letter-spacing:-.5px;line-height:1.08}.hero__tekst{font-size:var(--tekst-l);color:var(--wit-gedempt)}.kaart{background:var(--kaart);border-radius:var(--radius-kaart-l);flex-direction:column;gap:18px;padding:24px;display:flex}.kaart--klein{border-radius:var(--radius-kaart);gap:12px;padding:16px 18px}.veld{flex-direction:column;gap:8px;display:flex}.veld label{font-size:var(--tekst-m)}.veld input{height:var(--veld-hoogte);border:1px solid var(--rand);border-radius:var(--radius-veld);background:var(--veld);font-size:var(--tekst-l);color:var(--tekst);padding:0 16px}.veld input::placeholder{color:var(--placeholder)}.knop{height:var(--knop-hoogte);border-radius:var(--radius-pill);background:var(--groen);color:#fff;font-size:var(--tekst-l);cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex}.knop:disabled{opacity:.45;cursor:not-allowed}.knop--wit{color:var(--groen);background:#fff}.knop--oranje{background:var(--oranje-tekst);color:#fff}.knop--outline{height:var(--knop-hoogte-s);border:1.5px solid var(--groen);color:var(--groen);font-size:var(--tekst-m);background:0 0;padding:0 18px}.knop--link{height:var(--knop-hoogte-s);color:inherit;font-size:var(--tekst-m);text-underline-offset:3px;background:0 0;text-decoration:underline}.label{border-radius:var(--radius-pill);font-size:var(--tekst-s);background:var(--oranje);color:#fff;align-items:center;padding:3px 10px;display:inline-flex}.label--status{background:var(--groen);font-family:var(--font-accent);font-style:italic;font-size:var(--tekst-m);padding:5px 14px}.label--populair{background:var(--oranje-tekst);font-size:var(--tekst-xs);letter-spacing:.6px;padding:2px 10px}.melding{background:var(--oranje-zacht);color:var(--oranje-donker);border-radius:var(--radius-veld);font-size:var(--tekst-m);padding:10px 14px}.menubalk{height:calc(var(--menubalk-hoogte) + env(safe-area-inset-bottom));padding-bottom:calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--lijn);background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.menubalk a{color:var(--tekst-gedempt);font-size:var(--tekst-xs);flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.menubalk a[aria-current=page]{color:var(--groen)}.scherm--midden{text-align:center;justify-content:center;align-items:center}.kop{font-size:var(--tekst-l);align-items:center;gap:8px;display:flex}.terug{background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stappen{justify-content:space-between;align-items:center;padding:4px 8px 0;display:flex}.stappen>div:first-child{font-size:var(--tekst-m);align-items:baseline;gap:10px;display:flex}.stappen__nr{color:var(--oranje);font-size:30px;line-height:1}.stappen__balk{gap:6px;display:flex}.stappen__balk span{background:var(--rand);border-radius:2px;width:28px;height:4px}.stappen__balk span.aan{background:var(--groen)}.titel{flex-direction:column;gap:6px;padding:0 8px;display:flex}.titel h1{font-size:var(--kop-l);letter-spacing:-.4px;line-height:1.1}.titel p{font-size:var(--tekst-m)}.hero--vol{flex:1;gap:0;padding:28px 24px}.hero__onder{flex-direction:column;gap:18px;margin-top:auto;padding-top:40px;display:flex}.hero__onder h1{letter-spacing:-.5px;font-size:36px;line-height:1.1}.hero__onder p{color:#fffc;font-size:16px;line-height:1.5}.hero__icoon{border:1.5px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.hero__icoon--wit{background:#fff;border:0}.veld textarea,.veld select{border:1px solid var(--rand);border-radius:var(--radius-veld);background:var(--veld);font-size:var(--tekst-l);color:var(--tekst);resize:none;padding:12px 16px;line-height:1.4}.veld__hint{font-size:var(--tekst-s);color:var(--tekst-gedempt);line-height:1.45}.veld__hint--let-op{color:var(--oranje-donker)}.veld input[aria-invalid=true],.veld--let-op input{border:1.5px solid var(--oranje)}.veld__prefix{height:var(--veld-hoogte);border:1px solid var(--rand);border-radius:var(--radius-veld);background:var(--veld);align-items:center;gap:4px;padding:0 16px;display:flex}.veld__prefix span{font-size:var(--tekst-l);color:var(--tekst-gedempt)}.veld .veld__prefix input{background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0}.veld__labelrij{align-items:center;margin:-12px 0;display:flex}.info-knop{cursor:pointer;width:44px;height:44px;color:var(--groen);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.info-tekst{background:var(--veld);border-radius:var(--radius-veld);padding:12px 14px;font-size:14px;line-height:1.5}.upload{border:1.5px dashed var(--stippel);border-radius:var(--radius-veld);background:var(--veld);min-height:64px;font-size:var(--tekst-m);color:var(--groen);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:8px 16px;display:flex}.upload img{object-fit:contain;max-width:120px;max-height:48px}.code-invoer{text-align:center;letter-spacing:8px;height:64px;font-size:30px!important}.keuzes{flex-direction:column;gap:10px;display:flex}.keuze{text-align:left;border-radius:var(--radius-kaart);cursor:pointer;color:var(--tekst);background:#fff;border:1.5px solid #fff;flex-direction:column;gap:10px;padding:18px 18px 20px;display:flex}.keuze[aria-checked=true]{background:var(--groen);border-color:var(--groen);color:#fff}.keuze__kop{font-size:var(--tekst-m);color:var(--tekst-gedempt);justify-content:space-between;align-items:center;gap:12px;display:flex}.keuze[aria-checked=true] .keuze__kop{color:#fffc}.keuze__tekst{font-family:var(--font-accent);font-size:18px;line-height:1.45}.keuze__stip{border:1.5px solid var(--stippel);border-radius:50%;flex:none;width:20px;height:20px}.keuze[aria-checked=true] .keuze__stip{background:var(--oranje-op-groen);border:5px solid #fff}.keuze--klein{border-radius:var(--radius-veld);border-color:#e3e5e2;flex-direction:row;align-items:flex-start;gap:12px;padding:12px 14px}.keuze--klein[aria-checked=true]{border-color:var(--groen);color:var(--tekst);background:#1a3c340f}.keuze--klein .keuze__stip{margin-top:1px}.keuze--klein[aria-checked=true] .keuze__stip{border:6px solid var(--groen);background:0 0}.lijst{border-radius:var(--radius-kaart-l);background:#fff;flex-direction:column;padding:4px 18px;display:flex}.lijst__rij{color:inherit;border-top:1px solid #c4552a40;align-items:center;gap:14px;padding:14px 0;text-decoration:none;display:flex}.lijst__rij:first-child{border-top:0}.lijst__tekst{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:16px;display:flex}.lijst__tekst small{font-size:var(--tekst-s);color:var(--tekst-gedempt);text-overflow:ellipsis;overflow:hidden}.avatar{width:40px;height:40px;font-size:var(--tekst-m);color:var(--groen);text-transform:uppercase;background:#e3e5e2;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.avatar--ik{background:var(--groen);color:#fff}.rol-keuze{border:1px solid var(--rand);border-radius:var(--radius-pill);background:var(--veld);height:38px;padding:0 10px;font-size:14px}.knop--s{height:40px;padding:0 14px;font-size:14px}.knop--blok{width:100%}.spinner{border:3px solid var(--rand);border-top-color:var(--groen);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite draai}@keyframes draai{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.tegoed{background:var(--groen);color:#fff;border-radius:var(--radius-hero);flex-direction:column;gap:18px;padding:24px 22px 20px;display:flex}.tegoed__getal{letter-spacing:-2px;font-size:72px;line-height:.95}.leeg{background:var(--veld);border:1.5px dashed var(--stippel);border-radius:var(--radius-kaart);font-size:var(--tekst-m);color:var(--tekst-gedempt);padding:16px 18px}.beheer{flex-direction:column;gap:18px;max-width:1100px;margin:0 auto;padding:32px 24px;display:flex}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tabs button{border-radius:var(--radius-pill);border:1.5px solid var(--groen);height:40px;color:var(--groen);cursor:pointer;background:0 0;padding:0 16px}.tabs button[aria-pressed=true]{background:var(--groen);color:#fff}.aanvraag{border-radius:var(--radius-kaart);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;padding:18px 20px;display:grid}@media (width<=640px){.aanvraag{grid-template-columns:1fr}}.schrijven{cursor:default;animation:1.6s ease-in-out infinite pulseer}.schrijven:nth-child(2){animation-delay:.2s}.schrijven:nth-child(3){animation-delay:.4s}@keyframes pulseer{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.schrijven{animation:none}}.bundel{border-radius:var(--radius-kaart);cursor:pointer;color:var(--tekst);background:#fff;border:2px solid #fff;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.bundel[aria-checked=true]{border-color:var(--groen)}.bundel__stip{border:1.5px solid var(--stippel);border-radius:50%;flex:none;width:22px;height:22px}.bundel[aria-checked=true] .bundel__stip{border:7px solid var(--groen)}.coupon{border:1px solid var(--rand);border-radius:var(--radius-pill);background:#fff;align-items:center;gap:8px;height:54px;padding:0 5px 0 18px;display:flex}.coupon input{letter-spacing:.5px;text-transform:uppercase;background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0;font-size:16px}.coupon input::placeholder{text-transform:none;letter-spacing:0;color:var(--placeholder)}.prijsrij{border-top:1px solid #c4552a40;justify-content:space-between;align-items:baseline;padding:12px 0;display:flex}.prijsrij:last-child{border-bottom:1px solid #c4552a40}.beheer-kader{flex-wrap:wrap;align-items:flex-start;gap:16px;min-height:100dvh;padding:16px;display:flex}.beheer-nav{background:var(--groen);border-radius:var(--radius-kaart-l);color:#fff;flex-direction:column;flex:220px;gap:24px;max-width:100%;padding:24px 16px;display:flex}.beheer-nav a{color:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:11px 12px;font-size:16px;text-decoration:none;display:flex}.beheer-nav a[aria-current=page]{background:#ffffff1f}.beheer-inhoud{flex-direction:column;flex:999 560px;gap:16px;min-width:0;display:flex}.beheer-kaart{border-radius:var(--radius-kaart-l);background:#fff;flex-direction:column;gap:16px;padding:20px 24px;display:flex}.beheer-veld{color:var(--tekst-gedempt);flex-direction:column;gap:6px;font-size:14px;display:flex}.beheer-veld input,.beheer-veld select{border:1px solid var(--rand);background:var(--veld);height:44px;color:var(--tekst);border-radius:12px;padding:0 12px;font-size:15px}.segment{border-radius:var(--radius-pill);background:#f0f0ee;gap:4px;width:fit-content;padding:4px;display:flex}.segment button{border-radius:var(--radius-pill);cursor:pointer;height:36px;color:var(--tekst-gedempt);background:0 0;border:0;padding:0 14px;font-size:14px}.segment button[aria-checked=true]{color:var(--groen);background:#fff;box-shadow:0 1px 3px #0d191626}.tabel{border-collapse:collapse;width:100%;min-width:900px;font-size:15px}.tabel th{color:var(--tekst-gedempt);text-align:left;padding:14px 12px;font-size:13px;font-weight:400}.tabel td{border-top:1px solid #c4552a33;padding:14px 12px}.tabel th:first-child,.tabel td:first-child{padding-left:24px}.chip{border-radius:var(--radius-pill);white-space:nowrap;color:var(--tekst-gedempt);background:#ecedeb;padding:4px 12px;font-size:13px}.chip--actief{background:var(--groen);color:#fff;font-family:var(--font-accent);font-style:italic}.chip--gepland{border:1px solid var(--groen);color:var(--groen);background:0 0}.chip--ingetrokken{color:var(--oranje-donker);background:#c4552a1f}.tab{border-radius:var(--radius-pill);cursor:pointer;height:40px;color:var(--tekst);background:#fff;border:1px solid #fff;align-items:center;gap:6px;padding:0 16px;font-size:15px;display:inline-flex}.tab[aria-selected=true]{background:var(--groen);color:#fff;border-color:var(--groen)}.tab--erbij{border:1.5px dashed var(--stippel);color:var(--groen);background:0 0}.fotos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.foto{aspect-ratio:4/5;background:var(--groen-2);border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.foto img{object-fit:cover;width:100%;height:100%}.foto__weg{cursor:pointer;background:#0d19168c;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:6px;right:6px}.foto--laden{background:var(--veld)}.foto--erbij{border:1.5px dashed var(--stippel);background:var(--veld);color:var(--groen);cursor:pointer;flex-direction:column;gap:6px;font-size:14px}.segment--vol{grid-template-columns:repeat(4,minmax(0,1fr));width:auto;display:grid}.segment--vol button{height:40px;font-size:15px}.regel{justify-content:space-between;font-size:16px;display:flex}.regel span:first-child{color:var(--wit-gedempt)}.stap{border-top:1px solid #c4552a40;align-items:center;gap:16px;padding:16px 0;display:flex}.stap:first-child{border-top:0}.teller{background:var(--oranje-op-groen);color:var(--tekst);border-radius:var(--radius-pill);padding:1px 9px;font-size:13px}.tegels{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.tegel{border-radius:var(--radius-kaart);background:#fff;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.tegel--donker{background:var(--groen);color:#fff}.tegel__label{color:var(--tekst-gedempt);font-size:13px}.tegel--donker .tegel__label{color:var(--wit-gedempt)}.tegel__waarde{font-size:32px;line-height:1.1}.schakelaar{border-radius:var(--radius-pill);cursor:pointer;background:var(--rand);border:0;justify-content:flex-start;width:44px;height:26px;padding:3px;display:inline-flex}.schakelaar[aria-checked=true]{background:var(--groen);justify-content:flex-end}.schakelaar span{background:#fff;border-radius:50%;width:20px;height:20px;display:block}.status-chip{border-radius:var(--radius-pill);white-space:nowrap;padding:4px 12px;font-size:14px;display:inline-block}.status-chip--ingestuurd{border:1px solid var(--groen);color:var(--groen)}.status-chip--in_productie{background:var(--groen);color:#fff;font-family:var(--font-accent);font-style:italic}.status-chip--ter_goedkeuring{color:var(--oranje-donker);background:#c4552a1f}.status-chip--geleverd{color:var(--tekst-gedempt);background:#ecedeb}.kaarten-rij{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.beheer-veld textarea{border:1px solid var(--rand);background:var(--veld);color:var(--tekst);resize:vertical;border-radius:14px;padding:14px 16px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.55}.md-blok{background:var(--veld);white-space:pre-wrap;border:1px solid #e3e5e2;border-radius:14px;margin:0;padding:14px 16px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.55}.zaak-item{color:inherit;border-radius:14px;flex-direction:column;gap:3px;padding:12px;text-decoration:none;display:flex}.zaak-item[aria-current=page]{background:#1a3c3414}.segment button[aria-selected=true]{background:var(--groen);color:#fff}.zoek{border:1px solid var(--rand);border-radius:var(--radius-pill);background:var(--veld);height:44px;padding:0 16px;font-size:15px}.prijs-invoer{border:1px solid var(--rand);background:var(--veld);border-radius:12px;align-items:center;gap:4px;height:40px;padding:0 12px;display:inline-flex}.prijs-invoer input{background:0 0;border:0;width:64px;padding:0;font-size:15px}.populair-stip{cursor:pointer;border:1.5px solid var(--stippel);background:#fff;border-radius:50%;width:22px;height:22px;padding:0}.populair-stip[aria-checked=true]{border:7px solid var(--oranje-tekst)}.cijfer{border-radius:var(--radius-pill);background:#ecedeb;justify-content:center;align-items:center;min-width:34px;height:30px;font-size:15px;display:inline-flex}.cijfer--laag{color:var(--oranje-donker);background:#c4552a24}.cijfer--hoog{background:var(--groen);color:#fff}