.dash{--papier:#f6f3ec;--papier-diep:#efeadf;--kaart:#fffdf8;--lijn:#e3dccb;--lijn-zacht:#ece6d8;--inkt:#1d2926;--inkt-zacht:#5c6660;--inkt-vaag:#8b938c;--petrol:#0e5856;--petrol-diep:#0a3f3e;--petrol-licht:#e3efed;--messing:#b97a26;--messing-licht:#f7ecd9;--groen:#2e7d4f;--groen-licht:#e4f1e8;--rood:#b3403a;--rood-licht:#f7e6e4;--schaduw:0 1px 2px rgba(29,41,38,0.05),0 8px 24px -12px rgba(29,41,38,0.18);--radius:10px;font-family:var(--font-body),"Segoe UI",sans-serif;color:var(--inkt);background:var(--papier);min-height:100vh;display:grid;grid-template-columns:248px 1fr;position:relative}.dash:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.025 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");z-index:50}.dash *,.dash :after,.dash :before{box-sizing:border-box}.dash a{color:inherit;text-decoration:none}.zijbalk{background:linear-gradient(178deg,var(--petrol-diep) 0,#072f2e 100%);color:#e8f0ee;padding:28px 20px 24px;display:flex;flex-direction:column;gap:28px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.woordmerk{font-family:var(--font-display),serif;font-size:28px;font-weight:700;letter-spacing:-.02em;color:#fff}.woordmerk .punt{color:var(--messing)}.zijbalk .bedrijf{margin-top:-20px;font-size:13px;color:#9fc0bb}.zijnav{display:flex;flex-direction:column;gap:2px}.zijnav a{display:flex;align-items:baseline;gap:10px;padding:10px 12px;border-radius:8px;font-size:14.5px;color:#c3d8d4;transition:background .15s ease,color .15s ease}.zijnav a .nr{font-family:var(--font-mono),monospace;font-size:10.5px;color:#6f9b95;letter-spacing:.08em}.zijnav a:hover{background:rgba(255,255,255,.06);color:#fff}.zijnav a.actief{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 2px 0 0 var(--messing)}.zijbalk .voet{margin-top:auto;font-size:11.5px;line-height:1.5;color:#7da39d;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}.vlak{padding:36px 44px 64px;max-width:1040px;width:100%}.paginakop{margin-bottom:28px;animation:opkomen .4s ease both}.paginakop .datum{font-family:var(--font-mono),monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--messing);margin-bottom:6px}.paginakop h1{font-family:var(--font-display),serif;font-size:34px;font-weight:700;letter-spacing:-.025em;margin:0 0 4px}.paginakop .sub{color:var(--inkt-zacht);font-size:14.5px;margin:0}.vlak>section{animation:opkomen .45s ease both}.vlak>section:first-of-type{animation-delay:.05s}.vlak>section:nth-of-type(2){animation-delay:.12s}.vlak>section:nth-of-type(3){animation-delay:.19s}.vlak>section:nth-of-type(4){animation-delay:.26s}@keyframes opkomen{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}section{margin-bottom:36px}.sectiekop{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.sectiekop h2{font-family:var(--font-display),serif;font-size:19px;font-weight:600;letter-spacing:-.01em;margin:0}.sectiekop .toelichting{font-size:12.5px;color:var(--inkt-vaag)}.statregel{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.stat{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:18px 18px 14px;box-shadow:var(--schaduw);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--petrol)}.stat.messing:before{background:var(--messing)}.stat.rood:before{background:var(--rood)}.stat .getal{font-family:var(--font-mono),monospace;font-size:30px;font-weight:600;line-height:1.1}.stat .label{font-size:12.5px;color:var(--inkt-zacht);margin-top:2px}.paneel{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);box-shadow:var(--schaduw);overflow:hidden}.regel{display:flex;align-items:center;gap:14px;padding:13px 18px;border-top:1px solid var(--lijn-zacht);font-size:14px}.regel:first-child{border-top:none}a.regel{transition:background .12s ease}a.regel:hover{background:var(--papier-diep)}.regel .tijd{font-family:var(--font-mono),monospace;font-size:12.5px;color:var(--petrol);font-weight:600;min-width:86px}.regel .hoofd{flex:1 1;min-width:0}.regel .hoofd .titel{font-weight:600}.regel .hoofd .detail{font-size:12.5px;color:var(--inkt-zacht);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leeg{padding:28px 18px;text-align:center;color:var(--inkt-vaag);font-size:13.5px;font-style:italic}.badge{display:inline-block;font-family:var(--font-mono),monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:99px;white-space:nowrap}.badge.petrol{background:var(--petrol-licht);color:var(--petrol)}.badge.messing{background:var(--messing-licht);color:var(--messing)}.badge.groen{background:var(--groen-licht);color:var(--groen)}.badge.rood{background:var(--rood-licht);color:var(--rood)}.badge.grijs{background:var(--papier-diep);color:var(--inkt-zacht)}.thread{display:flex;flex-direction:column;gap:10px;padding:22px}.bel{max-width:68%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;white-space:pre-wrap;position:relative}.bel .belmeta{display:flex;gap:8px;align-items:center;margin-top:6px;font-family:var(--font-mono),monospace;font-size:10px;opacity:.65}.bel .belmeta .fout{color:var(--rood);font-weight:600}.dossierkoppen{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.dossiertijdlijn{display:flex;flex-direction:column;gap:10px;padding:22px}.dossierrij{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.dossierrij .kant{display:flex;flex-direction:column}.dossierrij .bel{max-width:86%}.bel.klant{align-self:flex-start;background:#fff;border:1px solid var(--lijn);border-bottom-left-radius:4px}.bel.bot{align-self:flex-end;background:var(--petrol);color:#f0f7f5;border-bottom-right-radius:4px}.bel.eigenaar{align-self:flex-end;background:var(--messing-licht);border:1px solid #ecd9b8;border-bottom-right-radius:4px}.faqkaart{padding:16px 18px;border-top:1px solid var(--lijn-zacht)}.faqkaart:first-child{border-top:none}.faqkaart .vraag{font-weight:600;font-size:14.5px;margin-bottom:4px}.faqkaart .antwoord{font-size:13.5px;color:var(--inkt-zacht);line-height:1.55}.faqkaart .faqvoet{display:flex;align-items:center;gap:10px;margin-top:10px}.faqkaart.uit .antwoord,.faqkaart.uit .formblok,.faqkaart.uit .vraag{opacity:.45}.knop{font-family:var(--font-body),sans-serif;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;border:1px solid var(--petrol);background:var(--petrol);color:#fff;cursor:pointer;transition:background .15s ease,transform .1s ease}.knop:hover{background:var(--petrol-diep)}.knop:active{transform:translateY(1px)}.dash a.knop{color:#fff}.knop.stil{background:transparent}.dash a.knop.stil,.knop.stil{color:var(--petrol)}.knop.stil:hover{background:var(--petrol-licht)}.schakel{display:inline-flex;align-items:center;width:42px;height:24px;border-radius:99px;border:1px solid var(--lijn);background:var(--papier-diep);cursor:pointer;position:relative;transition:background .18s ease,border-color .18s ease;padding:0}.schakel:after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(29,41,38,.3);transition:transform .18s ease}.schakel[aria-pressed=true]{background:var(--groen);border-color:var(--groen)}.schakel[aria-pressed=true]:after{transform:translateX(18px)}.modulegrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.modulekaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);box-shadow:var(--schaduw);padding:16px 18px;display:flex;flex-direction:column;gap:12px}.modulekop{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.module-instellingen{border-top:1px solid var(--lijn-zacht);padding-top:12px}.invoerrij{display:flex;gap:8px}.invoerrij .invoer{flex:1 1;min-width:0}.modulekaart .naam{font-weight:600;font-size:14.5px}.modulekaart .uitleg{font-size:12.5px;color:var(--inkt-zacht);margin-top:3px;line-height:1.5}.weekgrid{display:flex;flex-direction:column}.dagregel{display:grid;grid-template-columns:120px 1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;padding:11px 18px;border-top:1px solid var(--lijn-zacht);font-size:14px}.dagregel:first-child{border-top:none}.dagregel .dag{font-family:var(--font-mono),monospace;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--inkt-zacht)}.dagregel .tot{color:var(--inkt-vaag);font-size:12px;text-align:center}.dagregel input[type=time]{font-family:var(--font-mono),monospace;font-size:13px;padding:7px 10px;border:1px solid var(--lijn);border-radius:7px;background:#fff;color:var(--inkt);width:100%}.dagregel input[type=time]:focus{outline:2px solid var(--petrol);outline-offset:1px;border-color:var(--petrol)}.formvoet{padding:14px 18px;border-top:1px solid var(--lijn-zacht);display:flex;justify-content:space-between;align-items:center;background:var(--papier-diep)}.hint{font-size:12px;color:var(--inkt-vaag)}table.tabel{width:100%;border-collapse:collapse;font-size:14px}.tabel th{font-family:var(--font-mono),monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--inkt-vaag);text-align:left;padding:12px 18px 8px;border-bottom:1px solid var(--lijn);font-weight:500}.tabel td{padding:12px 18px;border-top:1px solid var(--lijn-zacht);vertical-align:top}.tabel tr:first-child td{border-top:none}.tabel .prijs{font-family:var(--font-mono),monospace;font-weight:600;color:var(--petrol);white-space:nowrap}.tabel .vw{font-size:12.5px;color:var(--inkt-zacht)}.formblok{padding:18px;display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 16px;gap:14px 16px}.veld{display:flex;flex-direction:column;gap:6px}.veld.breed{grid-column:1/-1}.veld label{font-family:var(--font-mono),monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--inkt-zacht)}.invoer{font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--lijn);border-radius:7px;background:#fff;color:var(--inkt);width:100%}.invoer::placeholder{color:var(--inkt-vaag);opacity:1}.invoer:focus{outline:2px solid var(--petrol);outline-offset:1px;border-color:var(--petrol)}.invoer[readonly]{background:var(--papier-diep);color:var(--inkt-zacht);cursor:default}.invoer[readonly]:focus{outline:none;border-color:var(--lijn)}textarea.invoer{min-height:84px;resize:vertical;line-height:1.5}select.invoer{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.dienstrij{border-top:1px solid var(--lijn-zacht);padding:14px 18px;display:flex;gap:14px;align-items:flex-start}.dienstrij .dienstform{flex:1 1;min-width:0}.dienstrij .dienstschakel{padding-top:24px}.dienstrij:first-child{border-top:none}.dienstrij.uit .invoer{opacity:.55}.dienstrij .rij-boven{display:grid;grid-template-columns:1.5fr 130px 120px auto auto;grid-gap:10px;gap:10px;align-items:end}.dienstrij .rij-boven .knop,.dienstrij .rij-boven .schakel{margin-bottom:5px}.kolomveld{display:flex;flex-direction:column;gap:4px}.kolomveld label{font-family:var(--font-mono),monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--inkt-vaag)}.eenheid{display:flex;align-items:center;gap:6px}.eenheid span{font-family:var(--font-mono),monospace;font-size:12px;color:var(--inkt-zacht)}.dienstrij .rij-onder{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:8px}@media (max-width:760px){.dienstrij .rij-boven,.dienstrij .rij-onder,.formblok{grid-template-columns:1fr}}.dash.inlog{grid-template-columns:1fr;place-items:center;min-height:100vh;padding:24px;background:linear-gradient(178deg,var(--petrol-diep) 0,#072f2e 100%)}.inlogkaart{width:100%;max-width:430px;background:var(--kaart);border:1px solid var(--lijn);border-radius:16px;box-shadow:0 1px 0 rgba(255,255,255,.08),0 30px 70px -20px rgba(0,0,0,.55);padding:40px 36px 32px;animation:opkomen .45s ease both;position:relative;overflow:hidden}.inlogkaart:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--petrol) 0,var(--messing) 100%)}.inlogkaart h1{font-family:var(--font-display),serif;font-size:27px;letter-spacing:-.02em;margin:20px 0 8px}.inlogkaart .woordmerk{font-size:24px}.inlogkaart.breed{max-width:680px}.aanmeldform{padding:0;margin-top:6px}.aanmeldkop{font-family:var(--font-mono),monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--messing);margin:16px 0 -6px;padding:0 18px}.aanmeldrij{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--lijn-zacht)}.aanmeldrij:last-child{border-bottom:none}.aanmelddienst{display:grid;grid-template-columns:1fr 130px 110px;grid-gap:10px;gap:10px}.aanmeldrij .invoer.stil{font-size:12.5px;color:var(--inkt-zacht)}.aanmeldknop{margin-top:8px;flex-direction:row;align-items:center;gap:14px}.inlogtekst.stil{font-style:italic;color:var(--inkt-vaag)}.faqkeuze{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--lijn-zacht);border-radius:8px;cursor:pointer}.faqkeuze input[type=checkbox]{margin-top:3px;accent-color:var(--petrol)}.faqkeuze .vraag{display:block;font-weight:600;font-size:13.5px}.faqkeuze .antwoord{display:block;font-size:12.5px;color:var(--inkt-zacht)}.inlogvoet{margin-top:22px;padding-top:16px;border-top:1px solid var(--lijn-zacht);font-family:var(--font-mono),monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--inkt-vaag)}.inlogtekst{font-size:14px;color:var(--inkt-zacht);line-height:1.6;margin-bottom:18px}.inlogfout{font-size:13px;color:var(--rood);background:var(--rood-licht);border-radius:8px;padding:10px 14px;margin-bottom:14px}.inlogform{display:flex;flex-direction:column;gap:10px}.inlogform input[type=email]{font:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--lijn);border-radius:8px;background:#fff;color:var(--inkt)}.inlogform input[type=email]:focus{outline:2px solid var(--petrol);outline-offset:1px;border-color:var(--petrol)}.inlogform .codeveld{font-family:var(--font-mono),monospace;font-size:20px;letter-spacing:6px;text-align:center;padding:12px 14px;border:1px solid var(--lijn);border-radius:8px;background:#fff;color:var(--inkt)}.inlogform .codeveld:focus{outline:2px solid var(--petrol);outline-offset:1px;border-color:var(--petrol)}.uitlogknop{margin-top:10px;background:none;border:none;color:#7da39d;font:inherit;font-size:12px;text-align:left;padding:0;cursor:pointer}.uitlogknop:hover{color:#fff;text-decoration:underline}@media (max-width:900px){.dash{grid-template-columns:1fr}.zijbalk{position:static;height:auto}.statregel{grid-template-columns:1fr 1fr}.modulegrid{grid-template-columns:1fr}.dossierkoppen{display:none}.dossierrij{grid-template-columns:1fr}.vlak{padding:24px 18px 48px}}.tabbalk{display:flex;gap:6px;margin-bottom:26px;border-bottom:1px solid var(--lijn)}.tabbalk .tab{padding:10px 18px 12px;font-family:var(--font-display),serif;font-size:16px;color:var(--inkt-zacht);text-decoration:none;border:1px solid transparent;border-bottom:none;border-radius:10px 10px 0 0;margin-bottom:-1px}.tabbalk .tab:hover{color:var(--inkt)}.tabbalk .tab.actief{color:var(--petrol-diep);background:#fff;border-color:var(--lijn);font-weight:600}.tabbalk .tab .aantal{margin-left:6px;font-family:var(--font-mono),monospace;font-size:12px;color:var(--inkt-vaag)}.dienstschakel{display:flex;flex-direction:column;align-items:center;gap:10px}.verwijder{border:none;background:none;padding:0;font-family:var(--font-mono),monospace;font-size:12px;color:var(--rood);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.verwijder:hover{color:var(--inkt)}.annuleer{font-family:var(--font-mono),monospace;font-size:12px;color:var(--inkt-zacht);text-decoration:underline;text-underline-offset:3px}.annuleer:hover{color:var(--inkt)}.zoekbalk{display:flex;align-items:center;gap:10px;margin-bottom:18px}.zoekbalk .invoer{flex:1 1;max-width:420px}.zoekbalk .zoekwis{font-family:var(--font-mono),monospace;font-size:12px;color:var(--inkt-vaag);text-decoration:underline;text-underline-offset:3px}.zoekbalk .zoekwis:hover{color:var(--inkt)}.adminmeta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.adminmeta .loginstamp{font-family:var(--font-mono),monospace;font-size:11px;color:var(--inkt-vaag)}.toonkeuze{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.toonkaart{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--lijn);border-radius:10px;background:var(--kaart);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.toonkaart:hover{border-color:var(--petrol)}.toonkaart input{position:absolute;opacity:0;pointer-events:none}.toonkaart:has(input:checked){border-color:var(--petrol);box-shadow:inset 0 0 0 1px var(--petrol);background:var(--petrol-licht)}.toonkaart .toonkop{font-family:var(--font-display),serif;font-weight:600;font-size:15px;color:var(--inkt)}.toonkaart .toonvoorbeeld{font-size:13px;line-height:1.45;color:var(--inkt-zacht);font-style:italic}