*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}.dashboard{max-width:1400px;margin:0 auto}.dash-leeg{text-align:center;color:#888;background:#fff;border-radius:8px;padding:3rem}.welkom-kaart{color:#fff;background:linear-gradient(135deg,#1c3a6e 0%,#0f2448 100%);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;padding:1.4rem 1.8rem;display:flex;box-shadow:0 4px 14px #0f24482e}.welkom-kaart h2{font-family:Georgia,serif;font-size:1.6rem;font-weight:400;color:#fff!important;margin:0 0 .2rem!important}.welkom-datum{color:#f0c030;text-transform:capitalize;margin:0;font-size:.95rem}.welkom-snel{gap:.5rem;display:flex}.welkom-snel button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:6px;padding:.55rem 1.1rem;font-size:.9rem;transition:all .15s}.welkom-snel button:hover{background:#c8940a;border-color:#c8940a}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.2rem;display:grid}.kpi{cursor:pointer;background:#fff;border-left:5px solid #1c3a6e;border-radius:8px;padding:1.1rem 1.3rem;transition:all .15s;box-shadow:0 1px 3px #0000000d}.kpi:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.kpi-blauw{border-left-color:#1c3a6e}.kpi-goud{border-left-color:#c8940a}.kpi-groen{border-left-color:#10b981}.kpi-rood{border-left-color:#d25846}.kpi-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.75rem}.kpi-waarde{color:#1c3a6e;font-family:Georgia,serif;font-size:2.3rem;font-weight:700;line-height:1}.kpi-goud .kpi-waarde{color:#c8940a}.kpi-totaal{color:#999;font-size:1.1rem;font-weight:400}.kpi-sub{color:#888;margin-top:.4rem;font-size:.8rem}.paneel-rij{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem;display:grid}.paneel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:200px;padding:1.2rem 1.4rem}.paneel h3{color:#1c3a6e;border-bottom:2px solid #f0e8d8;margin:0 0 1rem;padding-bottom:.6rem;font-family:Georgia,serif;font-size:1.1rem;font-weight:400}.paneel-leeg{color:#999;text-align:center;padding:2rem 1rem;font-style:italic}.status-lijst{flex-direction:column;gap:.55rem;display:flex}.status-rij{grid-template-columns:140px 1fr 40px;align-items:center;gap:.8rem;display:grid}.status-naam{color:#444;font-size:.85rem}.status-balk-wrap{background:#f3f3f3;border-radius:3px;height:14px;overflow:hidden}.status-balk{background:linear-gradient(90deg,#c8940a,#f0c030);border-radius:3px;min-width:2px;height:100%}.status-aantal{color:#1c3a6e;text-align:right;font-size:.9rem;font-weight:700}.klant-breakdown{flex-direction:column;gap:.5rem;display:flex}.kb-rij{border-radius:6px;grid-template-columns:20px 1fr auto;align-items:center;gap:.8rem;padding:.5rem .6rem;display:grid}.kb-rij-goud{background:linear-gradient(135deg,#fdf8f0,#fff7e0);border:1px solid #f0e0b8;margin-top:.4rem}.kb-bolletje{border-radius:50%;width:12px;height:12px}.kb-groen{background:#10b981}.kb-oranje{background:#f59e0b}.kb-grijs{background:#9ca3af}.kb-goud{background:#c8940a}.kb-label{color:#444;font-size:.95rem}.kb-waarde{color:#1c3a6e;font-size:1.1rem;font-weight:700}.follow-lijst{margin:0;padding:0;list-style:none}.follow-lijst li{border-bottom:1px solid #f0f0f0;grid-template-columns:70px 1fr auto;align-items:center;gap:.8rem;padding:.65rem .4rem;display:grid}.follow-lijst li:last-child{border-bottom:none}.fu-datum{color:#1c3a6e;font-size:.85rem;font-weight:700}.fu-achterstallig .fu-datum{color:#d25846}.fu-tekst strong{color:#2a2a2a;font-size:.95rem}.fu-tag{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:#d25846;border-radius:10px;padding:.15rem .5rem;font-size:.7rem}.scan-lijst{margin:0;padding:0;list-style:none}.scan-lijst li{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:.65rem .4rem;display:flex}.scan-lijst li:last-child{border-bottom:none}.scan-info strong{color:#2a2a2a}.scan-cijfer{color:#1c3a6e;align-items:center;gap:.6rem;font-weight:700;display:flex}.scan-marge{border-radius:10px;padding:.15rem .5rem;font-size:.75rem}.scan-marge.rood{color:#991b1b;background:#fee2e2}.scan-marge.groen{color:#065f46;background:#d1fae5}.offerte-cijfers{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.oc-blok{text-align:center;cursor:pointer;background:#fafafa;border-radius:6px;padding:1rem .6rem;transition:all .15s}.oc-blok:hover{background:#f3f3f3}.oc-blok-goud{background:linear-gradient(135deg,#fdf8f0,#fff7e0);border:1px solid #f0e0b8}.oc-blok-goud:hover{background:linear-gradient(135deg,#fdf0d8,#fce8c8)}.oc-waarde{color:#1c3a6e;font-family:Georgia,serif;font-size:2rem;font-weight:700;line-height:1}.oc-blok-goud .oc-waarde{color:#c8940a}.oc-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-top:.3rem;font-size:.78rem}.werkbank-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.wb-item{text-align:center;cursor:pointer;background:#fafafa;border:1px solid #0000;border-radius:6px;padding:1rem .6rem;transition:all .15s}.wb-item:hover{background:#fdf8f0;border-color:#c8940a}.wb-cijfer{color:#1c3a6e;font-family:Georgia,serif;font-size:1.8rem;font-weight:700;line-height:1}.wb-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-top:.4rem;font-size:.78rem}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.paneel-rij{grid-template-columns:1fr}}@media (width<=640px){.kpi-grid{grid-template-columns:1fr}.status-rij{grid-template-columns:110px 1fr 30px}.welkom-snel{width:100%}.welkom-snel button{flex:1}}.quickscan{max-width:1400px;margin:0 auto;padding:1.5rem}.kop-knoppen{gap:.5rem;display:flex}.qs-grid{grid-template-columns:1fr 380px;align-items:start;gap:1.5rem;display:grid}@media (width<=1000px){.qs-grid{grid-template-columns:1fr}}.qs-invoer{flex-direction:column;gap:1rem;display:flex}.qs-sectie{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem 1.2rem}.qs-sectie h4{color:#1c3a6e;justify-content:space-between;align-items:center;margin:0 0 .8rem;font-family:Georgia,serif;font-size:1.05rem;display:flex}.qs-sectie label{color:#444;margin-bottom:.6rem;font-size:.9rem;display:block}.qs-sectie input[type=text],.qs-sectie input[type=number],.qs-sectie select{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin-top:.2rem;padding:.5rem .6rem;font-size:.95rem}.qs-twee{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.hint{color:#888;margin:0 0 .6rem;font-size:.85rem;font-style:italic}.input-prefix{margin-top:.2rem;position:relative}.input-prefix .prefix-teken{color:#666;pointer-events:none;z-index:1;font-size:.95rem;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.input-prefix input[type=number]{margin-top:0!important;padding-left:1.6rem!important}.bron-keuze{flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;display:flex}.bron-radio{cursor:pointer;align-items:center;gap:.3rem;font-size:.9rem;margin:0!important;display:flex!important}.bron-radio input{margin:0;width:auto!important}.qs-toggle{border:1px solid #ccc;border-radius:4px;gap:0;width:fit-content;margin-bottom:.8rem;display:flex;overflow:hidden}.qs-toggle button{cursor:pointer;color:#555;background:#fff;border:none;padding:.5rem 1rem;font-size:.9rem;transition:all .15s}.qs-toggle button.qs-toggle-actief{color:#fff;background:#1c3a6e;font-weight:600}.grondstof-regel{grid-template-columns:1fr 80px 70px 32px;align-items:center;gap:.4rem;margin-bottom:.4rem;display:grid}.grondstof-regel select,.grondstof-regel input{margin-top:0!important;padding:.4rem!important;font-size:.85rem!important}.regel-totaal{color:#1c3a6e;text-align:right;font-size:.85rem;font-weight:600}.grondstof-totaal{text-align:right;color:#1c3a6e;border-top:1px dashed #ddd;margin-top:.6rem;padding-top:.6rem;font-size:1rem}.qs-marge-waarde{color:#c8940a;font-size:1.3rem;font-weight:700}.qs-schuif{appearance:none;cursor:pointer;background:linear-gradient(90deg,#d25846 0% 25%,#f59e0b 25% 35%,#10b981 35% 75%,#c8940a 75% 100%);border-radius:4px;width:100%;height:8px;margin:.6rem 0 .3rem}.qs-schuif::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:3px solid #1c3a6e;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 4px #0003}.qs-schuif::-moz-range-thumb{cursor:pointer;background:#fff;border:3px solid #1c3a6e;border-radius:50%;width:22px;height:22px}.qs-schuif-labels{color:#666;justify-content:space-between;margin-top:.3rem;font-size:.75rem;display:flex}.qs-resultaat{flex-direction:column;gap:.8rem;display:flex;position:sticky;top:1rem}.qs-balk{border-radius:6px;align-items:center;gap:.6rem;padding:.8rem 1rem;font-size:.95rem;font-weight:600;display:flex}.qs-balk-rood{color:#991b1b;background:#fee2e2;border:2px solid #d25846}.qs-balk-oranje{color:#92400e;background:#fef3c7;border:2px solid #f59e0b}.qs-balk-groen{color:#065f46;background:#d1fae5;border:2px solid #10b981}.qs-balk-goud{color:#5a4006;background:linear-gradient(135deg,#fdf8f0,#fff7e0);border:2px solid #c8940a}.qs-balk-icoon{font-size:1.4rem}.qs-kaart{background:#fff;border-left:5px solid #1c3a6e;border-radius:8px;padding:1rem 1.2rem;box-shadow:0 1px 3px #0000000d}.qs-kaart-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.8rem}.qs-kaart-waarde{color:#1c3a6e;font-family:Georgia,serif;font-size:1.8rem;font-weight:700}.qs-kaart-sub{color:#666;margin-top:.2rem;font-size:.8rem}.qs-kaart-blauw{border-left-color:#1c3a6e}.qs-kaart-rood{border-left-color:#d25846}.qs-kaart-rood .qs-kaart-waarde{color:#d25846}.qs-kaart-oranje{border-left-color:#f59e0b}.qs-kaart-oranje .qs-kaart-waarde{color:#92400e}.qs-kaart-groen{border-left-color:#10b981}.qs-kaart-groen .qs-kaart-waarde{color:#065f46}.qs-kaart-goud{border-left-color:#c8940a}.qs-kaart-goud .qs-kaart-waarde{color:#c8940a}.qs-kaart-advies{color:#fff;background:linear-gradient(135deg,#1c3a6e,#0f2448);border-left:5px solid #c8940a}.qs-kaart-advies .qs-kaart-label{color:#fffc}.qs-kaart-advies .qs-kaart-waarde{color:#f0c030}.qs-kaart-advies .qs-kaart-sub{color:#ffffffb3}.qs-acties{gap:.5rem;margin-top:.5rem;display:flex}.qs-acties button{flex:1;padding:.7rem!important;font-size:.95rem!important}.knop-offerte{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#c8940a,#f0c030);border:none;border-radius:6px;width:100%;font-weight:600;transition:all .2s;box-shadow:0 2px 6px #c8940a4d;padding:.85rem!important;font-size:1rem!important}.knop-offerte:hover{background:linear-gradient(135deg,#b08208,#d4a820);transform:translateY(-1px);box-shadow:0 4px 10px #c8940a66}.knop-offerte:active{transform:translateY(0)}@media (width<=1000px){.qs-resultaat{position:static}}@media (width<=640px){.qs-twee{grid-template-columns:1fr}.grondstof-regel{grid-template-columns:1fr 70px 60px 28px}.qs-acties{flex-direction:column}}.qs-tabs{border-bottom:2px solid #e5e7eb;gap:.5rem;margin:1rem 0 1.5rem;display:flex}.qs-tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:.75rem 1.5rem;font-family:Georgia,serif;font-size:1rem;transition:all .2s}.qs-tab:hover{color:#1c3a6e}.qs-tab-actief{color:#1c3a6e;border-bottom-color:#c8940a;font-weight:600}.drogestof{flex-direction:column;gap:1.2rem;max-width:1200px;margin:0 auto;display:flex}.ds-sectie{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.2rem 1.4rem}.ds-sectie h4{color:#1c3a6e;margin:0 0 .3rem;font-family:Georgia,serif;font-size:1.1rem}.ds-stap{border-bottom:1px solid #f0e8d8;align-items:center;gap:.8rem;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.ds-nummer{color:#fff;background:#1c3a6e;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Georgia,serif;font-size:1.05rem;font-weight:700;display:inline-flex}.ds-bloem{background:linear-gradient(135deg,#fdf8f0,#fff7e0);border-left:4px solid #c8940a;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.8rem 1rem;display:flex}.ds-bloem label{margin:0;font-weight:500}.ds-bloem input{text-align:center;border:1px solid #ccc;border-radius:4px;width:90px;padding:.4rem .5rem;font-family:Georgia,serif;font-size:1.05rem;font-weight:600}.ds-bloem span{color:#1c3a6e;font-weight:600}.ds-bloem .hint{flex-basis:100%;margin:0}.ds-tabel-kop{text-transform:uppercase;letter-spacing:.5px;color:#666;border-bottom:1px solid #e5e7eb;grid-template-columns:2fr 80px 90px 70px 90px 32px;gap:.5rem;margin-bottom:.4rem;padding:.3rem .5rem;font-size:.72rem;font-weight:600;display:grid}.ds-tabel-kop .rechts{text-align:right}.ds-regel{border-radius:6px;grid-template-columns:2fr 80px 90px 70px 90px 32px;align-items:center;gap:.5rem;padding:.4rem .5rem;transition:background .15s;display:grid}.ds-regel:hover{background:#fdf8f0}.ds-regel input{border:1px solid #ccc;border-radius:4px;padding:.4rem .5rem;font-size:.9rem}.ds-cijfer{color:#444;padding:.4rem .5rem;font-family:Georgia,serif;font-size:.95rem}.rechts{text-align:right}.ds-cijfer-goud{color:#c8940a;font-weight:600}.ds-acties{gap:.5rem;margin-top:.8rem;display:flex}.ds-info{color:#1e3a8a;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:6px;margin-top:1rem;padding:.7rem 1rem;font-size:.88rem}.ds-categorie-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1.5rem;display:grid}.ds-cat-knop{cursor:pointer;text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s}.ds-cat-knop:hover{border-color:#c8940a;transform:translateY(-2px)}.ds-cat-knop.actief{color:#fff;background:linear-gradient(135deg,#1c3a6e,#0f2448);border-color:#1c3a6e}.ds-cat-naam{margin-bottom:.3rem;font-family:Georgia,serif;font-size:1rem;font-weight:700}.ds-cat-bereik{opacity:.8;font-size:.8rem;font-style:italic}.ds-cat-knop.actief .ds-cat-bereik{color:#f0c030;opacity:1}.ds-slider-wrap{border-top:1px solid #f0e8d8;padding-top:1rem}.ds-slider-wrap>label{color:#444;font-size:.9rem;font-weight:500}.ds-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#d25846 0%,#f59e0b 25%,#10b981 35% 65%,#f59e0b 75%,#d25846 100%);border-radius:4px;width:100%;height:8px;margin:.8rem 0 .3rem}.ds-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:3px solid #1c3a6e;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 4px #0003}.ds-slider-labels{color:#666;justify-content:space-between;margin-top:.3rem;font-size:.75rem;display:flex}.ds-optimaal{text-align:center;color:#1c3a6e;background:linear-gradient(135deg,#fdf8f0,#fff7e0);border-radius:6px;margin-top:1rem;padding:.7rem;font-family:Georgia,serif;font-size:1.3rem;font-weight:700}.ds-optimaal strong{color:#c8940a}.ds-praktijk-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.ds-praktijk-grid label{color:#444;font-size:.85rem;font-weight:500;display:block}.ds-praktijk-grid input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin-top:.3rem;padding:.5rem .6rem;font-family:Georgia,serif;font-size:.95rem}.ds-diagnose{border:2px solid;border-radius:10px;padding:1.3rem 1.5rem;box-shadow:0 2px 8px #0000000f}.ds-diagnose-kop{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.ds-diagnose-icoon{font-size:2.5rem;line-height:1}.ds-diagnose h3{margin:0 0 .2rem;font-family:Georgia,serif;font-size:1.5rem;font-weight:700}.ds-diagnose p{opacity:.9;margin:0;font-size:.95rem}.ds-cijfers-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem;display:grid}.ds-cijfer-blok{background:#fff9;border:1px solid #fff6;border-radius:6px;padding:.7rem .9rem}.ds-cijfer-label{text-transform:uppercase;letter-spacing:.5px;opacity:.75;margin-bottom:.2rem;font-size:.72rem;font-weight:500}.ds-cijfer-waarde{font-family:Georgia,serif;font-size:1.5rem;font-weight:700}.ds-actie-blok{background:#fff9;border:1px solid #fff6;border-radius:6px;margin-top:1rem;padding:.9rem 1.1rem;font-size:.9rem}.ds-actie-blok strong{margin-bottom:.4rem;display:block}.ds-actie-blok ul{margin:.5rem 0;padding-left:1.2rem}.ds-actie-blok li{margin-bottom:.2rem}.ds-impact-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.8rem;display:grid}.ds-impact-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.78rem}.ds-impact-waarde{color:#1c3a6e;font-family:Georgia,serif;font-size:1.5rem;font-weight:700}.ds-impact-bedrag{background:#f9f9f9;border-left:4px solid #9ca3af;border-radius:6px;padding:.9rem 1.1rem}.ds-impact-bedrag.rood{background:#fee2e2;border-left-color:#d25846}.ds-impact-bedrag.rood .ds-impact-euro{color:#7f1d1d}.ds-impact-bedrag.groen{background:#d1fae5;border-left-color:#10b981}.ds-impact-bedrag.groen .ds-impact-euro{color:#064e3b}.ds-impact-euro{color:#374151;font-family:Georgia,serif;font-size:2rem;font-weight:700}.ds-waarschuwing{color:#78350f;background:#fef3c7;border-left:4px solid #d25846;border-radius:6px;margin-top:1rem;padding:.7rem 1rem;font-size:.88rem}.ds-pdf-wrap{text-align:center;margin:.5rem 0}.ds-pdf-wrap .knop-goud{padding:.85rem 2rem;font-size:1rem}.ds-bron{text-align:center;color:#888;margin:0;font-size:.8rem}.ds-bron a{color:#c8940a;text-decoration:underline}@media (width<=900px){.ds-tabel-kop,.ds-regel{grid-template-columns:1fr;gap:.3rem}.ds-tabel-kop{display:none}.ds-categorie-grid{grid-template-columns:1fr}.ds-praktijk-grid{grid-template-columns:1fr 1fr}.ds-cijfers-grid,.ds-impact-grid{grid-template-columns:1fr}.ds-bloem input{width:70px}}.gemeente-autocomplete{position:relative}.gemeente-autocomplete input{border:1px solid var(--be-lichtgrijs);background:#fff;border-radius:5px;width:100%;margin-top:6px;padding:9px 12px;font-family:inherit;font-size:.95rem;display:block}.gemeente-autocomplete input:focus{border-color:var(--be-donkerblauw);outline:none}.gemeente-autocomplete input.onbekend{border-color:var(--be-oranje);background:#fffbeb}.suggesties{border:1px solid var(--be-lichtgrijs);z-index:50;background:#fff;border-radius:5px;max-height:240px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 14px #0000001f}.suggesties li{cursor:pointer;padding:8px 12px;font-size:.92rem}.suggesties li.actief,.suggesties li:hover{background:var(--be-creme);color:var(--be-donkerblauw)}.onbekend-melding{color:var(--be-oranje);margin-top:4px;font-size:.8rem;font-weight:400;display:block}.klanten{max-width:1200px}.gemeente-pil{border:1px solid var(--be-goud);color:var(--be-donkerblauw);background:#fff;border-radius:12px;margin:3px 4px 3px 0;padding:3px 10px;font-size:.85rem;display:inline-block}.gemeente-pil small{color:var(--be-grijs);font-size:.78rem;font-style:italic}.notitie-celletje{color:var(--be-grijs);margin-top:4px;font-size:.8rem;font-style:italic}.klein{color:var(--be-grijs);font-size:.85rem}.status{border-radius:12px;padding:3px 10px;font-size:.82rem;font-weight:700;display:inline-block}.status-actief{color:#064e3b;background:#d1fae5}.status-pauze{color:#78350f;background:#fef3c7}.status-oudklant{background:var(--be-lichtgrijs);color:var(--be-grijs)}.abo-ja{color:var(--be-goud);font-weight:700}.waarschuwing{border-left:4px solid var(--be-oranje);color:#78350f;background:#fef3c7;border-radius:4px;margin-bottom:14px;padding:10px 14px;font-size:.92rem}@media (width<=700px){.drie-kolommen,.twee-kolommen{grid-template-columns:1fr}}.prospects{max-width:1300px}.info-balk{background:var(--be-creme);border-left:4px solid var(--be-goud);border-radius:4px;margin-bottom:20px;padding:12px 16px;font-size:.9rem}.status-pil{border:1px solid var(--be-lichtgrijs);color:var(--be-tekst);background:#fff;border-radius:12px;margin:3px 5px 3px 0;padding:3px 10px;font-size:.82rem;display:inline-block}.knop-mini{border:1px solid var(--be-lichtgrijs);color:var(--be-tekst);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;margin-right:4px;padding:4px 10px;font-size:.82rem}.knop-goud{color:var(--be-goud);border-color:var(--be-goud);font-weight:700}.knop-goud:hover{background:var(--be-goud);color:var(--be-donkerder)}.tabel td{border-bottom:1px solid var(--be-lichtgrijs);vertical-align:top;padding:12px 14px;font-size:.95rem}.klein{color:var(--be-grijs);margin-top:2px;font-size:.82rem}.status{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-block}.status-nognietbenaderd{background:var(--be-lichtgrijs);color:var(--be-grijs)}.status-gemaild{color:#1e3a8a;background:#dbeafe}.status-gebeld{color:#78350f;background:#fef3c7}.status-ingesprek{color:#5b21b6;background:#ede9fe}.status-interesse{color:#064e3b;background:#d1fae5}.status-afgewezen{color:#7f1d1d;background:#fee2e2}.status-nietbereikbaar{background:var(--be-lichtgrijs);color:var(--be-grijs)}.prio{border-radius:8px;padding:2px 8px;font-size:.78rem;font-weight:700;display:inline-block}.prio-hoog{color:var(--be-rood);background:#fee2e2}.prio-midden{color:#78350f;background:#fef3c7}.prio-laag{background:var(--be-lichtgrijs);color:var(--be-grijs)}.formulier input[type=text],.formulier input[type=tel],.formulier input[type=email],.formulier input[type=date],.formulier textarea,.formulier select{border:1px solid var(--be-lichtgrijs);background:#fff;border-radius:5px;width:100%;margin-top:6px;padding:9px 12px;font-family:inherit;font-size:.95rem;display:block}.drie-kolommen{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}@media (width<=700px){.drie-kolommen,.twee-kolommen{grid-template-columns:1fr}}.grondstoffen{max-width:1200px}.kop-knoppen{flex-wrap:wrap;gap:10px;display:flex}.knop-mini{border:1px solid var(--be-lichtgrijs);color:var(--be-tekst);cursor:pointer;background:0 0;border-radius:4px;margin-right:4px;padding:4px 10px;font-size:.82rem}.filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.zoek,.filter{border:1px solid var(--be-lichtgrijs);background:#fff;border-radius:6px;padding:10px 14px;font-size:.95rem}.zoek{flex:1;min-width:200px}.filter{min-width:180px}.tabel{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 6px #0000000a}.tabel thead{background:var(--be-donkerblauw);color:#fff}.tabel th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:12px 14px;font-size:.82rem;font-weight:700}.tabel th.rechts,.tabel td.rechts{text-align:right}.tabel th.acties,.tabel td.acties{text-align:right;white-space:nowrap}.tabel td{border-bottom:1px solid var(--be-lichtgrijs);padding:12px 14px;font-size:.95rem}.tabel tr:last-child td{border-bottom:none}.tabel tr:hover{background:var(--be-creme)}.tabel td.sterk{color:var(--be-donkerblauw);font-weight:700}.notitie{color:var(--be-grijs);margin-top:2px;font-size:.8rem;font-style:italic}.leeg-cel{color:var(--be-grijs)}.mix-label{background:var(--be-creme);color:var(--be-donkerblauw);border:1px solid var(--be-goud);border-radius:10px;padding:2px 8px;font-size:.82rem}.formulier label small{color:var(--be-grijs);margin-top:4px;font-size:.8rem;font-weight:400;display:block}.nieuwe-categorie{gap:8px;margin-bottom:18px;display:flex}.nieuwe-categorie input{border:1px solid var(--be-lichtgrijs);border-radius:5px;flex:1;padding:9px 12px;font-size:.95rem}.categorie-lijst{margin:0 0 20px;padding:0;list-style:none}.categorie-lijst li{background:var(--be-creme);border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 14px;font-size:.95rem;display:flex}.leeg-tekst{color:var(--be-grijs);text-align:center;padding:16px 0;font-style:italic}.recepten{max-width:1300px}.waarschuwing-balk{border-left:4px solid var(--be-oranje);color:#78350f;background:#fef3c7;border-radius:4px;margin-bottom:20px;padding:12px 16px;font-size:.92rem}.knop-secundair:disabled{opacity:.4;cursor:not-allowed}.leeg-tekst{color:var(--be-grijs);padding:12px 0;font-style:italic}.recept-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.recept-kaart{border-left:4px solid var(--be-donkerblauw);background:#fff;border-radius:8px;padding:18px 20px;box-shadow:0 2px 6px #0000000a}.recept-kop{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.recept-kop h3{color:var(--be-donkerblauw);margin:0;font-family:Georgia,serif;font-size:1.15rem;font-weight:400}.categorie{color:var(--be-goud);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.78rem;font-weight:700}.recept-stats{border-top:1px solid var(--be-lichtgrijs);grid-template-columns:1fr 1fr;gap:6px 14px;padding-top:12px;display:grid}.stat{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--be-grijs);text-transform:uppercase;letter-spacing:.3px;font-size:.72rem}.stat-waarde{color:var(--be-tekst);font-size:.95rem}.stat-waarde.sterk{color:var(--be-donkerblauw);font-weight:700}.formulier h4{color:var(--be-donkerblauw);margin:0;font-family:Georgia,serif;font-size:1.05rem;font-weight:400}.formulier input[type=text],.formulier input[type=number],.formulier textarea,.formulier select{border:1px solid var(--be-lichtgrijs);background:#fff;border-radius:5px;width:100%;margin-top:6px;padding:9px 12px;font-family:inherit;font-size:.95rem;display:block}.formulier input:focus,.formulier textarea:focus,.formulier select:focus{border-color:var(--be-donkerblauw);outline:none}.twee-kolommen{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ingredienten-blok{background:var(--be-creme);border-radius:8px;margin-bottom:16px;padding:16px 18px}.blok-kop{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ing-tabel{border-collapse:collapse;width:100%}.ing-tabel th{text-align:left;color:var(--be-grijs);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--be-lichtgrijs);padding:6px 8px;font-size:.78rem;font-weight:700}.ing-tabel th.rechts,.ing-tabel td.rechts{text-align:right}.ing-tabel td{border-bottom:1px solid var(--be-lichtgrijs);vertical-align:middle;padding:8px}.ing-tabel tr:last-child td{border-bottom:none}.ing-tabel select{margin-top:0;padding:7px 10px;font-size:.92rem}.gram-input{text-align:right;width:90px!important;margin-top:0!important;padding:7px 10px!important;font-size:.92rem!important}.bereken-blok{background:var(--be-donkerblauw);color:#fff;border-radius:8px;margin-bottom:16px;padding:16px 20px}.bereken-blok h4{color:var(--be-lichtgoud);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-family:Arial;font-size:.95rem;font-weight:700}.bereken-grid{grid-template-columns:1fr 1fr;gap:6px 18px;display:grid}.bereken-grid div{color:#ffffffd9;font-size:.92rem}.bereken-grid strong{color:#fff}@media (width<=700px){.twee-kolommen,.bereken-grid,.recept-stats{grid-template-columns:1fr}}.overlay-boven{z-index:200}.info-tekst{color:var(--be-grijs);margin-bottom:18px;font-size:.88rem;font-style:italic;line-height:1.5}.bereken-resultaat{background:var(--be-creme);border-left:3px solid var(--be-goud);border-radius:4px;margin-bottom:14px;padding:10px 14px;font-size:.95rem}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex!important}.checkbox-label input{width:auto!important;margin:0!important}.notities{max-width:1200px}.filters{margin-bottom:20px}.zoek{border:1px solid var(--be-lichtgrijs);background:#fff;border-radius:6px;width:100%;max-width:500px;padding:10px 14px;font-size:.95rem}.leeg p{margin-bottom:8px}.notitie-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.notitie-kaart{border-left:4px solid var(--be-goud);background:#fff;border-radius:8px;flex-direction:column;padding:18px 20px;display:flex;box-shadow:0 2px 6px #0000000a}.notitie-kop{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.notitie-kop h3{color:var(--be-donkerblauw);flex:1;margin:0;font-family:Georgia,serif;font-size:1.1rem;font-weight:400}.notitie-acties{flex-shrink:0;display:flex}.notitie-inhoud{color:var(--be-tekst);white-space:pre-wrap;flex:1;margin-bottom:12px;font-size:.92rem;line-height:1.5}.notitie-datum{color:var(--be-grijs);border-top:1px solid var(--be-lichtgrijs);padding-top:8px;font-size:.78rem;font-style:italic}.overlay{z-index:100;background:#0f244880;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.formulier{background:#fff;border-radius:10px;width:100%;max-width:600px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 12px 40px #0003}.formulier h3{color:var(--be-donkerblauw);margin:0 0 18px;font-family:Georgia,serif;font-size:1.3rem;font-weight:400}.formulier label{color:var(--be-donkerblauw);margin-bottom:14px;font-size:.9rem;font-weight:700;display:block}.formulier input[type=text],.formulier textarea{border:1px solid var(--be-lichtgrijs);resize:vertical;background:#fff;border-radius:5px;width:100%;margin-top:6px;padding:9px 12px;font-family:inherit;font-size:.95rem;display:block}.formulier input:focus,.formulier textarea:focus{border-color:var(--be-donkerblauw);outline:none}.formulier-knoppen{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.gemeentes{max-width:800px}.kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.bezig{color:var(--be-grijs);font-family:Arial;font-size:.7rem;font-weight:400}.uitleg{color:var(--be-grijs);margin-bottom:20px;font-size:.92rem;line-height:1.5}.knop-primair{background:var(--be-goud);color:var(--be-donkerder);cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:.95rem;font-weight:700}.knop-primair:hover{background:var(--be-lichtgoud)}.knop-primair:disabled{opacity:.6;cursor:not-allowed}.knop-secundair{color:var(--be-donkerblauw);border:1px solid var(--be-donkerblauw);cursor:pointer;background:#fff;border-radius:6px;padding:9px 18px;font-size:.92rem}.knop-secundair:hover{background:var(--be-creme)}.knop-mini{border:1px solid var(--be-lichtgrijs);color:var(--be-tekst);cursor:pointer;background:0 0;border-radius:4px;margin-left:4px;padding:4px 10px;font-size:.82rem}.knop-mini:hover{background:var(--be-creme);border-color:var(--be-donkerblauw)}.knop-rood{color:var(--be-rood);border-color:var(--be-rood);font-weight:700}.knop-rood:hover{background:var(--be-rood);color:#fff}.toevoeg-balk{gap:8px;margin-bottom:20px;display:flex}.toevoeg-balk input{border:1px solid var(--be-lichtgrijs);border-radius:6px;flex:1;padding:10px 14px;font-size:.95rem}.filters{align-items:center;gap:12px;margin-bottom:16px;display:flex}.zoek{border:1px solid var(--be-lichtgrijs);background:#fff;border-radius:6px;flex:1;padding:10px 14px;font-size:.95rem}.aantal{color:var(--be-grijs);white-space:nowrap;font-size:.88rem}.gemeente-lijst{background:#fff;border-radius:8px;max-height:600px;margin:0;padding:0;list-style:none;overflow-y:auto;box-shadow:0 2px 6px #0000000a}.gemeente-lijst li{border-bottom:1px solid var(--be-lichtgrijs);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;display:flex}.gemeente-lijst li:last-child{border-bottom:none}.gemeente-lijst li:hover{background:var(--be-creme)}.gemeente-lijst li input{border:1px solid var(--be-donkerblauw);border-radius:4px;flex:1;padding:6px 10px;font-size:.95rem}.leeg{text-align:center;color:var(--be-grijs);border:2px dashed var(--be-lichtgrijs);background:#fff;border-radius:8px;padding:40px 30px}:root{--be-donkerblauw:#1c3a6e;--be-donkerder:#0f2448;--be-goud:#c8940a;--be-lichtgoud:#f0c030;--be-creme:#fdf8f0;--be-tekst:#333;--be-rood:#d25846;--be-oranje:#f59e0b;--be-groen:#10b981;--be-grijs:#6b7280;--be-lichtgrijs:#e5e7eb;--be-wit:#fff}.app{background:var(--be-creme);min-height:100vh;color:var(--be-tekst);flex-direction:column;font-family:Arial,Helvetica,sans-serif;line-height:1.5;display:flex}.app header{background:linear-gradient(135deg, var(--be-donkerblauw) 0%, var(--be-donkerder) 100%);color:#fff;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;box-shadow:0 4px 14px #0f24482e}.app header h1{letter-spacing:.3px;margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:400}.app header p{color:var(--be-lichtgoud);letter-spacing:.5px;margin:0;font-size:.9rem}.layout{flex:1;min-height:0;display:flex}.sidebar{background:var(--be-donkerder);flex-direction:column;flex-shrink:0;width:240px;padding:24px 0;display:flex}.sidebar a{color:#ffffffc7;border-left:3px solid #0000;padding:12px 24px;font-size:.95rem;text-decoration:none;transition:all .15s;display:block}.sidebar a:hover{color:#fff;background:#ffffff0f}.sidebar a.active{color:var(--be-lichtgoud);border-left-color:var(--be-goud);background:#c8940a1f;font-weight:700}.app main{flex:1;padding:32px 40px;overflow-y:auto}.app main h2{color:var(--be-donkerblauw);margin:0 0 16px;font-family:Georgia,Times New Roman,serif;font-size:1.6rem;font-weight:400}.app main p{font-size:1rem}.login-scherm{background:linear-gradient(135deg, var(--be-donkerblauw) 0%, var(--be-donkerder) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-kaart{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:480px;padding:48px 40px;box-shadow:0 20px 60px #0000004d}.login-kaart h1{color:var(--be-donkerblauw);margin:0 0 6px;font-family:Georgia,serif;font-size:2rem;font-weight:400}.login-kaart .ondertitel{color:var(--be-goud);margin:0 0 24px;font-size:1rem;font-weight:700}.login-kaart .uitleg{color:var(--be-grijs);margin-bottom:30px;font-size:.95rem;line-height:1.6}.login-knop{background:var(--be-goud);color:var(--be-donkerder);cursor:pointer;border:none;border-radius:6px;padding:14px 32px;font-size:1rem;font-weight:700;transition:background .15s}.login-knop:hover{background:var(--be-lichtgoud)}.user-info{align-items:center;gap:12px;display:flex}.avatar{border:2px solid var(--be-goud);border-radius:50%;width:40px;height:40px}.user-details{text-align:right}.user-naam{color:#fff;margin-bottom:2px;font-size:.95rem}.logout-knop{color:var(--be-lichtgoud);border:1px solid var(--be-lichtgoud);cursor:pointer;background:0 0;border-radius:4px;padding:3px 12px;font-size:.8rem}.logout-knop:hover{background:var(--be-lichtgoud);color:var(--be-donkerder)}form label{color:#444;margin-bottom:.6rem;font-size:.9rem;display:block}form label input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin-top:.2rem;padding:.5rem .6rem;font-size:.95rem;display:block}