*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg:#13151a;--s1:#1c1f26;--s2:#242830;--s3:#2d3240;--b1:#333849;--b2:#404760;--a:#24c98a;--a2:#14935f;--a-dim:rgba(36,201,138,.12);--a-ring:rgba(36,201,138,.25);--warn:#e8a020;--warn-dim:rgba(232,160,32,.12);--t1:#e8eaf0;--t2:#9aa0b4;--t3:#5c6480;--fh:"Barlow Condensed",sans-serif;--fb:"IBM Plex Sans",sans-serif;--fm:"IBM Plex Mono",monospace;--r:10px;--r2:14px;--p:18px}html,body{height:100%;overscroll-behavior:none;overflow-x:hidden;max-width:100vw}body{background:var(--bg);color:var(--t1);font-family:var(--fb);font-size:15px;line-height:1.5}.app{max-width:390px;margin:0 auto;min-height:100vh;background:var(--bg);display:flex;flex-direction:column;position:relative;z-index:1;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@supports (height: 100dvh){.app{min-height:100dvh}}@media(display-mode:standalone){body{position:fixed;width:100%;inset:0}.app{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}}.desk-wrap{min-height:100vh;background:var(--bg)}.desk-sidebar,.desk-bg{display:none}@media(min-width:1100px){body{background:var(--bg)}.desk-bg{display:block;position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(900px 600px at 15% 20%,rgba(36,201,138,.08),transparent 60%),radial-gradient(700px 500px at 85% 80%,rgba(36,201,138,.05),transparent 55%)}.desk-wrap{display:flex;justify-content:center;align-items:flex-start;gap:56px;padding:72px 40px 80px;min-height:100vh}.desk-sidebar{display:flex;flex-direction:column;gap:14px;width:280px;flex-shrink:0;position:sticky;top:72px;max-height:calc(100vh - 144px);overflow-y:auto;scrollbar-width:none}.desk-sidebar::-webkit-scrollbar{display:none}.app{margin:0;min-height:auto;max-height:calc(100vh - 144px);overflow-y:auto;border:1px solid var(--b1);border-radius:24px;box-shadow:0 20px 60px #00000073;scrollbar-width:none;max-width:640px}.app::-webkit-scrollbar{display:none}.menu-overlay,.status-overlay,.prod-overlay{align-items:center}.menu-sheet,.status-sheet,.prod-sheet{max-width:520px;border-radius:var(--r2);border-top:1px solid var(--b1)}.status-sheet{padding:24px 20px}.menu-sheet{padding:20px 16px 24px}.prod-sheet{max-height:76vh;border-radius:var(--r2)}.sb{padding:14px 20px}.hdr{padding:18px 20px 12px}.sec{padding:0 20px}}@media(min-width:1400px){.app{max-width:760px}}.desk-logo{display:flex;align-items:center;gap:12px;padding:4px 6px;background:none;border:0;cursor:pointer;text-align:left;width:100%;border-radius:8px;transition:background .15s}.desk-logo:hover{background:#24c98a0f}.desk-logo:focus-visible{outline:2px solid var(--a);outline-offset:2px}.desk-logo-ico{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#24c98a,#0e8a54);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #24c98a40}.desk-logo-naam{font-family:var(--fh);font-size:22px;font-weight:800;color:var(--t1);letter-spacing:-.4px}.desk-logo-sub{font-size:11px;color:var(--t3);margin-top:1px;font-weight:500}.desk-card{background:linear-gradient(160deg,var(--s1) 0%,rgba(28,31,38,.5) 100%);border:1px solid var(--b1);border-radius:var(--r2);padding:18px}.desk-card-titel{font-family:var(--fh);font-size:10px;font-weight:800;color:var(--t3);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px}.desk-greet{font-family:var(--fh);font-size:17px;font-weight:800;color:var(--t1);letter-spacing:-.3px}.desk-greet-sub{font-size:12px;color:var(--t3);margin-top:4px;line-height:1.5}.desk-stat-groot{font-family:var(--fh);font-size:30px;font-weight:800;color:#24c98a;letter-spacing:-.7px;line-height:1}.desk-stat-sub{font-size:12px;color:var(--t3);margin-top:4px;font-weight:500}.desk-tip{background:linear-gradient(160deg,#24c98a1a,#24c98a05);border:1px solid rgba(36,201,138,.22)}.desk-tip-titel{color:#24c98a}.desk-tip-tekst{font-size:12.5px;color:var(--t2);line-height:1.55}.desk-voet{font-size:11px;color:var(--t3);text-align:center;padding:8px 0 4px;margin-top:4px}.desk-voet a{color:var(--t3);text-decoration:none;margin:0 4px}.desk-voet a:hover{color:var(--a)}.desk-nav{display:flex;flex-direction:column;gap:3px;padding:4px 0}.desk-nav-label{font-family:var(--fh);font-size:10px;font-weight:800;color:var(--t3);text-transform:uppercase;letter-spacing:1.2px;padding:6px 10px}.desk-nav-item{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:none;padding:10px 12px;font-family:var(--fh);font-size:14px;font-weight:700;color:var(--t2);cursor:pointer;border-radius:10px;transition:all .15s;text-align:left;position:relative}.desk-nav-item:hover{background:var(--s2);color:var(--t1)}.desk-nav-item.actief{background:linear-gradient(135deg,#24c98a24,#0e8a540f);color:#24c98a;box-shadow:inset 0 0 0 1px #24c98a38}.desk-nav-item.actief svg{color:#24c98a}.desk-nav-dot{width:6px;height:6px;border-radius:50%;background:#24c98a;margin-left:auto;flex-shrink:0;box-shadow:0 0 8px #24c98a99}.desk-user{margin-top:auto;padding:12px;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);display:flex;align-items:center;gap:10px}.desk-user-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#24c98a,#0e8a54);color:#02150b;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:14px;font-weight:800;letter-spacing:-.3px}.desk-user-naam{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desk-user-mail{font-size:11px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desk-user-uit{background:transparent;border:1px solid var(--b1);color:var(--t3);width:32px;height:32px;border-radius:8px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.desk-user-uit:hover{background:#e850501a;border-color:#e850504d;color:#ff6b6b}@media(min-width:1100px){.inst-nav,.sb-menu{display:none}}.scroll{overflow-y:auto;overflow-x:hidden;flex:1;padding-bottom:40px;max-width:100%;animation:scherm-in .28s cubic-bezier(.2,.9,.3,1.05)}@keyframes scherm-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(110vh) rotate(720deg)}}@keyframes slide-fade-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes slide-progress{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes akkoord-in{0%{opacity:0;transform:scale(.85) translateY(6px)}80%{opacity:1;transform:scale(1.04) translateY(0)}to{opacity:1;transform:scale(1)}}@keyframes mock-fill{0%{width:0%}to{width:100%}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(16deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(12deg)}}@media(prefers-reduced-motion:reduce){.scroll{animation:none}}.sb{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:14px var(--p) 8px;font-family:var(--fh);font-size:12px;font-weight:700;color:var(--t3);letter-spacing:.5px;background:var(--bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sb-menu{background:transparent;border:none;color:var(--t2);padding:6px;margin:-6px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.sb-menu:hover{background:var(--s2);color:var(--t1)}.sb-menu:active{transform:scale(.95)}.sb-badge{display:none;position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;border-radius:8px;background:#24c98a;color:#02150b;font-family:var(--fh);font-size:9px;font-weight:800;line-height:16px;text-align:center;padding:0 4px;box-shadow:0 2px 6px #24c98a66;pointer-events:none}.sb-badge.zichtbaar{display:block;animation:sb-badge-pop .3s ease}@keyframes sb-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.menu-overlay{position:fixed;inset:0;z-index:500;background:#0000008c;backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:menu-fade .2s ease}@keyframes menu-fade{0%{opacity:0}to{opacity:1}}.menu-sheet{width:100%;max-width:390px;max-height:92vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(160deg,#1c1f26,#13151a);border-radius:var(--r2) var(--r2) 0 0;border-top:1px solid var(--b1);padding:8px 14px max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px;box-shadow:0 -12px 40px #0009;animation:menu-slide .25s ease}@supports (max-height: 92dvh){.menu-sheet{max-height:92dvh}}.menu-sheet::-webkit-scrollbar{width:0;display:none}@keyframes menu-slide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.menu-handle{width:42px;height:4px;background:var(--b2);border-radius:2px;margin:6px auto 10px}.menu-titel{font-family:var(--fh);font-size:11px;font-weight:800;color:var(--t3);text-transform:uppercase;letter-spacing:1.5px;padding:0 8px 8px}.menu-item{width:100%;background:transparent;border:none;padding:12px 10px;display:flex;align-items:center;gap:12px;font-family:var(--fh);font-size:15px;font-weight:700;color:var(--t1);cursor:pointer;border-radius:var(--r);transition:background .12s;text-align:left}.menu-item:hover{background:var(--s2)}.menu-item:active{background:var(--s3)}.menu-item-ico{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:linear-gradient(135deg,#24c98a26,#0e8a5414);border:1px solid rgba(36,201,138,.2);color:#24c98a;display:flex;align-items:center;justify-content:center}.menu-scheiding{height:1px;background:var(--b1);margin:8px 4px}.menu-item-uit{color:#e85050}.inz-periode{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.inz-periode::-webkit-scrollbar{display:none}.inz-periode-btn{background:var(--s2);border:1.5px solid var(--b1);border-radius:22px;padding:8px 14px;font-family:var(--fh);font-size:12.5px;font-weight:700;color:var(--t2);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s}.inz-periode-btn:hover{border-color:var(--b2);color:var(--t1)}.inz-periode-btn.actief{background:linear-gradient(135deg,#24c98a,#14935f);border-color:#24c98a;color:#02150b;box-shadow:0 4px 12px #24c98a40}.inz-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inz-stat{background:linear-gradient(160deg,var(--s1) 0%,rgba(28,31,38,.5) 100%);border:1px solid var(--b1);border-radius:var(--r);padding:13px 14px 14px;transition:border-color .15s;display:flex;flex-direction:column;gap:4px;min-height:90px}.inz-stat:hover{border-color:var(--b2)}.inz-stat-lbl{font-size:10px;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.6px}.inz-stat-val{font-family:var(--fh);font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1;color:var(--t1);margin-top:2px}.inz-stat-sub{font-size:11px;color:var(--t3);margin-top:auto;font-family:var(--fb)}.inz-trend{font-size:11px;font-weight:700;margin-top:auto;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:8px;align-self:flex-start}.inz-trend.pos{background:#24c98a1f;color:#24c98a}.inz-trend.neg{background:#e850501f;color:#e85050}.inz-rij{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--b1)}.inz-rij:last-child{border-bottom:none}.inz-rij-pos{width:22px;height:22px;border-radius:6px;background:#24c98a1a;border:1px solid rgba(36,201,138,.2);color:#24c98a;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:11px;font-weight:800;flex-shrink:0}.inz-rij-naam{flex:1;font-family:var(--fh);font-size:14px;font-weight:700;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inz-rij-val{font-family:var(--fh);font-size:14px;font-weight:800;color:#24c98a;flex-shrink:0}.inz-klus-rij{padding:10px 2px;border-bottom:1px solid var(--b1)}.inz-klus-rij:last-child{border-bottom:none}.inz-klus-top{display:flex;justify-content:space-between;margin-bottom:6px}.inz-klus-naam{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.inz-klus-val{font-size:12px;color:var(--t3);font-weight:600}.inz-klus-bar-wrap{height:6px;background:var(--s3);border-radius:3px;overflow:hidden}.inz-klus-bar{height:100%;background:linear-gradient(90deg,#24c98a,#14935f);border-radius:3px;transition:width .4s ease}.abo-status{border-radius:var(--r2);padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px}.abo-status.trial{background:linear-gradient(160deg,#24c98a24,#24c98a0a);border:1px solid rgba(36,201,138,.28)}.abo-status.verlopen{background:linear-gradient(160deg,#e8a02024,#e8a0200a);border:1px solid rgba(232,160,32,.35)}.abo-status-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--fh);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.abo-status.trial .abo-status-label{color:#24c98a}.abo-status.verlopen .abo-status-label{color:var(--warn)}.abo-status-titel{font-family:var(--fh);font-size:22px;font-weight:800;color:var(--t1);letter-spacing:-.3px;line-height:1.1}.abo-progress-wrap{height:6px;background:#ffffff12;border-radius:3px;overflow:hidden;margin-top:4px}.abo-progress-bar{height:100%;background:linear-gradient(90deg,#24c98a,#14935f);border-radius:3px;transition:width .5s ease}.abo-status.verlopen .abo-progress-bar{background:linear-gradient(90deg,var(--warn),#c98120)}.abo-progress-meta{font-size:11px;color:var(--t3);font-family:var(--fb)}.abo-plan{background:linear-gradient(160deg,var(--s1) 0%,rgba(28,31,38,.5) 100%);border:1px solid var(--b1);border-radius:var(--r2);padding:18px;display:flex;flex-direction:column;gap:14px}.abo-plan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.abo-plan-naam{font-family:var(--fh);font-size:20px;font-weight:800;color:var(--t1);letter-spacing:-.3px}.abo-plan-sub{font-size:12px;color:var(--t3);margin-top:2px}.abo-plan-prijs{text-align:right;flex-shrink:0}.abo-plan-prijs-bedrag{font-family:var(--fh);font-size:28px;font-weight:800;color:#24c98a;letter-spacing:-.7px;line-height:1}.abo-plan-prijs-sub{font-size:10px;color:var(--t3);margin-top:2px}.abo-features{display:flex;flex-direction:column;gap:8px}.abo-feature{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--t1)}.abo-info{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r2);padding:16px;display:flex;flex-direction:column;gap:12px}.abo-info-titel{font-family:var(--fh);font-size:13px;font-weight:800;color:var(--t1);margin-bottom:2px}.abo-info-rij{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--t2);line-height:1.55}.abo-info-rij strong{color:var(--t1);font-weight:700}.trial-banner{margin:0 var(--p) 12px;background:linear-gradient(135deg,#24c98a1f,#0e8a540f);border:1px solid rgba(36,201,138,.22);border-radius:var(--r);padding:11px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .15s;font-size:13px}.trial-banner:hover{border-color:#24c98a66;background:linear-gradient(135deg,#24c98a29,#0e8a5414)}.trial-banner-ico{width:28px;height:28px;border-radius:8px;background:#24c98a26;border:1px solid rgba(36,201,138,.25);color:#24c98a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.trial-banner-tekst{flex:1;color:var(--t1);font-weight:600}.trial-banner-tekst strong{color:#24c98a}.trial-banner-cta{font-size:11px;color:#24c98a;font-weight:700;font-family:var(--fh)}.trial-banner.verlopen{background:linear-gradient(135deg,#e8a02024,#e8a0200a);border-color:#e8a02059}.trial-banner.verlopen .trial-banner-ico{background:#e8a02026;border-color:#e8a0204d;color:var(--warn)}.trial-banner.verlopen .trial-banner-tekst strong,.trial-banner.verlopen .trial-banner-cta{color:var(--warn)}.welkom-sec{padding:0 var(--p);margin-bottom:14px}.welkom-card{background:linear-gradient(160deg,#24c98a1a,#24c98a05);border:1px solid rgba(36,201,138,.22);border-radius:var(--r2);padding:16px}.welkom-kop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.welkom-titel{font-family:var(--fh);font-size:16px;font-weight:800;color:var(--t1);letter-spacing:-.2px}.welkom-sub{font-size:12px;color:var(--t2);margin-top:3px;font-weight:500}.welkom-sluit{background:transparent;border:none;color:var(--t3);cursor:pointer;width:26px;height:26px;border-radius:8px;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.welkom-sluit:hover{background:var(--s2);color:var(--t1)}.welkom-progress{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-bottom:14px}.welkom-progress-bar{height:100%;background:linear-gradient(90deg,#24c98a,#14935f);border-radius:3px;transition:width .5s ease}.welkom-stappen{display:flex;flex-direction:column;gap:4px}.welkom-stap{width:100%;background:transparent;border:none;display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:9px;cursor:pointer;font-family:var(--fb);font-size:13.5px;color:var(--t1);text-align:left;transition:background .15s}.welkom-stap:not(:disabled):hover{background:#ffffff0a}.welkom-stap:disabled{cursor:default}.welkom-stap.gedaan .welkom-lbl{color:var(--t3);text-decoration:line-through;text-decoration-color:#fff3}.welkom-check{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:1.5px solid var(--b2);background:transparent;display:flex;align-items:center;justify-content:center;color:#02150b;transition:all .2s}.welkom-check.gedaan{background:linear-gradient(135deg,#24c98a,#14935f);border-color:#24c98a;box-shadow:0 2px 6px #24c98a4d}.welkom-lbl{flex:1;min-width:0}.inz-card{background:linear-gradient(160deg,var(--s1) 0%,rgba(28,31,38,.5) 100%);border:1px solid var(--b1);border-radius:var(--r2);padding:16px}.inz-card-titel{font-family:var(--fh);font-size:13px;font-weight:800;color:var(--t1);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.inz-legenda{display:flex;align-items:center;gap:8px;font-size:13px}.inz-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.inz-legenda-lbl{flex:1;color:var(--t1);font-weight:600}.inz-legenda-val{color:var(--t3);font-family:var(--fm);font-size:12px}.inz-bars{display:flex;align-items:flex-end;gap:6px;height:140px;margin-top:8px}.inz-bar-kolom{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%}.inz-bar-val{font-family:var(--fh);font-size:10px;font-weight:700;color:var(--t2);height:14px}.inz-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.inz-bar{width:100%;max-width:32px;border-radius:6px 6px 0 0;min-height:3px;transition:height .35s ease}.inz-bar-lbl{font-family:var(--fh);font-size:10px;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.hdr{display:flex;align-items:center;gap:12px;padding:8px var(--p) 16px}.hdr-back{width:40px;height:40px;border-radius:12px;background:var(--s2);border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;flex-shrink:0;transition:all .15s;color:var(--t1)}.hdr-back:hover{border-color:var(--b2);background:var(--s3);transform:translate(-1px)}.hdr-back:active{transform:translate(0)}.hdr-title{font-family:var(--fh);font-size:21px;font-weight:800;letter-spacing:.2px;color:var(--t1)}.hdr-sub{font-size:12px;color:var(--t3);margin-top:1px}.timer{margin-left:auto;font-family:var(--fm);font-size:11px;color:var(--a);background:var(--a-dim);border:1px solid var(--a-ring);padding:4px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.stap-bar{display:flex;gap:4px;padding:0 var(--p) 14px}.stap{flex:1;height:3px;border-radius:2px;background:var(--b1);transition:background .25s}.stap.act{background:var(--a)}.stap.done{background:var(--a2)}.sec{padding:0 var(--p)}.sec-label{font-family:var(--fh);font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px}.today-card{margin:0 var(--p) 14px;background:linear-gradient(160deg,#1eb87a17,#1eb87a05);border:1px solid rgba(36,201,138,.18);border-radius:var(--r2);padding:18px 16px;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0a}.today-stat{padding:4px 10px;min-width:0;overflow:hidden}.today-stat:first-child{padding-left:6px}.today-stat:not(:last-child){border-right:1px solid rgba(255,255,255,.07)}.today-val{font-family:var(--fh);font-size:24px;font-weight:800;color:var(--t1);line-height:1.1;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today-val.green{color:#24c98a}.today-label{font-size:10px;color:var(--t3);margin-top:4px;line-height:1.3;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media(max-width:420px){.today-card{padding:14px 12px}.today-stat{padding:4px 6px}.today-stat:first-child{padding-left:4px}.today-val{font-size:19px}.today-label{font-size:9px;letter-spacing:.3px}}.fab{margin:0 var(--p) 14px;background:linear-gradient(135deg,#24c98a,#14935f);color:#02150b;border:none;border-radius:var(--r2);padding:18px var(--p);font-family:var(--fh);font-size:19px;font-weight:800;letter-spacing:.3px;cursor:pointer;width:calc(100% - 36px);display:flex;align-items:center;justify-content:space-between;transition:transform .1s,box-shadow .15s;box-shadow:0 4px 14px #1eb87a2e,inset 0 1px #ffffff14}.fab:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1eb87a47,inset 0 1px #ffffff14}.fab:active{transform:translateY(0);box-shadow:0 3px 10px #1eb87a2e,inset 0 1px #ffffff14}.fab-hint{font-family:var(--fb);font-size:12px;font-weight:600;background:#0000002e;color:#02150b;padding:5px 10px;border-radius:20px}.alert{margin:0 var(--p) 10px;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--r);cursor:pointer}.alert.warn{background:var(--warn-dim);border:1px solid rgba(232,160,32,.3)}.afw-card{margin:0 var(--p) 14px;background:linear-gradient(160deg,#e8a02024,#e8a0200a);border:1px solid rgba(232,160,32,.35);border-radius:var(--r2);padding:14px 16px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:8px}.afw-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #e8a02026;border-color:#e8a02080}.afw-head{display:flex;align-items:center;gap:9px}.afw-dot{width:8px;height:8px;border-radius:50%;background:var(--warn);animation:blink 1.6s infinite;flex-shrink:0}.afw-titel{font-family:var(--fh);font-size:14px;font-weight:800;color:var(--warn);letter-spacing:-.1px}.afw-klant{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-left:17px}.afw-klant-naam{font-family:var(--fh);font-size:15px;font-weight:700;color:var(--t1);letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.afw-klant-prijs{font-family:var(--fh);font-size:15px;font-weight:700;color:var(--t1);flex-shrink:0}.afw-acties{display:flex;align-items:center;gap:7px;padding-left:17px;font-size:12px;color:var(--warn);font-weight:600}.afw-actie{display:inline-flex;align-items:center;gap:6px}.alert-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:blink 1.6s infinite}.alert-dot.warn{background:var(--warn)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.alert-title{font-family:var(--fh);font-size:15px;font-weight:700;color:var(--warn)}.alert-sub{font-size:11px;color:var(--t3);margin-top:1px}.alert-arr{margin-left:auto;color:var(--warn);font-size:16px;flex-shrink:0}.off-list{display:flex;flex-direction:column;gap:8px}.off-item{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:12px 14px;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.off-item:hover{border-color:var(--b2);background:var(--s2);transform:translateY(-1px);box-shadow:0 6px 18px #00000040}.off-item.warn-border{border-color:#e8a02059}.off-item.swiped .off-dup{width:72px}.off-ico{font-size:20px;width:38px;height:38px;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#24c98a14;border:1px solid rgba(36,201,138,.12);border-radius:9px;margin-top:2px}.off-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.off-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.off-klant{font-family:var(--fh);font-size:16px;font-weight:800;letter-spacing:-.2px;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.off-prijs{font-family:var(--fh);font-size:16px;font-weight:800;color:var(--t1);letter-spacing:-.3px;flex-shrink:0}.off-klus{font-size:12.5px;color:var(--t2);font-weight:500}.off-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:11px;color:var(--t3)}.off-meta-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.off-status-mini{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;font-weight:700;font-family:var(--fh);font-size:10.5px;cursor:pointer;background:transparent;border:none;transition:opacity .15s}.off-status-mini:hover{opacity:.8}.off-meta-sep{color:var(--t3);opacity:.5}.off-meta-item{color:var(--t3);font-weight:500}.off-pdf-icon{background:transparent;border:none;color:var(--t3);cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;transition:all .15s}.off-pdf-icon:hover{color:var(--a);background:#24c98a14}.off-pdf-icon:active{transform:scale(.9);background:#24c98a24}.off-pdf-icon:disabled{cursor:not-allowed;opacity:.5}.off-dup{position:absolute;right:0;top:0;bottom:0;width:0;display:flex;align-items:stretch;transition:width .2s;overflow:hidden;white-space:nowrap}.off-item.swiped .off-dup{width:144px}.off-dup-actie{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:12px;font-weight:800;color:#0a1510;cursor:pointer;border:none;padding:0;gap:4px}.off-dup-actie.pdf{background:var(--a)}.off-dup-actie.kopie{background:var(--a2)}.pdf-btn{background:var(--s2);border:1.5px solid var(--b2);border-radius:var(--r);padding:14px 16px;font-family:var(--fh);font-size:16px;font-weight:700;color:var(--t1);cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-color .12s}.pdf-btn:active{border-color:var(--a);color:var(--a)}.snel-row{display:flex;gap:8px;padding:0 var(--p);overflow-x:auto;scrollbar-width:none}.snel-row::-webkit-scrollbar{display:none}.snel-card{flex-shrink:0;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:12px 14px;cursor:pointer;transition:border-color .12s;min-width:136px}.snel-card:active{border-color:var(--a)}.snel-head{font-family:var(--fh);font-size:15px;font-weight:800;display:flex;align-items:center;gap:6px}.snel-klant{font-size:11px;color:var(--t3);margin-top:3px}.snel-count{font-size:10px;color:var(--a);margin-top:6px;font-family:var(--fm)}.klus-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.klus-card{background:linear-gradient(160deg,var(--s1) 0%,rgba(28,31,38,.5) 100%);border:1.5px solid var(--b1);border-radius:var(--r2);padding:18px 16px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:12px}.klus-card:hover{border-color:#24c98a59;transform:translateY(-1px);box-shadow:0 8px 20px #00000040}.klus-card:active,.klus-card.sel{border-color:var(--a);background:linear-gradient(160deg,#24c98a1f,#24c98a0d);box-shadow:0 8px 20px #24c98a2e}.klus-ico{font-size:24px;flex-shrink:0}.klus-lbl{font-family:var(--fh);font-size:16px;font-weight:700;line-height:1.2}.opt-group{display:flex;flex-direction:column;gap:6px}.number-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:12px 14px}.number-veld{width:100px;background:transparent;border:none;border-bottom:1.5px solid var(--b2);font-family:var(--fh);font-size:22px;font-weight:800;color:var(--t1);letter-spacing:-.5px;outline:none;text-align:center;padding:4px 6px;transition:border-color .15s;-moz-appearance:textfield}.number-veld::-webkit-outer-spin-button,.number-veld::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-veld:focus{border-bottom-color:var(--a)}.number-eenheid{font-family:var(--fh);font-size:18px;font-weight:700;color:var(--t2)}.number-tarief{font-size:12px;color:var(--t3);margin-left:auto;font-family:var(--fm)}.number-subtotaal{font-family:var(--fh);font-size:14px;font-weight:800;color:var(--a);background:var(--a-dim);padding:4px 10px;border-radius:6px;border:1px solid var(--a-ring);margin-left:auto}.tarief-edit{display:inline-flex;align-items:center;gap:2px;font-family:var(--fm);font-size:13px;color:var(--t2);padding:3px 6px;border-radius:6px;background:var(--s2);border:1px solid var(--b1);transition:border-color .15s}.tarief-edit:focus-within{border-color:var(--a)}.tarief-edit-x{color:var(--t3);font-size:12px;margin-right:2px}.tarief-edit-euro{color:var(--t2);font-weight:600}.tarief-edit-input{width:42px;background:transparent;border:none;outline:none;font-family:var(--fm);font-size:13px;color:var(--t1);font-weight:600;text-align:right;padding:0;-moz-appearance:textfield}.tarief-edit-input::-webkit-outer-spin-button,.tarief-edit-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tarief-edit-eenheid{color:var(--t3);font-size:12px}.tarief-reset{background:none;border:none;color:var(--t3);cursor:pointer;font-size:12px;padding:0 4px;margin-left:2px;line-height:1}.tarief-reset:hover{color:var(--a)}.preview-regel-row td{padding:6px 4px;vertical-align:middle}.prev-regel-input{background:transparent;border:1px solid transparent;font-family:var(--fb);font-size:14px;color:#0f1420;padding:6px 8px;border-radius:6px;outline:none;transition:border-color .12s,background .12s,box-shadow .12s;width:100%;line-height:1.35}.prev-regel-input::placeholder{color:#9aa0b4;font-style:italic}.prev-regel-input:hover{border-color:#d4d8e0;background:#fafbfc}.prev-regel-input:focus{border-color:var(--a);background:#fff;box-shadow:0 0 0 3px #24c98a1f}.prev-regel-aantal{width:62px;text-align:right;font-family:var(--fm);color:#0f1420;font-weight:600}.prev-regel-eenheid{width:54px;font-size:12.5px;color:#5c6480}.prev-regel-oms{width:100%;font-size:14px;color:#0f1420;font-family:inherit;line-height:1.5;resize:vertical;min-height:34px;max-height:140px;overflow-y:auto;display:block;font-weight:500}.prev-regel-totaal{width:84px;text-align:right;font-family:var(--fm);font-weight:700;color:#0f1420;font-size:14px}.prev-regel-del{background:none;border:none;color:#cbd1de;cursor:pointer;font-size:18px;line-height:1;padding:6px 9px;border-radius:6px;transition:all .12s;opacity:0}.preview-regel-row:hover .prev-regel-del{opacity:1}.prev-regel-del:hover{background:#e850501a;color:#e85050;opacity:1}.prev-regel-del:focus-visible{opacity:1;outline:2px solid var(--a);outline-offset:1px}.preview-regel-row{transition:background .12s}.preview-regel-row:hover{background:#24c98a06}.preview-klus-header td{padding:14px 4px 6px!important;font-family:Barlow Condensed,sans-serif!important;font-size:11.5px!important;font-weight:800!important;color:#0e8a54!important;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1.5px solid rgba(36,201,138,.25)!important}.doc-tabel-acties{display:flex;align-items:center;gap:8px;margin-top:10px;margin-bottom:14px;flex-wrap:wrap}.doc-tabel-acties .add-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px dashed #cbd1de;color:#3a4258;padding:8px 14px;border-radius:8px;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.3px;cursor:pointer;transition:all .12s}.doc-tabel-acties .add-btn:hover{border-color:var(--a);color:var(--a);background:#24c98a0a}.doc-tabel-acties .reset-btn{background:transparent;border:0;color:#6b7388;padding:8px 10px;font-size:12px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .12s}.doc-tabel-acties .reset-btn:hover{background:#f0f2f6;color:#0f1420}.doc-tabel-acties .bewerkt-tag{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#a578ff;background:#a578ff14;border:1px solid rgba(165,120,255,.22);padding:4px 9px;border-radius:4px}@media(max-width:480px){.preview-regel-row{display:block;border-bottom:1px solid #e0e3ec;padding:8px 0}.preview-regel-row td{display:block;padding:3px 4px;border:none}.preview-regel-row td:first-child{display:flex;gap:6px;align-items:center}.preview-regel-row td:nth-child(2){padding:4px 0}.preview-regel-row td:nth-child(3){display:flex;justify-content:flex-end;align-items:center;gap:4px;padding-top:4px}.preview-regel-row td:nth-child(4){position:absolute;right:6px;margin-top:-32px}.preview-regel-row{position:relative}.prev-regel-aantal,.prev-regel-eenheid{width:60px}.prev-regel-oms{width:100%;font-size:14.5px}.prev-regel-totaal{width:96px}.doc-tabel thead{display:none}}.opt-title{font-family:var(--fh);font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.radio-col{display:flex;flex-direction:column;gap:5px}.radio-item{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:13px 14px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:11px;font-size:15px;font-family:var(--fb)}.radio-item:hover{border-color:var(--b2);background:var(--s2)}.radio-item.sel{border-color:var(--a);background:linear-gradient(160deg,#24c98a1a,#24c98a08);box-shadow:inset 0 0 0 1px #24c98a26}.radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--b1);flex-shrink:0;transition:all .1s}.radio-item.sel .radio-dot{border-color:var(--a);background:var(--a);box-shadow:0 0 0 3px var(--a-ring)}.check-item{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:13px 14px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:11px}.check-item:hover{border-color:var(--b2);background:var(--s2)}.check-item.sel{border-color:var(--a);background:linear-gradient(160deg,#24c98a1a,#24c98a08);box-shadow:inset 0 0 0 1px #24c98a26}.check-box{width:18px;height:18px;border-radius:5px;border:2px solid var(--b1);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .1s}.check-item.sel .check-box{border-color:var(--a);background:var(--a);color:#0a1510}.check-lbl{font-size:14px;font-family:var(--fb);flex:1}.check-prijs{font-family:var(--fm);font-size:12px;color:var(--t3);flex-shrink:0}.uren-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--t3);font-family:var(--fm);background:var(--s2);border:1px solid var(--b1);padding:5px 10px;border-radius:6px}.prijs-intern{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:14px 16px}.prijs-intern-label{font-family:var(--fh);font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.prijs-range{font-family:var(--fm);font-size:13px;color:var(--t2)}.prijs-tip{font-size:11px;color:var(--t3);margin-top:4px}.prijs-voorstel{background:var(--a-dim);border:1.5px solid var(--a-ring);border-radius:var(--r2);padding:16px}.prijs-voorstel-label{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--a);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.prijs-aanpas{display:flex;align-items:center;gap:14px;background:linear-gradient(160deg,var(--s1) 0%,rgba(28,31,38,.5) 100%);border:1px solid var(--b1);border-radius:var(--r2);padding:16px}.prijs-min-btn,.prijs-plus-btn{width:46px;height:46px;border-radius:50%;background:var(--s2);border:1.5px solid var(--b2);font-size:22px;color:var(--t1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;font-family:var(--fh);font-weight:800}.prijs-min-btn:hover,.prijs-plus-btn:hover{border-color:var(--a);color:var(--a);background:var(--s3);transform:scale(1.04)}.prijs-min-btn:active,.prijs-plus-btn:active{transform:scale(.96)}.prijs-display{flex:1;text-align:center;font-family:var(--fh);font-size:34px;font-weight:800;color:var(--t1);letter-spacing:-1.2px;line-height:1}.prijs-display-wrap{flex:1;display:flex;align-items:center;justify-content:center;gap:4px}.prijs-display-euro{font-family:var(--fh);font-size:34px;font-weight:800;color:var(--t1);letter-spacing:-1.2px;line-height:1;flex-shrink:0}.prijs-display-input{width:100%;max-width:160px;text-align:center;font-family:var(--fh);font-size:34px;font-weight:800;color:var(--t1);letter-spacing:-1.2px;line-height:1;background:transparent;border:none;border-bottom:1.5px dashed transparent;padding:2px 4px;outline:none;transition:border-color .15s;-moz-appearance:textfield}.prijs-display-input::-webkit-outer-spin-button,.prijs-display-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.prijs-display-input:focus{border-bottom-color:var(--a)}.prijs-display-input:hover{border-bottom-color:var(--b2)}.prijs-stap{font-size:11px;color:var(--t3);text-align:center;margin-top:4px}.prijs-klant-note{font-size:11px;color:var(--a);margin-top:10px;display:flex;align-items:center;gap:6px}.inst-blok{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r2);overflow:hidden}.inst-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;user-select:none}.inst-header-title{font-family:var(--fh);font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}.inst-header-sub{font-size:11px;color:var(--t3);margin-top:2px}.inst-chevron{font-size:13px;color:var(--t3);transition:transform .2s;flex-shrink:0}.inst-chevron.open{transform:rotate(180deg)}.inst-body{border-top:1px solid var(--b1);padding:16px;display:flex;flex-direction:column;gap:14px}.toggle-rij{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle-lbl{font-family:var(--fh);font-size:15px;font-weight:700}.toggle-sub{font-size:11px;color:var(--t3);margin-top:1px}.toggle-track{width:44px;height:26px;border-radius:13px;background:var(--b2);cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;border:none;padding:0}.toggle-track.on{background:var(--a)}.toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;pointer-events:none}.toggle-track.on .toggle-thumb{transform:translate(18px)}.inst-select-row{display:flex;flex-direction:column;gap:6px}.inst-select-label{font-family:var(--fh);font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.8px}.inst-select{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r);padding:11px 36px 11px 14px;font-size:14px;font-family:var(--fb);color:var(--t1);width:100%;outline:none;transition:border-color .12s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235c6480' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.inst-select:focus{border-color:var(--a)}.inst-select:disabled{opacity:.35;cursor:not-allowed}.inst-textarea{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r);padding:11px 14px;font-size:13px;font-family:var(--fb);color:var(--t1);width:100%;outline:none;transition:border-color .12s;resize:none;min-height:72px;line-height:1.6}.inst-textarea:focus{border-color:var(--a)}.inst-textarea::placeholder{color:var(--t3)}.inst-textarea:disabled{opacity:.35;cursor:not-allowed}.inst-preview{background:var(--s2);border-radius:var(--r);padding:12px 14px;border:1px solid var(--b1)}.inst-preview-label{font-family:var(--fh);font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.inst-preview-regel{font-size:11px;color:var(--t2);line-height:1.7}.zoek-wrap{position:relative}.zoek-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:15px;pointer-events:none}.zoek-inp{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:13px 14px 13px 42px;font-size:15px;font-family:var(--fb);color:var(--t1);width:100%;outline:none;transition:border-color .12s}.zoek-inp:focus{border-color:var(--a)}.zoek-inp::placeholder{color:var(--t3)}.klant-list{display:flex;flex-direction:column;gap:6px}.klant-item{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:12px}.klant-item:hover{border-color:var(--b2);background:var(--s2);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.klant-item.sel{border-color:var(--a);background:linear-gradient(160deg,#24c98a1a,#24c98a08)}.klant-item:active,.klant-item.sel{border-color:var(--a)}.klant-av{width:38px;height:38px;border-radius:8px;background:var(--s3);border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:16px;font-weight:800;color:var(--a);flex-shrink:0}.klant-naam{font-family:var(--fh);font-size:16px;font-weight:700}.klant-adr{font-size:11px;color:var(--t3);margin-top:2px}.klant-arr{margin-left:auto;color:var(--t3);font-size:16px}.nieuw-btn{background:transparent;border:1.5px dashed var(--b2);border-radius:var(--r);padding:14px;color:var(--t2);font-family:var(--fh);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-color .12s,color .12s}.nieuw-btn:active{border-color:var(--a);color:var(--a)}.doc-wrap{background:#fff;border-radius:var(--r2);padding:32px 28px;color:#0f1420;font-family:IBM Plex Sans,sans-serif;font-size:13.5px;box-shadow:0 1px 2px #0f14200a,0 24px 48px -16px #0f14202e,0 0 0 1px #0f14200a;position:relative}.doc-status{display:inline-flex;align-items:center;gap:5px;font-family:Barlow Condensed,sans-serif;font-size:9.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:#6b7388;background:#f0f2f6;padding:3px 9px;border-radius:3px;margin-bottom:6px}.doc-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#9aa0b4;display:inline-block}.doc-status.verzonden{color:#0e8a54;background:#24c98a1a}.doc-status.verzonden:before{background:#0e8a54}.doc-status.geaccepteerd{color:#0a6b3f;background:#24c98a2e}.doc-status.geaccepteerd:before{background:#0a6b3f}.doc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.doc-bedrijf{font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:900;color:#0f1420;letter-spacing:-.4px;line-height:1.1}.doc-kvk{font-size:10.5px;color:#6b7388;margin-top:4px;font-weight:500;letter-spacing:.2px}.doc-nr-wrap{text-align:right}.doc-nr-label{font-family:Barlow Condensed,sans-serif;font-size:9.5px;font-weight:800;color:#9aa0b4;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:3px}.doc-nr{font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:600;color:#0f1420;line-height:1.1}.doc-datum{font-size:11px;color:#6b7388;margin-top:5px;font-weight:500}.doc-lijn{height:1px;background:#e4e7ee;margin:0 0 22px;border:0}.doc-adressen{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.doc-van,.doc-aan{font-size:12px;color:#3a4258;line-height:1.7;background:#f8f9fb;border-radius:8px;padding:12px 14px;border:1px solid #eef0f4}.doc-adr-label{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:800;color:#9aa0b4;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}.doc-aan{background:linear-gradient(180deg,#24c98a0a,#24c98a03);border-color:#24c98a2e}.doc-onderwerp{font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:900;color:#0f1420;letter-spacing:-.5px;margin-bottom:14px;line-height:1.15;padding-bottom:12px;border-bottom:1px solid #eef0f4}.doc-desc{font-size:13px;color:#3a4258;line-height:1.7;background:#fafbfc;border-radius:8px;padding:14px 16px;margin-bottom:18px;border:1px solid #eef0f4}.doc-tabel{width:100%;border-collapse:collapse;margin-bottom:20px}.doc-tabel th{font-family:Barlow Condensed,sans-serif;font-size:10.5px;font-weight:800;color:#9aa0b4;text-transform:uppercase;letter-spacing:1.5px;padding:0 0 10px;text-align:left;border-bottom:1.5px solid #d4d8e0}.doc-tabel th:last-child{text-align:right}.doc-tabel td{font-size:13px;color:#0f1420;padding:11px 0;border-bottom:1px solid #f0f2f6;vertical-align:top}.doc-tabel tr:last-child td{border-bottom:none}.doc-tabel td:last-child{text-align:right;font-family:IBM Plex Mono,monospace;font-weight:600;color:#0f1420}.doc-totaal-blok{display:flex;justify-content:flex-end;margin-top:6px}.doc-totaal{width:280px;background:#fafbfc;border-radius:10px;padding:14px 16px;border:1px solid #eef0f4}.doc-totaal-rij{display:flex;justify-content:space-between;font-size:12.5px;color:#5c6480;padding:5px 0;font-family:IBM Plex Mono,monospace}.doc-totaal-rij span:first-child{font-family:IBM Plex Sans,sans-serif;font-weight:500}.doc-totaal-rij.eindtotaal{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:900;color:#0f1420;border-top:1.5px solid #d4d8e0;padding-top:12px;margin-top:8px;letter-spacing:-.3px}.doc-totaal-rij.eindtotaal span:first-child{font-family:Barlow Condensed,sans-serif;font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-size:14px;color:#3a4258}.doc-totaal-rij.eindtotaal span:last-child{font-family:IBM Plex Mono,monospace;color:#0f1420}.doc-voet{margin-top:24px;padding-top:18px;border-top:1px solid #eef0f4;font-size:11.5px;color:#6b7388;line-height:1.65}.doc-voet-regel{display:flex;align-items:baseline;gap:8px;padding:3px 0;line-height:1.55}.doc-voet-regel:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#cbd1de;flex-shrink:0;margin-top:6px}.doc-geldig{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e8f8f1,#d4f1dc);color:#0e8a54;padding:6px 12px;border-radius:20px;font-size:11.5px;font-weight:700;letter-spacing:.2px;margin-bottom:12px;border:1px solid rgba(14,138,84,.18);font-family:IBM Plex Sans,sans-serif}.doc-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;margin-bottom:10px;background:#fafbfc;border:1px solid #eef0f4;border-radius:10px}.doc-toggle-info{flex:1;min-width:0;line-height:1.4}.doc-toggle-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:15px;color:#0f1420;letter-spacing:-.2px}.doc-toggle-sub{font-size:12px;color:#5c6480;margin-top:3px;line-height:1.5}.doc-seg{display:inline-flex;flex-shrink:0;background:#eef0f4;border-radius:8px;padding:3px;border:1px solid #e4e7ee}.doc-seg-btn{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:13px;letter-spacing:.5px;padding:7px 14px;border-radius:6px;border:0;background:transparent;color:#6b7388;cursor:pointer;transition:all .12s ease;min-width:48px}.doc-seg-btn:hover{color:#0f1420}.doc-seg-btn.actief{background:#fff;color:#0f1420;box-shadow:0 1px 2px #0f142014,0 0 0 1px #0f14200a}.doc-seg-btn.warn.actief{color:#c97c14;box-shadow:0 1px 2px #c97c142e,0 0 0 1px #c97c1440}.doc-seg-btn.ok.actief{color:#0e8a54;box-shadow:0 1px 2px #0e8a542e,0 0 0 1px #0e8a5440}@media(max-width:520px){.doc-toggle{flex-direction:column;align-items:stretch;gap:12px}.doc-seg{align-self:stretch}.doc-seg-btn{flex:1}}.send-section{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r2);padding:16px;display:flex;flex-direction:column;gap:10px}.send-label{font-family:var(--fh);font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.wa-btn{background:#25d366;border:none;border-radius:var(--r);padding:16px;font-family:var(--fh);font-size:17px;font-weight:800;color:#fff;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .1s,opacity .1s;text-decoration:none}.wa-btn-dis{opacity:.45;pointer-events:none}.wa-btn:active{transform:scale(.98)}.wa-btn:disabled{opacity:.5}.email-btn{background:#1a6fcf;border:none;border-radius:var(--r);padding:15px;font-family:var(--fh);font-size:16px;font-weight:800;color:#fff;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s,opacity .1s}.email-btn:active{transform:scale(.98)}.email-btn:disabled{opacity:.5}.concept-btn{background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r);padding:13px;font-family:var(--fh);font-size:14px;font-weight:700;color:var(--t2);cursor:pointer;width:100%;transition:border-color .12s}.concept-btn:active{border-color:var(--a);color:var(--t1)}.wa-preview{background:var(--s2);border-radius:var(--r);padding:12px 14px}.wa-preview-label{font-size:10px;color:var(--t3);font-family:var(--fh);font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.wa-preview-tekst{font-size:12px;color:var(--t2);line-height:1.7;white-space:pre-line}.deel-rij{display:grid;grid-template-columns:1fr 1fr;gap:8px}.deel-wa{background:#25d366;border:none;border-radius:var(--r);padding:14px 10px;font-family:var(--fh);font-size:14px;font-weight:800;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .1s}.deel-wa:active{transform:scale(.97)}.deel-email{background:#1a6fcf;border:none;border-radius:var(--r);padding:14px 10px;font-family:var(--fh);font-size:14px;font-weight:800;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .1s}.deel-email:active{transform:scale(.97)}.suc{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px var(--p);text-align:center}.suc-ring{width:72px;height:72px;border-radius:50%;background:var(--a-dim);border:2px solid var(--a-ring);display:flex;align-items:center;justify-content:center;font-size:30px}.suc-title{font-family:var(--fh);font-size:26px;font-weight:800}.suc-card{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r2);padding:16px;width:100%}.suc-row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;border-bottom:1px solid var(--b1)}.suc-row:last-child{border-bottom:none}.suc-row-lbl{color:var(--t3)}.suc-row-val{font-family:var(--fm);font-weight:500}.suc-row-val.grn{color:var(--a)}.btn-prim{background:linear-gradient(135deg,#24c98a,#14935f);color:#02150b;border:none;border-radius:var(--r);padding:16px;width:100%;font-family:var(--fh);font-size:17px;font-weight:800;cursor:pointer;transition:transform .1s,box-shadow .15s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 20px #1eb87a47;letter-spacing:.2px}.btn-prim:hover{transform:translateY(-1px);box-shadow:0 12px 26px #1eb87a61}.btn-prim:active{transform:scale(.98);box-shadow:0 6px 14px #1eb87a40}.btn-prim:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-sec{background:var(--s2);color:var(--t1);border:1.5px solid var(--b1);border-radius:var(--r);padding:14px;width:100%;font-family:var(--fh);font-size:16px;font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-sec:hover{border-color:var(--b2);background:var(--s3)}.btn-sec:active{border-color:var(--a)}.inp-lbl{display:block;font-family:var(--fh);font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.inp{background:var(--s1);border:1.5px solid var(--b1);border-radius:var(--r);padding:13px 14px;font-size:15px;font-family:var(--fb);color:var(--t1);width:100%;outline:none;transition:all .15s}.inp:focus{border-color:var(--a);box-shadow:0 0 0 3px #24c98a26;background:var(--s2)}.inp:hover:not(:focus){border-color:var(--b2)}.inp::placeholder{color:var(--t3)}.ta{min-height:100px;resize:none;line-height:1.6}.dvd{display:flex;align-items:center;gap:10px;color:var(--t3);font-size:11px}.dvd:before,.dvd:after{content:"";flex:1;height:1px;background:var(--b1)}.api-fout{background:#e850501a;border:1px solid rgba(232,80,80,.3);border-radius:var(--r);padding:12px 14px;font-size:12px;color:#e85050;margin:0 var(--p) 10px;animation:toast-in .24s cubic-bezier(.2,.9,.3,1.2)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.98)}}.toast-fading{animation:toast-out .22s cubic-bezier(.4,0,.6,1) forwards!important;pointer-events:none}.laden{display:flex;align-items:center;justify-content:center;padding:32px;color:var(--t3);font-size:13px;gap:8px}.skel{background:linear-gradient(90deg,var(--s1) 0%,var(--s2) 50%,var(--s1) 100%);background-size:200% 100%;animation:skel-shimmer 1.6s infinite linear;border-radius:var(--r)}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.legal-wrap{position:fixed;inset:0;overflow-y:auto;background:var(--bg);color:var(--t1);font-family:var(--fb);font-size:15px;line-height:1.65;z-index:400}.legal-head{position:sticky;top:0;background:#0d1117e6;backdrop-filter:blur(10px);border-bottom:1px solid var(--b1);padding:16px 20px;z-index:2}.legal-terug{color:var(--t2);text-decoration:none;font-family:var(--fh);font-weight:700;font-size:14px}.legal-terug:hover{color:var(--a)}.legal-content{max-width:720px;margin:0 auto;padding:40px 22px 80px}.legal-titel{font-family:var(--fh);font-size:32px;font-weight:800;color:var(--t1);letter-spacing:-.5px;margin-bottom:8px}.legal-meta{color:var(--t3);font-size:13px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--b1)}.legal-content h2{font-family:var(--fh);font-size:20px;font-weight:700;color:var(--t1);margin:32px 0 12px;letter-spacing:-.2px}.legal-content p{color:var(--t2);margin-bottom:16px}.legal-content ul{color:var(--t2);margin:0 0 20px;padding-left:22px}.legal-content li{margin-bottom:6px}.legal-content strong{color:var(--t1);font-weight:700}.legal-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--b1);display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:13px}.legal-footer a{color:var(--a);text-decoration:none;font-weight:600}.legal-footer a:hover{text-decoration:underline}.legal-footer span{color:var(--t3)}.landing-legal{margin-top:20px;text-align:center;font-size:11px;color:#6b7388;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.landing-legal a{color:#9aa0b4;text-decoration:none}.landing-legal a:hover{color:#24c98a;text-decoration:underline}@media(min-width:900px){.landing-legal{text-align:left;justify-content:flex-start}}.leegstand{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 20px;margin:8px var(--p);background:linear-gradient(160deg,#1eb87a0f,#1eb87a05);border:1px dashed rgba(30,184,122,.25);border-radius:var(--r2)}.leegstand-ico{display:flex;align-items:center;justify-content:center;margin-bottom:14px;min-height:124px}.leegstand-ico:has(svg[width="28"]){width:56px;height:56px;min-height:auto;border-radius:14px;background:linear-gradient(135deg,#24c98a2e,#0e8a541f);border:1px solid rgba(36,201,138,.25);font-size:28px}.leegstand-titel{font-family:var(--fh);font-size:18px;font-weight:800;color:var(--t1);margin-bottom:6px}.leegstand-sub{font-size:13px;color:var(--t2);line-height:1.55;margin-bottom:16px;max-width:280px}.leegstand-cta{background:linear-gradient(135deg,#24c98a,#14935f);color:#02150b;border:none;border-radius:var(--r);padding:11px 22px;font-family:var(--fh);font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px #1eb87a40}.leegstand-cta:active{transform:translateY(1px)}.leegstand-tip{font-size:11px;color:var(--t3);margin-top:10px;line-height:1.5;max-width:280px}.landing{position:fixed;inset:0;width:100%;max-width:none;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(1200px 800px at 80% -10%,rgba(30,184,122,.18),transparent 60%),radial-gradient(900px 700px at 10% 110%,rgba(17,122,82,.14),transparent 55%),linear-gradient(160deg,#0d1117,#020617);display:flex;align-items:flex-start;justify-content:center}.landing-grid{display:flex;flex-direction:column;gap:14px;width:100%;max-width:380px;align-items:center;padding-top:4px}.landing-topbar{display:none}@media(min-width:900px){.landing-topbar{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:20px;right:24px;z-index:20;gap:10px}.landing-topbar a{font-family:var(--fh);font-size:14px;font-weight:700;color:#cbd1e0;text-decoration:none;padding:8px 16px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff0a;backdrop-filter:blur(10px);transition:all .15s}.landing-topbar a:hover{background:#24c98a26;border-color:#24c98a66;color:#fff}.landing-topbar a.primary{background:linear-gradient(135deg,#24c98a,#0e8a54);color:#02150b;border-color:transparent}.landing-topbar a.primary:hover{box-shadow:0 8px 20px #24c98a66}}.landing-hero{order:1;width:100%}.landing-side{order:2;width:100%}.landing-extra{order:3;width:100%;display:flex;flex-direction:column;gap:10px;align-items:stretch}.landing-hero{text-align:center;width:100%}.landing-logo-row{display:inline-flex;align-items:center;gap:10px;margin-bottom:10px}.landing-logo-ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#24c98a,#0e8a54);box-shadow:0 6px 22px #1eb87a59}.landing-logo-naam{font-family:var(--fh);font-size:24px;font-weight:800;color:#fff;letter-spacing:-.5px}.landing-titel{font-family:var(--fh);font-size:24px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.5px;margin-bottom:6px}.landing-titel .accent{color:#24c98a}.landing-sub{font-family:var(--fb);font-size:13px;color:#9aa0b4;line-height:1.5;margin-bottom:4px}.landing-titel-extra,.landing-sub-extra{display:none}.landing-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:4px}.landing-proof{font-size:11px;color:#6b7388;text-align:center;margin-top:12px;opacity:.85}.landing-chip{padding:6px 10px;font-size:11px}@media(min-width:900px){.landing{padding:24px;align-items:flex-start}.landing-grid{flex-direction:row;max-width:1040px;gap:80px;align-items:center;justify-content:space-between;padding-top:0;flex-wrap:wrap}.landing-hero{flex:1;text-align:left;max-width:520px;order:1}.landing-side{flex:0 0 420px;order:2}.landing-extra{order:3;flex:1 1 100%;max-width:none;margin-top:24px;align-items:flex-start}.landing-logo-row{margin-bottom:20px}.landing-logo-ico{width:48px;height:48px;border-radius:12px}.landing-logo-naam{font-size:28px}.landing-titel{font-size:46px;line-height:1.1;letter-spacing:-1px;margin-bottom:14px}.landing-sub{font-size:16px;margin-bottom:24px;line-height:1.55}.landing-chips{gap:10px;justify-content:flex-start;margin-bottom:8px}.landing-chip{padding:8px 12px;font-size:12px}.landing-proof{font-size:12px;text-align:left;margin-top:0}.landing-titel-extra,.landing-sub-extra{display:inline}}.landing-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:12px;color:#cbd1e0;font-weight:500}.landing-chip .ico{color:#24c98a;font-weight:700}.landing-flow{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:4px 0 10px;padding:12px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px}.landing-flow-stap{display:inline-flex;align-items:center;gap:6px;font-family:var(--fh);font-size:13px;font-weight:700;color:#cbd1e0}.landing-flow-stap .nr{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#24c98a,#0e8a54);color:#02150b;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.landing-flow-pijl{color:#6b7388;font-size:14px;font-weight:700}@media(min-width:900px){.landing-flow{justify-content:flex-start}}.landing-prijs{margin-top:10px;padding:10px 14px;background:#24c98a14;border:1px solid rgba(36,201,138,.22);border-radius:10px;font-size:13px;color:#cbd1e0;text-align:center;line-height:1.5}.landing-prijs strong{color:#24c98a;font-weight:700}@media(min-width:900px){.landing-prijs{text-align:left}}.glass-card{width:100%;max-width:420px;background:#111827b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 20px 60px #00000073;padding:28px 24px;display:flex;flex-direction:column;gap:18px}.glass-tabs{display:flex;background:#ffffff0a;border-radius:10px;padding:3px;gap:3px;border:1px solid rgba(255,255,255,.05)}.glass-tab{flex:1;border:none;background:transparent;border-radius:8px;padding:10px;font-family:var(--fh);font-size:14px;font-weight:700;color:#9aa0b4;cursor:pointer;transition:all .15s}.glass-tab.actief{background:#24c98a1f;color:#24c98a;box-shadow:inset 0 0 0 1px #24c98a40}.glass-inp-lbl{display:block;font-family:var(--fh);font-size:11px;font-weight:700;color:#7a8296;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px}.glass-inp{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;color:#fff;font-family:var(--fb);font-size:15px;outline:none;transition:all .15s}@media(max-width:768px){input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],input[type=url],input[type=date],input[type=datetime-local],textarea,select{font-size:16px!important}}.glass-inp::placeholder{color:#5c6480}.glass-inp:focus{border-color:#24c98a;box-shadow:0 0 0 3px #24c98a38;background:#ffffff0f}.glass-cta{background:linear-gradient(135deg,#24c98a,#14935f);color:#02150b;border:none;border-radius:12px;padding:14px;font-family:var(--fh);font-size:16px;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:transform .12s,box-shadow .15s;box-shadow:0 8px 24px #1eb87a4d}.glass-cta:hover{transform:translateY(-1px);box-shadow:0 10px 30px #1eb87a6b}.glass-cta:active{transform:translateY(0)}.glass-cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.glass-micro{font-size:12px;color:#7a8296;text-align:center;margin-top:4px}.glass-fout{font-size:13px;color:#ff8a8a;background:#e850501a;border:1px solid rgba(232,80,80,.25);padding:10px 12px;border-radius:8px}.landing-proof{margin-top:16px;text-align:center;font-size:12px;color:#6b7388}@media(min-width:900px){.landing-proof{text-align:left}}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-family:var(--fh);font-size:11px;font-weight:700;cursor:pointer;user-select:none;border:none;transition:opacity .1s}.status-badge:active{opacity:.7}.status-overlay{position:fixed;inset:0;z-index:300;background:#0000008c;display:flex;align-items:flex-end;justify-content:center}.status-sheet{width:100%;max-width:390px;background:var(--s1);border-radius:var(--r2) var(--r2) 0 0;padding:20px 16px 36px;border-top:1px solid var(--b1);display:flex;flex-direction:column;gap:4px}.status-sheet-klant{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--t1);margin-bottom:2px}.status-sheet-titel{font-family:var(--fh);font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px}.status-optie{padding:13px 14px;border-radius:var(--r);cursor:pointer;display:flex;align-items:center;gap:12px;font-family:var(--fh);font-size:16px;font-weight:700;transition:background .1s;border:none;background:transparent;width:100%;text-align:left}.status-optie:active{background:var(--s3)}.status-optie.huidig{background:var(--s2)}.status-optie-ico{font-size:15px;width:20px;text-align:center;flex-shrink:0}.dash-grid{display:flex;gap:7px;margin:0 var(--p) 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.dash-grid::-webkit-scrollbar{display:none}.dash-stat{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;background:var(--s1);border:1px solid var(--b1);border-radius:11px;padding:9px 12px;transition:all .15s;cursor:default}.dash-stat:hover{border-color:var(--b2);background:var(--s2)}.dash-val{font-family:var(--fh);font-size:16px;font-weight:800;line-height:1;letter-spacing:-.3px}.dash-lbl{font-size:11px;color:var(--t3);font-weight:600;line-height:1;display:inline-flex;align-items:center;gap:4px}.recent-klanten-sec{padding:4px var(--p) 14px}.recent-klanten-kop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.recent-klanten-titel{font-family:var(--fh);font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:1.2px}.recent-klanten-alle{font-size:11px;color:var(--t3);text-decoration:none;font-weight:600;cursor:pointer;background:none;border:none;padding:0}.recent-klanten-alle:hover{color:var(--a)}.recent-klanten-row{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.recent-klanten-row::-webkit-scrollbar{display:none}.klant-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;padding:4px 2px;width:64px;transition:transform .15s}.klant-chip:hover{transform:translateY(-2px)}.klant-chip-av{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#24c98a,#0e8a54);color:#02150b;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:18px;font-weight:800;letter-spacing:-.5px;box-shadow:0 3px 10px #24c98a33;border:2px solid rgba(255,255,255,.06)}.klant-chip-naam{font-size:11px;color:var(--t2);font-weight:600;text-align:center;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inst-nav{padding:0 var(--p) 0;display:flex;flex-direction:column;gap:8px}.inst-nav-btn{width:100%;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;font-family:var(--fh);font-size:15px;font-weight:700;color:var(--t1);transition:all .15s}.inst-nav-btn:hover{border-color:#24c98a59;background:var(--s2)}.inst-nav-btn:active{transform:scale(.99)}.inst-nav-btn-ico{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#24c98a26,#0e8a5414);border:1px solid rgba(36,201,138,.2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.inst-nav-arr{margin-left:auto;font-size:18px;color:var(--t3);transition:transform .15s,color .15s}.inst-nav-btn:hover .inst-nav-arr{color:#24c98a;transform:translate(2px)}.bedrijf-sectie-lbl{font-family:var(--fh);font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:1.2px;padding-bottom:2px;border-bottom:1px solid var(--b1)}.btn-saved{background:var(--a2)!important}.bedrijf-preview{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:13px 14px;margin-top:4px}.bedrijf-preview-lbl{font-family:var(--fh);font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.bedrijf-preview-tekst{font-size:12px;color:var(--t2);font-family:var(--fm);line-height:1.6}.off-pdf-pill{background:var(--s3);border:1px solid var(--b1);border-radius:5px;padding:2px 7px;font-family:var(--fh);font-size:10px;font-weight:700;color:var(--t3);cursor:pointer;flex-shrink:0;white-space:nowrap}.off-pdf-pill:active{border-color:var(--a);color:var(--a)}.regel-kaart{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.regel-inp-lbl{font-family:var(--fh);font-size:9px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px}.regel-inp{background:var(--s2);border:1.5px solid var(--b1);border-radius:6px;padding:9px 10px;font-size:13px;font-family:var(--fb);color:var(--t1);outline:none;width:100%;min-width:0;transition:border-color .12s;-moz-appearance:textfield;box-sizing:border-box}.regel-inp:focus{border-color:var(--a)}.regel-inp::placeholder{color:var(--t3)}.regel-inp::-webkit-inner-spin-button,.regel-inp::-webkit-outer-spin-button{-webkit-appearance:none}.regel-del{width:34px;height:34px;border-radius:6px;background:#e850501a;border:1px solid rgba(232,80,80,.25);color:#e85050;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;transition:background .1s}.regel-del:active{background:#e8505040}.regel-totaal{text-align:right;font-family:var(--fm);font-size:11px;color:var(--a);font-weight:500}.totaal-blok{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:14px 16px}.totaal-rij{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;color:var(--t2)}.totaal-rij.eindtotaal{font-family:var(--fh);font-size:16px;font-weight:800;color:var(--t1);border-top:1px solid var(--b1);padding-top:10px;margin-top:6px}.verwijder-btn{background:transparent;border:1.5px solid rgba(232,80,80,.35);border-radius:var(--r);padding:14px;font-family:var(--fh);font-size:15px;font-weight:700;color:#e85050;cursor:pointer;width:100%;transition:border-color .12s,background .12s}.verwijder-btn:active{background:#e8505014}.verwijder-bevestig{background:#e8505014;border:1.5px solid rgba(232,80,80,.3);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:12px}.verwijder-vraag{font-size:13px;color:var(--t2);line-height:1.5}.verwijder-ja{flex:1;background:#e85050;border:none;border-radius:var(--r);padding:13px;font-family:var(--fh);font-size:15px;font-weight:800;color:#fff;cursor:pointer;transition:opacity .1s}.verwijder-ja:active{opacity:.85}.verwijder-nee{flex:1;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r);padding:13px;font-family:var(--fh);font-size:15px;font-weight:700;color:var(--t2);cursor:pointer}.klant-kaart{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .12s}.klant-kaart:active{background:var(--s2)}.klant-av-lg{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--a2));flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:17px;font-weight:800;color:#fff}.klant-info-naam{font-family:var(--fh);font-size:15px;font-weight:700;color:var(--t1)}.klant-info-sub{font-size:12px;color:var(--t2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klant-info-adr{font-size:11px;color:var(--t3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klant-info-off{font-size:11px;color:var(--a);margin-top:3px}.klant-arr{color:var(--t3);font-size:16px;padding-left:4px;flex-shrink:0}.klant-leeg{text-align:center;padding:40px 20px;color:var(--t3);font-size:14px;line-height:1.6}.hdr-actie{background:var(--s2);border:1.5px solid var(--b1);border-radius:8px;padding:7px 13px;font-family:var(--fh);font-size:13px;font-weight:700;color:var(--a);cursor:pointer;white-space:nowrap}.product-kaart{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .12s}.product-kaart:active{background:var(--s2)}.product-ico{width:42px;height:42px;border-radius:10px;background:var(--s3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px}.product-info{flex:1;min-width:0}.product-naam{font-family:var(--fh);font-size:15px;font-weight:700;color:var(--t1)}.product-omschr{font-size:12px;color:var(--t2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-prijs-tag{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--a);white-space:nowrap;padding-left:4px;flex-shrink:0}.product-leeg{text-align:center;padding:40px 20px;color:var(--t3);font-size:14px;line-height:1.6}.prod-overlay{position:fixed;inset:0;background:#0000008c;z-index:200;display:flex;flex-direction:column;justify-content:flex-end}.prod-sheet{background:var(--s1);border-radius:18px 18px 0 0;padding:20px 16px 32px;max-height:72vh;display:flex;flex-direction:column;gap:10px}.prod-sheet-titel{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.prod-zoek{background:var(--s2);border:1px solid var(--b1);border-radius:10px;padding:10px 13px;font-size:14px;color:var(--t1);width:100%;box-sizing:border-box;font-family:var(--fm);outline:none}.prod-lijst{overflow-y:auto;display:flex;flex-direction:column;gap:6px;flex:1}.prod-item{background:var(--s2);border:1px solid var(--b1);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .1s}.prod-item:active{background:var(--b1)}.prod-item-naam{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--t1);flex:1}.prod-item-omschr{font-size:11px;color:var(--t2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prod-item-prijs{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--a);flex-shrink:0}.prod-item-leeg{text-align:center;padding:24px;color:var(--t3);font-size:13px}.regel-cat-btn{background:var(--s3);border:1px solid var(--b1);border-radius:8px;padding:0 10px;font-size:16px;cursor:pointer;height:38px;flex-shrink:0;color:var(--t2);display:flex;align-items:center;transition:background .1s}.regel-cat-btn:active{background:var(--b2)}.off-zoek-wrap{display:flex;align-items:center;gap:10px;background:var(--s1);border:1.5px solid var(--b1);border-radius:12px;padding:0 14px;margin-bottom:12px;transition:all .15s;position:relative}.off-zoek-wrap:hover{border-color:var(--b2);background:var(--s2)}.off-zoek-wrap.actief{border-color:var(--a);background:var(--s2);box-shadow:0 0 0 3px #24c98a1f}.off-zoek-ico{display:inline-flex;align-items:center;justify-content:center;color:var(--t3);flex-shrink:0;transition:color .15s}.off-zoek-wrap.actief .off-zoek-ico{color:var(--a)}.off-zoek-inp{flex:1;background:transparent;border:none;outline:none;padding:13px 0;font-family:var(--fb);font-size:14.5px;color:var(--t1);min-width:0}.off-zoek-inp::placeholder{color:var(--t3)}.off-zoek-wis{background:var(--s3);border:none;color:var(--t2);cursor:pointer;width:22px;height:22px;border-radius:50%;padding:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.off-zoek-wis:hover{background:var(--b2);color:var(--t1)}.off-zoek-wis:active{transform:scale(.92)}.off-zoek-teller{font-size:11px;color:var(--t3);font-weight:600;padding:0 6px;flex-shrink:0;white-space:nowrap}.off-pill-row{display:flex;gap:7px;padding:4px 0 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.off-pill-row::-webkit-scrollbar{display:none}.off-pill{border-radius:22px;padding:8px 14px;font-family:var(--fh);font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;border:1.5px solid;transition:all .15s;flex-shrink:0}.off-pill:hover{transform:translateY(-1px)}.off-pill .telling{font-size:11px;font-weight:700;opacity:.75;background:#ffffff14;padding:1px 6px;border-radius:10px;margin-left:1px}.off-pill-actief .telling{background:#00000026;opacity:.9}.off-datum-wrap{position:relative;margin-bottom:6px}.off-datum-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--t3);pointer-events:none;display:inline-flex;align-items:center;justify-content:center;transition:color .15s}.off-datum-chev{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--t3);pointer-events:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,color .15s}.off-datum-sel{width:100%;background:var(--s1);border:1.5px solid var(--b1);border-radius:12px;padding:12px 42px;font-family:var(--fb);font-size:14px;color:var(--t1);outline:none;cursor:pointer;transition:all .15s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none}.off-datum-sel:hover{border-color:var(--b2);background:var(--s2)}.off-datum-sel:focus,.off-datum-sel.actief{border-color:var(--a);background:var(--s2);box-shadow:0 0 0 3px #24c98a1f}.off-datum-sel.actief~.off-datum-ico,.off-datum-sel.actief~.off-datum-chev{color:var(--a)}.off-datum-sel option{background:var(--s1);color:var(--t1);font-family:var(--fb)}.off-filter-meta{display:flex;align-items:center;justify-content:space-between;margin:8px 0 4px;min-height:28px;gap:8px}.off-teller{font-size:12px;color:var(--t3);font-weight:500}.off-wis{display:inline-flex;align-items:center;gap:5px;background:#e850501a;border:1px solid rgba(232,80,80,.22);border-radius:20px;padding:5px 11px;font-family:var(--fh);font-size:11.5px;font-weight:700;color:#ff8585;cursor:pointer;transition:all .15s}.off-wis:hover{background:#e8505029;border-color:#e8505059}.off-wis:active{transform:scale(.96)}.off-leeg-filter{text-align:center;padding:28px 16px;color:var(--t3);font-size:13px;line-height:1.6;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r)}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:9000;padding:14px;pointer-events:none;animation:cookie-banner-in .32s cubic-bezier(.2,.9,.3,1.1)}.cookie-banner-inner{max-width:560px;margin:0 auto;pointer-events:auto;background:linear-gradient(160deg,var(--s1) 0%,rgba(28,31,38,.96) 100%);border:1px solid var(--b1);border-radius:var(--r2);padding:16px 18px;box-shadow:0 14px 50px #00000073,0 4px 14px #0003;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.cookie-banner-titel{font-family:var(--fh);font-size:15px;font-weight:800;color:var(--t1);letter-spacing:-.2px;margin-bottom:6px}.cookie-banner-tekst{font-size:12.5px;line-height:1.55;color:var(--t2);margin:0 0 14px}.cookie-banner-tekst a{color:var(--a);text-decoration:none;font-weight:600}.cookie-banner-tekst a:hover{text-decoration:underline}.cookie-banner-knoppen{display:flex;gap:8px;flex-wrap:wrap}.cookie-banner-btn{flex:1;min-width:140px;padding:10px 14px;border-radius:var(--r);border:1px solid var(--b1);font-family:var(--fb);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.cookie-banner-btn-prim{background:var(--a);border-color:var(--a);color:#0d1117;font-weight:700}.cookie-banner-btn-prim:hover{background:#2dd897;border-color:#2dd897;transform:translateY(-1px)}.cookie-banner-btn-prim:active{transform:translateY(0)}.cookie-banner-btn-sec{background:transparent;color:var(--t1)}.cookie-banner-btn-sec:hover{background:var(--s2);border-color:var(--b2)}@keyframes cookie-banner-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.cookie-banner{padding:10px}.cookie-banner-inner{padding:14px 16px}.cookie-banner-knoppen{flex-direction:column-reverse}.cookie-banner-btn{flex:initial;width:100%}}.cookie-settings-link{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;text-decoration:none}.cookie-settings-link:hover{color:var(--a);text-decoration:underline}.pwa-install-banner{position:fixed;right:14px;bottom:14px;z-index:8500;width:min(320px,calc(100vw - 28px));background:linear-gradient(160deg,var(--s1) 0%,rgba(28,31,38,.97) 100%);border:1px solid var(--b1);border-radius:var(--r2);padding:14px 14px 14px 16px;box-shadow:0 14px 40px #0006,0 4px 12px #0000002e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;gap:11px;animation:pwa-slide-in .35s cubic-bezier(.2,.9,.3,1.1)}.pwa-install-close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--t3);font-size:18px;line-height:1;cursor:pointer;padding:4px 7px;border-radius:6px;transition:all .12s}.pwa-install-close:hover{background:var(--s2);color:var(--t1)}.pwa-install-ico{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--a),var(--a2));display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-install-tekst{flex:1;min-width:0}.pwa-install-titel{font-family:var(--fh);font-size:14px;font-weight:800;color:var(--t1);letter-spacing:-.2px;line-height:1.25}.pwa-install-sub{font-size:12px;color:var(--t2);line-height:1.4;margin-top:2px}.pwa-install-btn{flex-shrink:0;padding:8px 14px;border-radius:8px;border:1px solid var(--a);background:var(--a);color:#0d1117;font-family:var(--fb);font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s}.pwa-install-btn:hover{background:#2dd897;border-color:#2dd897;transform:translateY(-1px)}.pwa-install-btn-sec{background:transparent;color:var(--t1);border-color:var(--b1);margin-top:10px;width:100%}.pwa-install-btn-sec:hover{background:var(--s2);border-color:var(--b2);transform:none}.pwa-install-ios-hulp{flex:1;min-width:0}.pwa-install-stappen{margin:6px 0 0 18px;padding:0;font-size:12.5px;line-height:1.55;color:var(--t2)}.pwa-install-stappen li{margin-bottom:3px}.pwa-install-stappen strong{color:var(--t1)}@keyframes pwa-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.pwa-install-banner{right:10px;bottom:10px;left:10px;width:auto}}