:root{--paper:#F6F7F9;--surface:#FFFFFF;--surface-2:#EEF1F5;--field:#FFFFFF;--ink:#12161C;--ink-soft:#3A434F;--muted:#626D7B;--rule:#D9DFE7;--rule-soft:#E6EAEF;--brand-green:#94C11F;--accent:#597514;--accent-ink:#4A6110;--accent-bg:#EEF4DE;--on-accent:#FFFFFF;--good:#15803D;--good-bg:#E4F2E8;--warn:#9A5B00;--warn-bg:#F8EEDC;--bad:#B91C1C;--bad-bg:#FBE9E9;--shadow:0 1px 2px rgba(18,22,28,.05),0 8px 24px -16px rgba(18,22,28,.22);--radius:6px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0E1216;--surface:#161B21;--surface-2:#1D242B;--field:#1B222A;--ink:#E6EBF1;--ink-soft:#C2CBD5;--muted:#8B97A5;--rule:#29323C;--rule-soft:#212932;--brand-green:#94C11F;--accent:#9ACB3A;--accent-ink:#B4DD5C;--accent-bg:#223010;--on-accent:#0A2408;--good:#5FCB86;--good-bg:#12301F;--warn:#E5AC5B;--warn-bg:#33270F;--bad:#F08A8A;--bad-bg:#3A1717;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -18px rgba(0,0,0,.9)}}:root[data-theme=dark]{--paper:#0E1216;--surface:#161B21;--surface-2:#1D242B;--field:#1B222A;--ink:#E6EBF1;--ink-soft:#C2CBD5;--muted:#8B97A5;--rule:#29323C;--rule-soft:#212932;--brand-green:#94C11F;--accent:#9ACB3A;--accent-ink:#B4DD5C;--accent-bg:#223010;--on-accent:#0A2408;--good:#5FCB86;--good-bg:#12301F;--warn:#E5AC5B;--warn-bg:#33270F;--bad:#F08A8A;--bad-bg:#3A1717;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -18px rgba(0,0,0,.9)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:Archivo,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}@media (max-width:820px){.shell{grid-template-columns:1fr}}.side{border-right:1px solid var(--rule);background:var(--surface);padding:1.1rem .8rem;display:flex;flex-direction:column;gap:1.4rem}@media (max-width:820px){.side{border-right:0;border-bottom:1px solid var(--rule)}}.logo{padding:0 .5rem;display:flex;align-items:center}.logo img{display:block;height:30px;width:auto}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo img{filter:brightness(0) invert(1)}}:root[data-theme=dark] .logo img{filter:brightness(0) invert(1)}.zoekvak{display:flex;gap:.3rem;padding:0 .1rem}.zoekvak input{font-size:.82rem}.zoekvak .knop,.zoekvak input{padding:.4rem .55rem}.nav{flex-direction:column;gap:.1rem}.nav,.nav a{display:flex}.nav a{align-items:center;gap:.55rem;padding:.45rem .55rem;border-radius:5px;color:var(--ink-soft);font-size:.9rem;font-weight:500}.nav a:hover{background:var(--surface-2);text-decoration:none}.nav a[aria-current=page]{background:var(--accent-bg);color:var(--accent-ink)}.belknop svg,.nav a svg{flex:none;width:17px;height:17px;opacity:.85}.nav .groep{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:.8rem .55rem .25rem}.onderaan{margin-top:auto;display:flex;flex-direction:column;gap:.2rem}.side .voet{border-top:1px solid var(--rule-soft);padding-top:.8rem}.side .wie{font-size:.82rem;padding:0 .55rem .5rem}.side .wie strong{display:block}.side .wie span{color:var(--muted);font-size:.75rem}.belknop{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;border-radius:5px;color:var(--ink-soft);font-size:.9rem;font-weight:500}.belknop:hover{background:var(--surface-2);text-decoration:none}.belteller{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;padding:0 .3rem;border-radius:999px;background:var(--bad);color:#fff;font-size:.68rem;font-weight:700;line-height:1}.meldingenlijst{list-style:none;margin:0;padding:0;display:grid;grid-gap:.6rem;gap:.6rem}.meldingitem{background:var(--surface);border-left:1px solid var(--rule);border:1px solid var(--rule);border-left-width:3px;border-radius:var(--radius);box-shadow:var(--shadow);padding:.8rem 1rem;display:grid;grid-gap:.35rem;gap:.35rem}.meldingitem.ongelezen{border-left-color:var(--accent)}.meldingkop{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.main{padding:clamp(1rem,3vw,2rem);max-width:1200px}h1{font-size:1.6rem;font-weight:700;letter-spacing:-.025em;margin:0;text-wrap:balance}h2{font-size:1.15rem;letter-spacing:-.015em}h2,h3{font-weight:600;margin:0}h3{font-size:.95rem}p{margin:0}.lede{max-width:62ch}.lede,.muted{color:var(--muted)}.klein{font-size:.82rem}.paginakop{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;margin-bottom:1.4rem;border-bottom:1px solid var(--rule)}.paginakop .rek{flex:1 1 auto}.knop{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.85rem;font-weight:600;border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:5px;padding:.45rem .8rem;cursor:pointer}.knop:hover{border-color:var(--accent);color:var(--accent-ink);text-decoration:none}.knop:disabled{opacity:.45;cursor:default}.knop.primair{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.knop.primair:hover{filter:brightness(1.08);color:var(--on-accent)}.knop.stil{border-color:transparent;background:transparent;color:var(--muted)}label.veld{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--muted)}label.veld>span.eis:after{content:" *";color:var(--bad)}input,select,textarea{font:inherit;font-size:.9rem;color:var(--ink);background:var(--field);border:1px solid var(--rule);border-radius:5px;padding:.45rem .6rem;width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}textarea{min-height:80px;resize:vertical}input[aria-invalid=true]{border-color:var(--bad)}.veldfout{color:var(--bad);font-size:.78rem}.formraster{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.9rem;gap:.9rem}.formraster .breed{grid-column:1/-1}.kaart{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.kaartkop{padding:.7rem 1rem;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.kaartkop .rek{flex:1 1 auto}.kaartlijf{padding:1rem;display:flex;flex-direction:column;gap:1rem}.raster2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem}.raster2,.raster3{display:grid;gap:1rem}.raster3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:1rem}.stapel{display:flex;flex-direction:column;gap:1rem}.rij{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tabelrol{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:.68rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule);white-space:nowrap}td,th{padding:.6rem 1rem}td{border-bottom:1px solid var(--rule-soft);color:var(--ink-soft)}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--surface-2)}td.n,th.n{text-align:right}td a{font-weight:600;color:var(--ink)}.leeg{padding:2.2rem 1rem;text-align:center;color:var(--muted)}.zoektreffer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--rule-soft)}.zoektreffer:last-child{border-bottom:0}.zoektreffer:hover{background:var(--surface-2)}.zoektreffer .rek{flex:1 1 auto}.tag{font-size:.7rem;letter-spacing:.03em;padding:.1rem .4rem;background:var(--surface-2);color:var(--muted)}.bolletje,.tag{display:inline-flex;font-weight:600;border-radius:3px}.bolletje{align-items:center;gap:.35rem;font-size:.75rem;padding:.12rem .45rem}.bolletje.groen{background:var(--good-bg);color:var(--good)}.bolletje.geel{background:var(--warn-bg);color:var(--warn)}.bolletje.rood{background:var(--bad-bg);color:var(--bad)}.melding{padding:.7rem .9rem;border-radius:5px;font-size:.87rem;border-left:3px solid var(--accent);background:var(--accent-bg);color:var(--ink-soft)}.melding.fout{border-left-color:var(--bad);background:var(--bad-bg);color:var(--bad)}.melding.let-op{border-left-color:var(--warn);background:var(--warn-bg);color:var(--warn)}.kpi{display:flex;flex-direction:column;gap:.1rem}.kpi .kop{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:600}.kpi .waarde{font-size:1.7rem;font-weight:700;letter-spacing:-.02em}.kpi .waarde.acc{color:var(--accent-ink)}.aanmeldscherm{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.aanmeldkaart{width:min(100%,400px);gap:1.1rem}.aanmeldkaart,.aanmeldkaart .merk{display:flex;flex-direction:column}.aanmeldkaart .merk{align-items:center;gap:.6rem}.aanmeldkaart .merk img{display:block;height:52px;width:auto}.aanmeldkaart .merk span{color:var(--muted);font-weight:500;font-size:.9rem;letter-spacing:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .aanmeldkaart .merk img{filter:brightness(0) invert(1)}}:root[data-theme=dark] .aanmeldkaart .merk img{filter:brightness(0) invert(1)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.wizard{display:grid;grid-template-columns:minmax(0,1fr) 24rem;grid-gap:1rem;gap:1rem;align-items:start}@media (max-width:60rem){.wizard{grid-template-columns:minmax(0,1fr)}}.wizardstappen,.wizardzijkant{display:grid;grid-gap:1rem;gap:1rem}.wizardzijkant{align-self:start;position:-webkit-sticky;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}@media (max-width:60rem){.wizardzijkant{position:static;max-height:none;overflow:visible}}.kaart.rekent{opacity:.72;transition:opacity .12s ease}.productkeuze{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));grid-gap:.5rem;gap:.5rem}.productknop{display:grid;grid-gap:.15rem;gap:.15rem;text-align:left;padding:.7rem .8rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;font:inherit}.productknop.aan,.productknop:hover{border-color:var(--accent)}.productknop.aan{background:var(--accent-bg);box-shadow:inset 0 0 0 1px var(--accent)}.stappenlijst{list-style:none;margin:0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.stap{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.stap.open{border-color:var(--accent)}.stapkop{display:flex;align-items:center;gap:.7rem;width:100%;padding:.8rem 1rem;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.stapkop:hover{background:var(--surface-2)}.stapnummer{flex:none;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid var(--rule);font-size:.8rem;color:var(--muted)}.stap.klaar .stapnummer{border-color:var(--good);color:var(--good);background:var(--good-bg)}.stap.open .stapnummer{border-color:var(--accent);color:var(--accent-ink)}.staptitel{display:grid;grid-gap:.1rem;gap:.1rem;flex:1 1;min-width:0}.staptitel span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stapinhoud{padding:0 1rem 1rem;border-top:1px solid var(--rule-soft)}.hulp{margin:.8rem 0;color:var(--ink-soft);font-size:.9rem}.opties{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-gap:.5rem;gap:.5rem;margin-top:.8rem}.optie{display:grid;grid-gap:.25rem;gap:.25rem;align-content:start;padding:.7rem .8rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-align:left;font:inherit;cursor:pointer}.optie.aan,.optie:hover{border-color:var(--accent)}.optie.aan{background:var(--accent-bg);box-shadow:inset 0 0 0 1px var(--accent)}.optiekop{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.optieprijs{margin-top:.25rem;font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.optieprijs.meer{color:var(--warn)}.optieprijs.minder{color:var(--good)}.optie.aan .optieprijs{color:var(--accent-ink)}.afmetingen{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));grid-gap:.6rem;gap:.6rem;align-items:end;margin-top:.8rem}.oppervlakte{display:grid;grid-gap:.15rem;gap:.15rem;padding:.45rem .6rem;border-radius:var(--radius);background:var(--surface-2)}.totaal{display:flex;align-items:baseline;gap:.5rem}.totaal .waarde{font-size:1.7rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.intern{margin-top:.7rem;padding-top:.7rem;border-top:1px dashed var(--rule)}.totaalrij{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--rule)}.offertetekst{margin:0;color:var(--ink-soft);line-height:1.55}.regeltekst{display:grid;grid-gap:.5rem;gap:.5rem}.regeltekst textarea{width:100%}.verschillen{margin:0;padding-left:1.1rem;display:grid;grid-gap:.25rem;gap:.25rem;font-size:.9rem}.verschillen .toegevoegd{color:var(--good)}.verschillen .verwijderd{color:var(--bad)}.verschillen .bedrag,.verschillen .gewijzigd,.verschillen .korting{color:var(--warn)}.filterbalk{display:flex;gap:.5rem;padding:.7rem;flex-wrap:wrap}.filterbalk input{flex:1 1 14rem}.tag.let-op{background:var(--warn-bg);color:var(--warn)}.bron,td.mono,td.n{white-space:nowrap}.beheerraster{display:grid;grid-template-columns:minmax(0,1fr) 20rem;grid-gap:1rem;gap:1rem;align-items:start}@media (max-width:64rem){.beheerraster{grid-template-columns:minmax(0,1fr)}}.beheerraster>aside{position:-webkit-sticky;position:sticky;top:1rem;align-self:start;max-height:calc(100vh - 2rem);overflow-y:auto}@media (max-width:64rem){.beheerraster>aside{position:static;max-height:none;overflow:visible}}.tabbalk{display:flex;gap:.25rem;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding-bottom:.1rem}.tab{padding:.45rem .8rem;border-radius:var(--radius) var(--radius) 0 0;color:var(--muted);text-decoration:none;font-size:.9rem;border:1px solid transparent;border-bottom:0;margin-bottom:-1px}.tab:hover{color:var(--ink);background:var(--surface-2)}.tab.aan{color:var(--ink);background:var(--surface);border-color:var(--rule);font-weight:500}.rijform{display:contents}.beheerraster td input,.beheerraster td select{width:100%;min-width:4rem;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.beheerraster td input.smal{min-width:3.5rem}.beheerraster td,.beheerraster th{padding-left:.5rem;padding-right:.5rem}.staffelkeuze{display:inline-flex;align-items:center;gap:.3rem;margin-bottom:.25rem;color:var(--muted)}.staffelkeuze input{width:auto;min-width:0}.waarschuwing{color:var(--warn);font-weight:500}.machineblok{padding:.8rem 0;border-top:1px solid var(--rule-soft)}.machineblok:first-of-type{border-top:0}.machineform{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));grid-gap:.6rem;gap:.6rem;align-items:end;margin:.6rem 0}.uitkomstveld{display:grid;grid-gap:.15rem;gap:.15rem;padding:.45rem .6rem;border-radius:var(--radius);background:var(--surface-2)}.afnameform,.staffelform{display:grid;grid-gap:.6rem;gap:.6rem;margin-top:.8rem}.afnamerij,.staffelrij{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem;align-items:end}.afnamerij{grid-template-columns:1fr 1fr 1fr}.afnamenaam{align-self:center;font-size:.9rem}.gevolglijst{list-style:none;margin:.5rem 0 0;padding:0;display:grid;grid-gap:.2rem;gap:.2rem;font-size:.85rem}.gevolglijst li{display:flex;justify-content:space-between;gap:1rem}.proef.rekent{opacity:.72;transition:opacity .12s ease}.proefinvoer{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-bottom:.8rem}.proefinvoer .veld:first-child{grid-column:1/-1}.proefinvoer input,.proefinvoer select{width:100%}.proefuitkomst .tabelrol{margin:.6rem -1rem}.beheerraster td:first-child{min-width:11rem}.weekraster{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:.5rem;gap:.5rem;align-items:start}@media (max-width:72rem){.weekraster{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:44rem){.weekraster{grid-template-columns:minmax(0,1fr)}}.dagkolom{display:grid;grid-gap:.4rem;gap:.4rem;align-content:start;min-height:6rem}.dagkop{display:flex;flex-direction:column;gap:.05rem;padding:.35rem .5rem;border-radius:var(--radius);background:var(--surface-2)}.afspraak{display:grid;grid-gap:.2rem;gap:.2rem;padding:.5rem .6rem;border-left:1px solid var(--rule);border:1px solid var(--rule);border-left-width:3px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.afspraak.geannuleerd{opacity:.5;text-decoration:line-through}.afspraak.afgerond{background:var(--good-bg)}.afspraak.bezig{background:var(--warn-bg)}.mensen{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.15rem}.mensje{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;color:var(--muted);border:1px solid var(--rule-soft);border-radius:999px;padding:.05rem .4rem}.stip{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;flex:none;margin-right:.3rem}.mensje .stip{margin-right:0}.afspraakacties{display:grid;grid-gap:.3rem;gap:.3rem;margin-top:.3rem}.afspraakacties select{font-size:.75rem;padding:.15rem .3rem}.afspraakacties .knop{font-size:.72rem;padding:.15rem .4rem}.capaciteitstabel td{vertical-align:middle}.balk{height:.35rem;border-radius:999px;background:var(--rule-soft);overflow:hidden;margin-bottom:.2rem}.balk.vol{box-shadow:0 0 0 1px var(--warn)}.vulling{height:100%;border-radius:999px}.mensenkeuze{display:flex;gap:.5rem;flex-wrap:wrap;margin:.3rem 0}.mens{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border:1px solid var(--rule);border-radius:var(--radius);font-size:.88rem;cursor:pointer}.mens:has(input:checked){border-color:var(--accent);background:var(--accent-bg)}.mens input{width:auto}.waarschuwingslijst{margin:.4rem 0 0;padding-left:1.1rem;font-size:.85rem;display:grid;grid-gap:.15rem;gap:.15rem}.duurvelden{display:flex;gap:.5rem}.duurvelden label{display:flex;align-items:center;gap:.3rem}.duurvelden input{width:4.5rem;text-align:right}.dagscheiding{display:flex;align-items:center;padding:.45rem 1rem;background:var(--surface-2);border-top:1px solid var(--rule-soft)}.nacalculatie td.over{color:var(--warn);font-weight:500}.nacalculatie td.onder{color:var(--good)}.bevestiging{display:grid;grid-gap:.15rem;gap:.15rem;padding:.6rem .8rem;border-radius:var(--radius);background:var(--surface-2)}.handtekeningcanvas{width:100%;max-width:32rem;height:13rem;border:1px solid var(--rule);border-radius:var(--radius);background:#fff;touch-action:none;cursor:crosshair}.fotogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));grid-gap:.7rem;gap:.7rem}.foto{margin:0;display:grid;grid-gap:.3rem;gap:.3rem}.foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--rule-soft);background:var(--surface-2)}