:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}:root{--groen:#4e8434;--groen-dark:#3a6326;--groen-light:#eef3e8;--groen-mid:#a3bc8e;--tekst:#111827;--tekst-grijs:#4b5563;--rand:#e5e7eb;--achtergrond:#f3f4f6;--wit:#fff;--schaduw:0 2px 8px #00000014;--schaduw-hover:0 4px 16px #0000001f;--radius:10px;--radius-lg:16px}body{background-color:var(--achtergrond);color:var(--tekst);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.spinner{border:4px solid var(--rand);border-top:4px solid var(--groen);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-container{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-box{background:var(--wit);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:40px;box-shadow:0 8px 32px #0000001f}.auth-logo{width:180px;margin-bottom:24px}.auth-box h2{color:var(--tekst);margin-bottom:8px;font-size:22px}.auth-box p{color:var(--tekst-grijs);margin-bottom:24px;font-size:14px}.form-group{margin-bottom:16px}.form-group label{color:var(--tekst);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group input{border:1.5px solid var(--rand);border-radius:var(--radius);background:var(--wit);width:100%;color:var(--tekst);outline:none;padding:10px 14px;font-size:15px;transition:border-color .2s}.form-group input:focus{border-color:var(--groen)}.form-group select{border:1.5px solid var(--rand);border-radius:var(--radius);background:var(--wit);width:100%;color:var(--tekst);outline:none;padding:10px 14px;font-size:15px}.form-group textarea{border:1.5px solid var(--rand);border-radius:var(--radius);resize:vertical;background:var(--wit);outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:15px}button[type=submit]{background:var(--groen);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:8px;padding:12px;font-size:16px;font-weight:600;transition:background .2s}button[type=submit]:hover{background:var(--groen-dark)}button[type=submit]:disabled{background:var(--groen-mid);cursor:not-allowed}.auth-links{flex-direction:column;align-items:center;gap:8px;margin-top:20px;display:flex}.auth-links button{color:var(--groen);cursor:pointer;background:0 0;border:none;width:auto;padding:0;font-size:14px;text-decoration:underline}.error-message{color:#dc2626;border-radius:var(--radius);background:#fee2e2;margin-bottom:16px;padding:10px 14px;font-size:14px}.success-message{background:var(--groen-light);color:var(--groen-dark);border-radius:var(--radius);margin-bottom:16px;padding:16px}.success-message h2{color:var(--groen-dark);margin-bottom:8px}.dashboard-header{color:#fff;background:#1f2937;border-bottom:1px solid #374151;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;box-shadow:0 2px 8px #16a34a4d}*{box-sizing:border-box}html,body,#root{max-width:100vw;overflow-x:hidden}.dashboard{box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}.header-logo{background:#fff;border-radius:6px;width:auto;height:36px;padding:4px}.header-left,.header-right{align-items:center;gap:16px;display:flex}.user-email{opacity:.85;font-size:14px}.btn-logout{color:#fff;border-radius:var(--radius);cursor:pointer;background:#fff3;border:none;padding:8px 16px;font-size:14px;transition:background .2s}.btn-logout:hover{background:#ffffff4d}.btn-primary{background:var(--groen);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:10px 20px;font-size:15px;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--groen-dark)}.btn-secondary-dark{color:var(--groen-dark);border-radius:var(--radius);cursor:pointer;background:#fff;border:none;padding:10px 20px;font-size:15px;font-weight:600;transition:all .2s}.btn-secondary-dark:hover{background:var(--groen-light)}.btn-back{color:#fff;border-radius:var(--radius);cursor:pointer;background:#ffffff26;border:none;padding:8px 16px;font-size:14px}.btn-back:hover{background:#ffffff40}.header-buttons{align-items:center;gap:10px;display:flex}.dashboard{background:var(--achtergrond);flex-direction:column;min-height:100vh;display:flex}.dashboard-main{box-sizing:border-box;max-width:100%;padding:24px;overflow-x:hidden}.dashboard-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-top h2{font-size:22px;font-weight:700}.stats-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin-bottom:32px;display:grid}.stat-card{background:var(--wit);border-radius:var(--radius-lg);box-shadow:var(--schaduw);border-left:4px solid var(--groen);flex-direction:column;gap:4px;padding:20px;display:flex}.stat-number{color:var(--groen);font-size:24px;font-weight:800}.stat-label{color:var(--tekst-grijs);font-size:13px}.empty-state{background:var(--wit);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--schaduw);padding:64px 48px}.empty-state h3{color:var(--tekst);margin-bottom:8px;font-size:20px}.empty-state p{color:var(--tekst-grijs);margin-bottom:24px}.projects-list{flex-direction:column;gap:10px;display:flex}.project-card{background:var(--wit);border-radius:var(--radius-lg);box-shadow:var(--schaduw);cursor:pointer;border-left:4px solid #0000;justify-content:space-between;align-items:center;padding:18px 20px;transition:box-shadow .2s,transform .1s;display:flex}.project-card:hover{box-shadow:var(--schaduw-hover);border-left-color:var(--groen);transform:translate(2px)}.project-info h3{margin-bottom:4px;font-size:16px;font-weight:600}.project-info p{color:var(--tekst-grijs);margin-bottom:4px;font-size:14px}.project-date{color:#9ca3af;font-size:12px}.project-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.project-amount{color:var(--tekst);font-size:16px;font-weight:700}.status-badge{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.status-akkoord{background:var(--groen-light);color:var(--groen-dark)}.loading-text{text-align:center;color:var(--tekst-grijs);padding:48px}.dashboard-footer{background:var(--wit);border-top:1px solid var(--rand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.dashboard-footer p{color:var(--tekst-grijs);font-size:13px}.footer-links{gap:16px;display:flex}.footer-links button{color:var(--groen);cursor:pointer;background:0 0;border:none;width:auto;padding:0;font-size:13px;text-decoration:underline}.calculator{background:var(--achtergrond);min-height:100vh}.calculator-main{max-width:1200px;margin:0 auto;padding:32px 24px}.calculator-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.calc-section{background:var(--wit);border-radius:var(--radius-lg);box-shadow:var(--schaduw);margin-bottom:24px;padding:24px}.calc-section h2{color:var(--tekst);border-bottom:2px solid var(--groen-light);margin-bottom:16px;padding-bottom:10px;font-size:15px;font-weight:700}.dimensions-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.oppervlakte-result{background:var(--groen-light);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-top:8px;padding:12px 16px;display:flex}.oppervlakte-result strong{color:var(--groen-dark);font-size:18px}.items-header{color:var(--tekst-grijs);border-bottom:1px solid var(--rand);grid-template-columns:2fr 1fr 1fr 1fr 1fr 30px;gap:8px;margin-bottom:8px;padding:8px 0;font-size:12px;font-weight:600;display:grid}.item-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 30px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.item-row input,.item-row select{border:1.5px solid var(--rand);border-radius:var(--radius);outline:none;width:100%;padding:8px 10px;font-size:14px}.item-row input:focus,.item-row select:focus{border-color:var(--groen)}.item-totaal{color:var(--tekst);text-align:right;font-size:14px;font-weight:600}.btn-remove{color:#dc2626;cursor:pointer;background:0 0;border:none;width:auto;padding:4px;font-size:16px}.btn-add-item{border:2px dashed var(--rand);color:var(--tekst-grijs);border-radius:var(--radius);cursor:pointer;background:0 0;width:100%;margin-top:8px;padding:10px;font-size:14px;transition:all .2s}.btn-add-item:hover{border-color:var(--groen);color:var(--groen)}.totals{border-top:2px solid var(--rand);margin-top:24px;padding-top:16px}.total-row{justify-content:space-between;padding:8px 0;font-size:15px;display:flex}.total-final{border-top:2px solid var(--tekst);margin-top:8px;padding-top:12px;font-size:18px;font-weight:700}.material-picker{border-bottom:1px solid var(--rand);margin-bottom:16px;padding-bottom:16px}.material-picker label{color:var(--tekst-grijs);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.material-picker-list{flex-wrap:wrap;gap:8px;display:flex}.material-chip{background:var(--groen-light);color:var(--groen-dark);border:1px solid var(--groen-mid);cursor:pointer;white-space:nowrap;border-radius:20px;width:auto;padding:6px 12px;font-size:13px;transition:background .2s}.material-chip:hover{background:var(--groen-mid)}.plans-page{background:var(--achtergrond);min-height:100vh}.plans-main{max-width:1000px;margin:0 auto;padding:32px 24px}.plans-intro{text-align:center;margin-bottom:40px}.plans-intro h2{margin-bottom:8px;font-size:28px;font-weight:800}.plans-intro p{color:var(--tekst-grijs);font-size:16px}.plans-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.plan-card{background:var(--wit);border-radius:var(--radius-lg);box-shadow:var(--schaduw);padding:32px 24px;position:relative}.plan-card-featured{border:2px solid var(--groen);transform:scale(1.05)}.plan-badge{background:var(--groen);color:#fff;white-space:nowrap;border-radius:20px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-header h3{margin-bottom:8px;font-size:20px;font-weight:700}.plan-price{align-items:baseline;gap:4px;margin-bottom:24px;display:flex}.price{color:var(--groen);font-size:36px;font-weight:800}.period{color:var(--tekst-grijs);font-size:14px}.plan-features{margin-bottom:32px;list-style:none}.plan-features li{color:var(--tekst-grijs);border-bottom:1px solid var(--rand);padding:8px 0;font-size:14px}.btn-plan{border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.btn-plan-free{background:var(--achtergrond);color:var(--tekst)}.btn-plan-free:hover{background:var(--rand)}.btn-plan-paid{background:var(--groen-light);color:var(--groen-dark);border:2px solid var(--groen)}.btn-plan-paid:hover{background:var(--groen-mid)}.btn-plan-featured{background:var(--groen);color:#fff}.btn-plan-featured:hover{background:var(--groen-dark)}.plans-footer{text-align:center;flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.plans-footer p{color:var(--tekst-grijs);font-size:14px}.materials-page{background:var(--achtergrond);min-height:100vh}.materials-main{max-width:900px;margin:0 auto;padding:32px 24px}.material-form-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.material-form{background:var(--wit);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:32px;box-shadow:0 20px 60px #0003}.material-form h2{margin-bottom:24px;font-size:20px;font-weight:700}.form-buttons{gap:12px;margin-top:24px;display:flex}.btn-cancel{background:var(--achtergrond);color:var(--tekst);border-radius:var(--radius);cursor:pointer;border:none;flex:1;padding:12px;font-size:15px;font-weight:600}.btn-cancel:hover{background:var(--rand)}.material-group{margin-bottom:32px}.material-group-title{color:var(--tekst-grijs);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:700}.materials-table{background:var(--wit);border-radius:var(--radius-lg);box-shadow:var(--schaduw);overflow:hidden}.materials-table-header{background:var(--achtergrond);color:var(--tekst-grijs);text-transform:uppercase;grid-template-columns:2fr 1fr 1fr 80px;padding:12px 16px;font-size:12px;font-weight:600;display:grid}.material-row{border-top:1px solid var(--rand);grid-template-columns:2fr 1fr 1fr 80px;align-items:center;padding:14px 16px;transition:background .1s;display:grid}.material-row:hover{background:var(--achtergrond)}.material-naam{font-weight:500}.material-eenheid{color:var(--tekst-grijs);font-size:14px}.material-prijs{color:var(--groen);font-weight:600}.material-actions{justify-content:flex-end;gap:8px;display:flex}.btn-edit,.btn-delete{cursor:pointer;background:0 0;border:none;border-radius:4px;width:auto;padding:4px;font-size:16px}.btn-edit:hover{background:var(--groen-light)}.btn-delete:hover{background:#fee2e2}.legal-page{background:var(--achtergrond);min-height:100vh;padding:40px 24px}.legal-content{background:var(--wit);border-radius:var(--radius-lg);max-width:800px;box-shadow:var(--schaduw);margin:0 auto;padding:48px}.legal-content h1{color:var(--tekst);margin-bottom:8px;font-size:26px;font-weight:800}.legal-date{color:var(--tekst-grijs);margin-bottom:32px;font-size:13px}.legal-content h2{color:var(--tekst);text-align:left;margin-top:24px;margin-bottom:8px;font-size:14px;font-weight:700}.legal-content p{color:#4b5563;text-align:left;margin-bottom:8px;font-size:13px;line-height:1.6}.legal-content ul{margin-bottom:10px;margin-left:20px}.legal-content ul li{color:#4b5563;text-align:left;margin-bottom:3px;font-size:13px;line-height:1.6}.legal-nav{background:var(--wit);border-bottom:1px solid var(--rand);padding:16px 24px}.legal-nav button{color:var(--groen);cursor:pointer;background:0 0;border:none;width:auto;padding:0;font-size:15px;font-weight:600}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.calculator-grid,.plans-grid{grid-template-columns:1fr}.plan-card-featured{transform:scale(1)}.items-header{display:none}.item-row{grid-template-columns:1fr 1fr}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.auth-box,.legal-content{padding:24px}.dashboard-footer{flex-direction:column;align-items:flex-start}}.suppliers-page{background:var(--achtergrond);min-height:100vh}.suppliers-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.supplier-card{background:var(--wit);border-radius:var(--radius-lg);box-shadow:var(--schaduw);cursor:pointer;border-left:4px solid var(--groen);padding:20px;transition:box-shadow .2s,transform .1s}.supplier-card:hover{box-shadow:var(--schaduw-hover);transform:translateY(-2px)}.supplier-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.supplier-header h3{color:var(--tekst);font-size:16px;font-weight:700}.supplier-website{color:var(--groen);margin-bottom:4px;font-size:13px}.supplier-contact{color:var(--tekst-grijs);margin-bottom:4px;font-size:13px}.supplier-notities{color:var(--tekst-grijs);border-top:1px solid var(--rand);margin-top:8px;padding-top:8px;font-size:12px;font-style:italic}.supplier-footer{border-top:1px solid var(--rand);color:var(--groen);margin-top:12px;padding-top:12px;font-size:12px;font-weight:600}@media (width<=768px){.suppliers-grid{grid-template-columns:1fr}}.supplier-badge{background:var(--groen-light);color:var(--groen-dark);border-radius:var(--radius);margin-bottom:16px;padding:8px 12px;font-size:13px;font-weight:600}.materials-table-header,.material-row{grid-template-columns:2fr 1.5fr 1fr 1fr 80px}.material-leverancier{color:var(--groen);font-size:13px;font-weight:500}.import-page{background:var(--achtergrond);min-height:100vh}.import-main{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;padding:32px 24px;display:flex}.import-instructions{background:var(--wit);border-radius:var(--radius-lg);box-shadow:var(--schaduw);padding:24px}.import-instructions h2{margin-bottom:16px;font-size:16px;font-weight:700}.import-instructions ol{color:var(--tekst-grijs);margin-left:20px;font-size:14px;line-height:1.8}.template-download{border-top:1px solid var(--rand);flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;padding-top:16px;display:flex}.template-download p{color:var(--tekst-grijs);font-size:14px}.btn-template{background:var(--groen-light);color:var(--groen-dark);border:1px solid var(--groen-mid);border-radius:var(--radius);cursor:pointer;width:auto;padding:8px 16px;font-size:14px;font-weight:600}.btn-template:hover{background:var(--groen-mid)}.import-upload{background:var(--wit);border-radius:var(--radius-lg);box-shadow:var(--schaduw);padding:24px}.import-upload h2{margin-bottom:16px;font-size:16px;font-weight:700}.file-upload-label{cursor:pointer;display:block}.file-upload-input{display:none}.file-upload-area{border:2px dashed var(--rand);border-radius:var(--radius-lg);text-align:center;padding:40px;transition:all .2s}.file-upload-area:hover{border-color:var(--groen);background:var(--groen-light)}.file-upload-area p{color:var(--tekst-grijs);font-size:15px}.file-upload-hint{margin-top:8px;font-size:13px!important}.import-preview{background:var(--wit);border-radius:var(--radius-lg);box-shadow:var(--schaduw);padding:24px}.preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.preview-header h2{font-size:16px;font-weight:700}.preview-table-header{background:var(--achtergrond);color:var(--tekst-grijs);text-transform:uppercase;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px 16px;font-size:12px;font-weight:600;display:grid}.import-success{background:var(--wit);border-radius:var(--radius-lg);text-align:center;max-width:500px;box-shadow:var(--schaduw);margin:100px auto;padding:48px}.import-success h2{color:var(--groen);margin-bottom:16px;font-size:24px}.import-success p{color:var(--tekst-grijs);margin-bottom:8px}.ruimte-row{background:var(--achtergrond);border-radius:var(--radius);border:1.5px solid var(--rand);margin-bottom:12px;padding:16px}.ruimte-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ruimte-nummer{color:var(--groen);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.btn-remove-ruimte{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:4px;width:auto;padding:2px 6px;font-size:14px}.btn-remove-ruimte:hover{background:#fee2e2}.ruimte-inputs{flex-direction:column;gap:8px;display:flex}.ruimte-oppervlakte{background:var(--groen-light);color:var(--groen-dark);border-radius:var(--radius);text-align:right;padding:6px 12px;font-size:14px;font-weight:600}.btn-add-ruimte{border:2px dashed var(--groen-mid);color:var(--groen);border-radius:var(--radius);cursor:pointer;background:0 0;width:100%;margin-top:4px;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.btn-add-ruimte:hover{background:var(--groen-light);border-color:var(--groen)}.ruimtes-totaal{background:var(--wit);border:2px solid var(--groen);border-radius:var(--radius);margin-top:16px;padding:16px}.totaal-row-ruimte{color:var(--tekst-grijs);justify-content:space-between;align-items:center;padding:4px 0;font-size:14px;display:flex}.totaal-finaal{border-top:2px solid var(--groen);color:var(--tekst);margin-top:12px;padding-top:12px;font-size:16px;font-weight:700}.totaal-finaal strong{color:var(--groen);font-size:20px}.section-toggle{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.toggle{cursor:pointer;width:48px;height:26px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--rand);border-radius:26px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--groen)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.berekening-content{border-top:1px solid var(--rand);padding-top:16px}.berekening-resultaat{background:var(--achtergrond);border-radius:var(--radius);margin-top:12px;padding:12px 16px}.resultaat-row{color:var(--tekst-grijs);border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.resultaat-row:last-child{border-bottom:none}.resultaat-finaal{margin-top:4px;padding-top:8px;font-weight:700;color:var(--tekst)!important;border-top:2px solid var(--groen)!important;font-size:14px!important}.resultaat-prijs{font-weight:700;color:var(--groen)!important;font-size:14px!important}.egaline-note{color:var(--groen-dark);background:var(--groen-light);border-radius:var(--radius);margin-top:12px;padding:8px 12px;font-size:12px}.sectie-naam{color:var(--groen);font-size:13px;font-weight:400}.settings-page{background:var(--achtergrond);min-height:100vh}.settings-main{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;padding:32px 24px;display:flex}.settings-section{background:var(--wit);border-radius:var(--radius-lg);box-shadow:var(--schaduw);padding:24px}.settings-section h2{color:var(--tekst);margin-bottom:8px;font-size:16px;font-weight:700}.settings-info{color:var(--tekst-grijs);margin-bottom:20px;font-size:13px;line-height:1.6}.settings-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.setting-item{flex-direction:column;gap:6px;display:flex}.setting-item label{color:var(--tekst);font-size:14px;font-weight:600}.setting-input{align-items:center;gap:8px;display:flex}.setting-input input{border:1.5px solid var(--rand);border-radius:var(--radius);width:80px;color:var(--groen);text-align:center;outline:none;padding:8px 12px;font-size:16px;font-weight:700}.setting-input input:focus{border-color:var(--groen)}.setting-unit{color:var(--tekst-grijs);font-size:16px;font-weight:700}.setting-voorbeeld{color:var(--tekst-grijs);font-size:12px;font-style:italic}.settings-info-box{border:1px solid var(--groen-mid);background:var(--groen-light)!important}.settings-info-box h2{color:var(--groen-dark)}.marge-uitleg{flex-direction:column;gap:16px;display:flex}.uitleg-stap{align-items:flex-start;gap:16px;display:flex}.uitleg-nummer{background:var(--groen);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.uitleg-stap strong{color:var(--groen-dark);margin-bottom:4px;font-size:14px;display:block}.uitleg-stap p{color:var(--tekst-grijs);margin:0;font-size:13px}@media (width<=600px){.settings-grid{grid-template-columns:1fr}}.marge-inkoop{color:var(--tekst-grijs)!important;font-size:12px!important}.marge-marge{font-style:italic;color:var(--groen)!important;font-size:12px!important}.marge-verkoop{border-top:1px dashed var(--rand);color:var(--tekst)!important;padding-top:6px!important;font-weight:700!important}.setting-text-input{border:1.5px solid var(--rand);border-radius:var(--radius);width:100%;color:var(--tekst);background:var(--wit);outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.setting-text-input:focus{border-color:var(--groen)}.thema-keuze{flex-direction:column;gap:8px;display:flex}.thema-knop{border:1.5px solid var(--rand);border-radius:var(--radius);background:var(--wit);cursor:pointer;color:var(--tekst);text-align:left;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;transition:all .2s;display:flex}.thema-knop:hover{border-color:var(--groen)}.thema-actief{font-weight:600;border-color:var(--groen)!important;background:var(--groen-light)!important}.thema-kleur-dot{border-radius:50%;flex-shrink:0;width:20px;height:20px}.kleur-picker{align-items:center;gap:12px;display:flex}.kleur-input{border:1.5px solid var(--rand);border-radius:var(--radius);cursor:pointer;width:60px;height:40px;padding:2px}.kleur-waarde{color:var(--tekst-grijs);font-family:monospace;font-size:14px}.logo-upload-sectie{margin-bottom:24px}.logo-upload-sectie label{color:var(--tekst);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.logo-upload-area{border:2px dashed var(--rand);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--achtergrond);padding:32px;transition:all .2s}.logo-upload-area:hover{border-color:var(--groen);background:var(--groen-light)}.logo-upload-icoon{margin-bottom:8px;font-size:32px;display:block}.logo-upload-area p{color:var(--tekst);margin:4px 0;font-size:14px}.logo-upload-hint{color:var(--tekst-grijs)!important;font-size:12px!important}.logo-preview{border:1.5px solid var(--rand);border-radius:var(--radius);background:var(--achtergrond);align-items:center;gap:16px;padding:16px;display:flex}.logo-img{object-fit:contain;max-width:200px;max-height:60px}.logo-acties{gap:8px;display:flex}.btn-danger{border-radius:var(--radius);color:#ef4444;cursor:pointer;background:#fff;border:1.5px solid #ef4444;padding:8px 16px;font-size:13px;transition:all .2s}.btn-danger:hover{color:#fff;background:#ef4444}.landing{font-family:var(--font);color:var(--tekst);background:var(--wit)}.landing-nav{z-index:100;background:#1f2937;border-bottom:1px solid #374151;padding:0 24px;position:sticky;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:64px;margin:0 auto;display:flex}.landing-logo{align-items:center;gap:8px;display:flex}.landing-logo-icon{font-size:24px}.landing-logo-tekst{color:#fff;font-size:18px;font-weight:700}.landing-nav-links{align-items:center;gap:24px;display:flex}.landing-nav-links a{color:#d1d5db;font-size:14px;text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:var(--groen)}.btn-nav-login{border-radius:var(--radius);color:#fff;cursor:pointer;background:0 0;border:1.5px solid #4b5563;padding:8px 16px;font-size:14px;transition:all .2s}.btn-nav-login:hover{color:var(--groen);border-color:#fff;border-color:var(--groen)}.btn-nav-register{border-radius:var(--radius);background:var(--groen);color:#fff;cursor:pointer;border:none;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-nav-register:hover{background:var(--groen-dark)}.landing-hero{text-align:center;background:linear-gradient(135deg,#f0fdf4 0%,#fff 60%);padding:80px 24px}.landing-hero-inner{max-width:800px;margin:0 auto}.landing-hero-badge{background:var(--groen-light);color:var(--groen-dark);border-radius:99px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.landing-hero-titel{color:var(--tekst);margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.15}.landing-hero-accent{color:var(--groen)}.landing-hero-subtitel{color:var(--tekst-grijs);max-width:600px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.7}.landing-hero-knoppen{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:48px;display:flex}.btn-hero-primary{background:var(--groen);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;flex-direction:column;align-items:center;padding:16px 32px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #16a34a4d}.btn-hero-primary:hover{background:var(--groen-dark);transform:translateY(-1px);box-shadow:0 6px 16px #16a34a66}.btn-hero-sub{opacity:.8;margin-top:2px;font-size:11px;font-weight:400}.btn-hero-secondary{color:var(--tekst);border:1.5px solid var(--rand);border-radius:var(--radius);cursor:pointer;background:0 0;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s}.btn-hero-secondary:hover{border-color:var(--groen);color:var(--groen)}.landing-hero-stats{justify-content:center;align-items:center;gap:32px;display:flex}.hero-stat{flex-direction:column;align-items:center;display:flex}.hero-stat strong{color:var(--groen);font-size:24px;font-weight:800}.hero-stat span{color:var(--tekst-grijs);font-size:12px}.hero-stat-divider{background:var(--rand);width:1px;height:40px}.landing-sectie{padding:80px 24px}.landing-sectie-grijs{background:var(--achtergrond)}.landing-sectie-inner{max-width:1100px;margin:0 auto}.landing-sectie-header{text-align:center;margin-bottom:48px}.landing-label{background:var(--groen-light);color:var(--groen-dark);text-transform:uppercase;letter-spacing:.5px;border-radius:99px;margin-bottom:12px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.landing-sectie-header h2{color:var(--tekst);margin-bottom:12px;font-size:36px;font-weight:800}.landing-sectie-header p{color:var(--tekst-grijs);font-size:16px}.stappen-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.stap{background:var(--wit);border:1.5px solid var(--rand);border-radius:var(--radius-lg);text-align:center;flex:1;min-width:220px;max-width:280px;padding:32px 24px;position:relative}.stap-nummer{background:var(--groen);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.stap-icoon{margin-bottom:12px;font-size:36px;display:block}.stap h3{color:var(--tekst);margin-bottom:8px;font-size:16px;font-weight:700}.stap p{color:var(--tekst-grijs);font-size:13px;line-height:1.6}.stap-pijl{color:var(--groen);font-size:24px;font-weight:700}.features-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feature-card{background:var(--wit);border:1.5px solid var(--rand);border-radius:var(--radius-lg);padding:24px;transition:all .2s}.feature-card:hover{border-color:var(--groen);box-shadow:var(--schaduw);transform:translateY(-2px)}.feature-icoon{margin-bottom:12px;font-size:28px;display:block}.feature-card h3{color:var(--tekst);margin-bottom:8px;font-size:14px;font-weight:700}.feature-card p{color:var(--tekst-grijs);font-size:13px;line-height:1.6}.voor-wie-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.voor-wie-card{background:var(--wit);border:1.5px solid var(--rand);border-radius:var(--radius-lg);text-align:center;padding:32px 24px}.voor-wie-icoon{margin-bottom:16px;font-size:40px;display:block}.voor-wie-card h3{margin-bottom:8px;font-size:18px;font-weight:700}.voor-wie-card p{color:var(--tekst-grijs);font-size:14px;line-height:1.6}.prijzen-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto;display:grid}.prijs-card{background:var(--wit);border:1.5px solid var(--rand);border-radius:var(--radius-lg);padding:32px 24px;position:relative}.prijs-card-featured{border-color:var(--groen);transform:scale(1.03);box-shadow:0 8px 24px #16a34a26}.prijs-badge{background:var(--groen);color:#fff;white-space:nowrap;border-radius:99px;padding:4px 16px;font-size:12px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.prijs-card h3{color:var(--tekst);margin-bottom:16px;font-size:18px;font-weight:700}.prijs-bedrag{align-items:baseline;gap:4px;margin-bottom:24px;display:flex}.prijs-euro{color:var(--tekst-grijs);font-size:20px;font-weight:700}.prijs-getal{color:var(--tekst);font-size:48px;font-weight:800;line-height:1}.prijs-per{color:var(--tekst-grijs);font-size:14px}.prijs-lijst{flex-direction:column;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.prijs-lijst li{color:var(--tekst-grijs);font-size:13px}.btn-prijs-primary{background:var(--groen);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:12px;font-size:15px;font-weight:700;transition:all .2s}.btn-prijs-primary:hover{background:var(--groen-dark)}.btn-prijs-secondary{width:100%;color:var(--tekst);border:1.5px solid var(--rand);border-radius:var(--radius);cursor:pointer;background:0 0;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.btn-prijs-secondary:hover{border-color:var(--groen);color:var(--groen)}.landing-cta{background:var(--groen);text-align:center;padding:80px 24px}.landing-cta-inner{max-width:600px;margin:0 auto}.landing-cta h2{color:#fff;margin-bottom:12px;font-size:36px;font-weight:800}.landing-cta p{color:#fffc;margin-bottom:32px;font-size:16px}.landing-cta .btn-hero-primary{color:var(--groen);background:#fff;margin:0 auto;box-shadow:0 4px 12px #00000026}.landing-cta .btn-hero-primary:hover{background:#f0fdf4}.landing-footer{background:var(--tekst);text-align:center;padding:32px 24px}.landing-footer-inner{max-width:1100px;margin:0 auto}.landing-footer .landing-logo-tekst{color:#fff}.landing-footer-tekst{color:#ffffff80;margin-top:8px;font-size:12px}@media (width<=768px){.landing-hero-titel{font-size:32px}.features-grid{grid-template-columns:repeat(2,1fr)}.voor-wie-grid,.prijzen-grid{grid-template-columns:1fr}.prijs-card-featured{transform:scale(1)}.stap-pijl,.landing-nav-links a{display:none}}@media (width<=480px){.features-grid{grid-template-columns:1fr}}.dashboard-header{background:#1f2937!important;border-bottom:1px solid #374151!important}.dashboard-header h1{color:#fff!important}.dashboard-header .btn-back{color:#fff!important;border-color:#4b5563!important}.dashboard-header .btn-back:hover{background:#374151!important}.dashboard-header .btn-secondary{color:#fff!important;border-color:#4b5563!important}.dashboard-header .btn-secondary:hover{background:#374151!important}.coming-soon{background:#1f2937;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.coming-soon-inner{text-align:center;max-width:560px}.coming-soon-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:40px;display:flex}.coming-soon-icon{font-size:32px}.coming-soon-naam{color:#fff;font-size:24px;font-weight:700}.coming-soon h1{color:#fff;margin-bottom:16px;font-size:42px;font-weight:800}.coming-soon p{color:#9ca3af;margin-bottom:40px;font-size:16px;line-height:1.7}.coming-soon-features{justify-content:center;gap:32px;margin-bottom:48px;display:flex}.coming-soon-feature{flex-direction:column;align-items:center;gap:8px;display:flex}.coming-soon-feature span{font-size:28px}.coming-soon-feature p{color:#6b7280;margin:0;font-size:13px}.coming-soon-contact p{color:#9ca3af;margin-bottom:16px;font-size:14px}.coming-soon-btn{color:#fff;background:#4e8434;border-radius:10px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.coming-soon-btn:hover{background:#3a6326;transform:translateY(-1px)}.btn-delete-project{cursor:pointer;border-radius:var(--radius);opacity:.5;background:0 0;border:none;padding:4px 8px;font-size:16px;transition:all .2s}.btn-delete-project:hover{opacity:1;background:#fee2e2}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--wit);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--tekst);margin:0;font-size:18px;font-weight:700}.modal-close{cursor:pointer;color:var(--tekst-grijs);border-radius:var(--radius);background:0 0;border:none;padding:4px 8px;font-size:18px}.modal-close:hover{background:var(--achtergrond)}.modal-content{padding:24px}.modal-ontvanger{border-bottom:1px solid var(--rand);align-items:center;gap:12px;padding:8px 0;font-size:14px;display:flex}.modal-ontvanger label{color:var(--tekst-grijs);min-width:80px;font-weight:600}.modal-ontvanger span{color:var(--tekst)}.modal-bijlage{background:var(--achtergrond);border-radius:var(--radius);color:var(--tekst-grijs);margin-top:12px;padding:10px 14px;font-size:13px}.modal-knoppen{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.modal-succes{text-align:center;padding:40px 24px}.modal-succes-icoon{margin-bottom:16px;font-size:48px;display:block}.modal-succes h3{margin-bottom:8px;font-size:20px;font-weight:700}.modal-succes p{color:var(--tekst-grijs);margin-bottom:24px}.modal-content textarea{color:#111827!important;background:#fff!important}@media (width<=768px){.dashboard-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:12px 16px!important}.header-buttons{flex-wrap:wrap!important;gap:8px!important;width:100%!important;display:flex!important}.header-buttons button{flex:1!important;min-width:120px!important;padding:8px 10px!important;font-size:12px!important}.dashboard-main .dashboard-main{width:100%;max-width:100%;overflow-x:hidden}.dashboard-main{padding:16px!important;overflow-x:hidden!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.project-card{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.project-right{justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.calculator-grid{grid-template-columns:1fr!important}.calculator-main{padding:16px!important}.dimensions-grid,.settings-grid{grid-template-columns:1fr!important}.settings-main{padding:16px!important}.landing-hero-titel{font-size:28px!important}.landing-nav-links a{display:none!important}.landing-hero-knoppen{flex-direction:column!important;align-items:stretch!important}.btn-hero-primary,.btn-hero-secondary{justify-content:center!important;width:100%!important}.stappen-grid{flex-direction:column!important;align-items:stretch!important}.stap-pijl{display:none!important}.features-grid{grid-template-columns:repeat(2,1fr)!important}.voor-wie-grid,.prijzen-grid{grid-template-columns:1fr!important}.prijs-card-featured{transform:scale(1)!important}*{box-sizing:border-box!important;max-width:100vw!important}body{overflow-x:hidden!important}.dashboard-top .header-buttons button{width:100%!important;padding:10px 8px!important;font-size:13px!important}html,body,.dashboard,.calculator,.settings-page,.materials-page{width:100%!important;overflow-x:hidden!important}.dashboard-top{flex-direction:column!important;gap:12px!important}.dashboard-top .header-buttons{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;display:grid!important}.dashboard-top .header-buttons .btn-primary{grid-column:span 2!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}.dashboard-knoppen{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.dashboard-knoppen button{flex:1;min-width:120px}@media (width<=768px){.dashboard-knoppen{grid-template-columns:repeat(2,1fr)!important;display:grid!important}.dashboard-knoppen .btn-primary{grid-column:span 2!important}}.tekening-modal{max-height:90vh;overflow-y:auto;max-width:680px!important}.tekening-upload-area{border:2px dashed var(--rand);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--achtergrond);margin:16px 0;padding:40px;transition:all .2s}.tekening-upload-area:hover{border-color:var(--groen);background:var(--groen-light)}.tekening-upload-icoon{margin-bottom:12px;font-size:40px;display:block}.tekening-upload-hint{color:var(--tekst-grijs)!important;font-size:12px!important}.tekening-uitleg{color:var(--tekst-grijs);margin-bottom:16px;font-size:14px;line-height:1.6}.tekening-waarschuwing{border-radius:var(--radius);color:#92400e;background:#fef3c7;border:1px solid #f59e0b;margin:12px 0;padding:12px 16px;font-size:13px}.tekening-preview{border-radius:var(--radius);border:1px solid var(--rand);margin-bottom:16px;overflow:hidden}.tekening-img{object-fit:contain;background:var(--achtergrond);width:100%;max-height:250px}.tekening-schaal h3{margin-bottom:8px;font-size:15px;font-weight:700}.tekening-laden{text-align:center;padding:40px 24px}.tekening-laden h3{margin:16px 0 8px;font-size:16px}.tekening-laden p{color:var(--tekst-grijs);font-size:14px}.tekening-controle-header h3{margin-bottom:8px;font-size:15px;font-weight:700}.tekening-opmerkingen{background:var(--groen-light);border-radius:var(--radius);color:var(--groen-dark);margin-bottom:12px;padding:10px 14px;font-size:13px}.ruimtes-controle-lijst{flex-direction:column;gap:10px;max-height:350px;margin:16px 0;display:flex;overflow-y:auto}.ruimte-controle-card{border:1.5px solid var(--rand);border-radius:var(--radius);padding:12px 16px;transition:all .2s}.ruimte-controle-card:hover{border-color:var(--groen)}.ruimte-uitgeschakeld{opacity:.5;background:var(--achtergrond)}.ruimte-controle-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ruimte-toggle-label{cursor:pointer;flex:1;align-items:center;gap:8px;display:flex}.ruimte-naam-edit{color:var(--tekst);background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:600}.ruimte-naam-edit:focus{border-bottom:1px solid var(--groen)}.vochtige-badge{color:#1e40af;white-space:nowrap;background:#dbeafe;border-radius:99px;padding:2px 8px;font-size:11px}.ruimte-controle-maten{margin-top:8px}.tekening-totaal{background:var(--groen-light);border-radius:var(--radius);justify-content:space-between;align-items:center;margin:12px 0;padding:12px 16px;font-size:14px;display:flex}.tekening-totaal strong{color:var(--groen-dark);font-size:15px}.tekening-badge{cursor:pointer;border:1.5px solid var(--rand);border-radius:var(--radius);background:var(--wit);color:var(--tekst);align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.tekening-badge:hover{border-color:var(--groen)}.tekening-thumbnail{object-fit:cover;border-radius:4px;width:32px;height:32px}.status-select{cursor:pointer;border:none;border-radius:99px;outline:none;padding:4px 8px;font-size:12px;font-weight:600}.status-concept{color:#92400e;background:#fef3c7}.status-verzonden{color:#1e40af;background:#dbeafe}.status-akkoord{color:#166534;background:#dcfce7}.status-afgewezen{color:#991b1b;background:#fee2e2}.onboarding{background:#1f2937;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.onboarding-box{background:var(--wit);border-radius:var(--radius-lg);width:100%;max-width:600px;padding:40px;box-shadow:0 20px 60px #0000004d}.onboarding-header{text-align:center;margin-bottom:32px}.onboarding-header h1{color:var(--tekst);margin-bottom:8px;font-size:24px;font-weight:800}.onboarding-header p{color:var(--tekst-grijs);font-size:15px}.onboarding-voortgang{justify-content:space-between;align-items:flex-start;margin-bottom:40px;display:flex;position:relative}.onboarding-voortgang:before{content:"";background:var(--rand);z-index:0;height:2px;position:absolute;top:16px;left:10%;right:10%}.voortgang-stap{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex}.voortgang-cirkel{background:var(--rand);width:32px;height:32px;color:var(--tekst-grijs);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .3s;display:flex}.voortgang-stap.actief .voortgang-cirkel{background:var(--groen);color:#fff}.voortgang-stap.gedaan .voortgang-cirkel{background:var(--groen-dark);color:#fff}.voortgang-label{color:var(--tekst-grijs);text-align:center;max-width:70px;font-size:11px}.voortgang-stap.actief .voortgang-label{color:var(--groen);font-weight:600}.onboarding-stap{text-align:center;border-top:1px solid var(--rand);border-bottom:1px solid var(--rand);margin-bottom:24px;padding:32px 0}.onboarding-stap-icoon{margin-bottom:16px;font-size:48px}.onboarding-stap h2{color:var(--tekst);margin-bottom:8px;font-size:20px;font-weight:700}.onboarding-stap p{color:var(--tekst-grijs);margin-bottom:24px;font-size:14px;line-height:1.6}.onboarding-actie-btn{width:auto!important;padding:12px 24px!important}.onboarding-navigatie{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.onboarding-dots{gap:6px;display:flex}.onboarding-dot{background:var(--rand);border-radius:50%;width:8px;height:8px;transition:all .3s}.onboarding-dot.actief{background:var(--groen);border-radius:4px;width:20px}.onboarding-overslaan{text-align:center;width:100%;color:var(--tekst-grijs);cursor:pointer;background:0 0;border:none;padding:8px;font-size:13px;transition:color .2s;display:block}.onboarding-overslaan:hover{color:var(--tekst)}.plan-badge{border-radius:99px;padding:4px 12px;font-size:12px;font-weight:700}.plan-free{color:#6b7280;background:#f3f4f6}.plan-basis{color:#1e40af;background:#dbeafe}.plan-pro{color:#92400e;background:#fef3c7}.landing-setup-banner{background:var(--groen-light);border:1.5px solid var(--groen);border-radius:var(--radius-lg);align-items:flex-start;gap:16px;margin-bottom:40px;padding:20px 24px;display:flex}.landing-setup-icoon{font-size:28px}.landing-setup-banner strong{color:var(--tekst);margin-bottom:4px;font-size:15px;font-weight:700;display:block}.landing-setup-banner p{color:var(--tekst-grijs);margin:0;font-size:13px}.landing-trial-banner{border-radius:var(--radius);color:#92400e;text-align:center;background:#fef3c7;border:1.5px solid #f59e0b;margin-bottom:32px;padding:14px 20px;font-size:14px}.prijs-trial{color:#16a34a;text-align:center;margin-bottom:16px;font-size:13px;font-weight:700}.prijs-badge-grijs{color:#fff;white-space:nowrap;background:#374151;border-radius:99px;padding:4px 16px;font-size:12px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}