:root{--orange:#f0791f;--orange-75:#f49955;--orange-50:#f7b98b;--orange-30:#fad7bc;--peach:#ffede3;--cream:#fff8ef;--stone:#f7f6f4;--line:#e7e6e4;--grey:#c4c1bb;--ink:#000;--ink-2:#1a1a1a;--muted:#6b6863;--white:#fff;--green:#147816;--green-soft:#e3f1e3;--red:#c0321f;--red-soft:#fbe4e0;--f-head:"Montserrat", "Helvetica Neue", Arial, sans-serif;--f-body:"Sora", "Helvetica Neue", Arial, sans-serif;--r-kaart:26px;--schaduw:0 1px 2px #0000000a, 0 10px 30px -12px #0000001a;--schaduw-hoog:0 2px 4px #0000000d, 0 22px 44px -16px #0000002e;--arcering:repeating-linear-gradient(135deg, var(--line) 0 5px, var(--white) 5px 10px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:auto}body{background:var(--stone);min-height:100vh;color:var(--ink);font:14px/1.5 var(--f-body);-webkit-font-smoothing:antialiased}button,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.dot:after{content:".";color:var(--orange)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3{font-family:var(--f-head);margin:0}.kop{z-index:20;padding:calc(14px + env(safe-area-inset-top,0px)) 28px 14px;pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid;position:sticky;top:0}.kop>*{pointer-events:auto}.kop:before{content:"";z-index:-1;background:linear-gradient(var(--stone) 72%, transparent);pointer-events:none;position:absolute;inset:0 0 -14px}.kop-merk,.kop-nav nav,.kop-acties{background:var(--white);box-shadow:var(--schaduw);border-radius:999px}.kop-merk{justify-self:start;align-items:center;gap:12px;height:52px;padding:0 20px 0 18px;display:flex}.kop-merk img{width:auto;height:22px;display:block}.kop-merk .titel{font:700 15px var(--f-head);letter-spacing:-.01em;white-space:nowrap}.kop-nav nav{scrollbar-width:none;gap:2px;padding:5px;display:flex;overflow-x:auto}.kop-nav nav::-webkit-scrollbar{display:none}.kop-nav a{height:42px;font:600 13.5px var(--f-head);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 18px;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.kop-nav a:hover{color:var(--ink)}.kop-nav a.actief{color:var(--white)}.kop-nav .pil{background:var(--ink);border-radius:999px;position:absolute;inset:0}.kop-nav .tekst{position:relative}.kop-acties{justify-self:end;align-items:center;gap:6px;height:52px;padding:0 6px 0 16px;display:flex}.status{font:600 12.5px var(--f-head);color:var(--muted);align-items:center;gap:7px;margin-right:6px;display:inline-flex}.status i{background:var(--grey);border-radius:50%;width:8px;height:8px}.status.live,.status.polling{color:var(--ink)}.status.live i,.status.polling i{background:var(--green);animation:2s ease-in-out infinite zend}@keyframes zend{50%{opacity:.35}}.rond{background:var(--stone);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;transition:background-color .2s,color .2s;display:grid}.rond:hover,.rond[aria-expanded=true]{background:var(--ink);color:var(--white)}.qr-vak{position:relative}.qr-pop{text-align:center;background:var(--white);width:236px;box-shadow:var(--schaduw-hoog);transform-origin:100% 0;border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:18px;display:flex;position:absolute;top:calc(100% + 12px);right:-6px}.qr-pop svg{border-radius:8px;margin-bottom:8px;display:block}.qr-pop b{font:700 14px var(--f-head)}.qr-pop span{color:var(--muted);font-size:12px;line-height:1.4}.qr-pop code{background:var(--stone);font:500 11px var(--f-body);color:var(--muted);letter-spacing:.04em;border-radius:999px;margin-top:6px;padding:3px 10px}.indeling{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:28px;max-width:1680px;margin:0 auto;padding:10px 28px 48px;display:grid}.telefoon-kolom{flex-direction:column;align-items:center;gap:12px;height:calc(100vh - 112px);min-height:520px;display:flex;position:sticky;top:92px}.telefoon-vak{flex:1;justify-content:center;width:100%;min-height:0;display:flex}.telefoon{transform-origin:0 0;background:var(--ink);border-radius:54px;padding:12px;box-shadow:0 2px 6px #00000014,0 40px 70px -34px #0000006b}.telefoon iframe{background:var(--white);border:0;border-radius:42px;display:block}.telefoon-kolom .onder{color:var(--muted);margin:0;font-size:12px}.dash{flex-direction:column;gap:28px;min-width:0;display:flex;container-type:inline-size}.sectie{flex-direction:column;gap:24px;scroll-margin-top:92px;display:flex}.rij-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.rij-2.overzicht{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.rij-2.verkoop{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.blok{flex-direction:column;min-width:0;display:flex}.blok-binnen{background:var(--white);border-radius:var(--r-kaart);min-width:0;box-shadow:var(--schaduw);flex:1;padding:26px 28px 28px;transition:transform .25s;position:relative}.blok-binnen:after{content:"";border-radius:inherit;box-shadow:var(--schaduw-hoog);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.blok-binnen:hover{transform:translateY(-4px)}.blok-binnen:hover:after{opacity:1}.paneel{flex-direction:column;gap:18px;display:flex;container-type:inline-size}.paneel>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.paneel h2{letter-spacing:-.01em;align-items:center;gap:12px;font-size:17px;font-weight:700;display:flex}.rondje{background:var(--stone);width:38px;height:38px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.paneel h3{font:600 11.5px var(--f-head);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:12px}.kopzin{font:500 19px/1.4 var(--f-head);letter-spacing:-.01em;color:var(--ink-2);text-wrap:pretty;margin:0}.kopzin b{color:var(--ink);font-weight:700}.kopzin .livechip{vertical-align:3px;margin-left:8px}.voet{color:var(--muted);margin:12px 0 0;font-size:11.5px}.teller{font:700 12px var(--f-head);background:var(--stone);border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:26px;padding:0 10px;display:inline-flex}.kiezer select{background:var(--stone) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;appearance:none;height:38px;font:600 13px var(--f-head);cursor:pointer;border:0;border-radius:999px;padding:0 36px 0 16px}.kiezer select:hover{background-color:var(--line)}.kiezer.klein select{background-position:right 12px center;height:32px;padding:0 32px 0 13px;font-size:12px}.livechip{height:22px;font:700 11px var(--f-head);color:var(--white);background:var(--orange);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;display:inline-flex}.delta{height:24px;font:600 12px var(--f-head);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;display:inline-flex}.delta.op{color:var(--green);background:var(--green-soft)}.delta.af{color:var(--red);background:var(--red-soft)}.delta.gelijk{color:var(--muted);background:var(--stone)}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.kpi{flex-direction:column;gap:10px;padding:22px;display:flex;overflow:hidden}.kpi .lbl{font:500 12.5px var(--f-head);color:var(--muted);align-items:center;gap:7px;display:flex}.kpi .getalrij{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.groot{font-family:var(--f-head);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:300}.kpi .groot{font-size:38px;line-height:1.05}.tik{transform-origin:0;display:inline-block}.kpi .sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;font-size:12px;display:flex}.kpi.live .lbl svg{color:var(--orange)}.gloed{border-radius:inherit;box-shadow:inset 0 0 0 2px var(--orange), 0 0 0 4px var(--orange-30);opacity:0;pointer-events:none;animation:1.6s ease-out gloed;position:absolute;inset:0}@keyframes gloed{15%{opacity:1}to{opacity:0}}.optin .meter-vak{width:100%;max-width:230px;margin:2px auto 0;position:relative}.meter{width:100%;height:auto;display:block;overflow:visible}.meter .baan,.meter .boog{fill:none;stroke-width:16px}.meter .baan{stroke:var(--stone)}.meter .boog{stroke:var(--orange);transform-box:view-box;transform-origin:100px 100px;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.meter-getal{justify-content:center;display:flex;position:absolute;bottom:-2px;left:0;right:0}.optin .groot{font-size:30px;line-height:1}.optin .tik{transform-origin:50%}.optin .sub{justify-content:center}.optin .meter-vak{max-width:200px}.held{background:var(--orange);color:var(--ink);flex-direction:column;gap:10px;min-height:300px;display:flex}.held-lbl{font:600 14px var(--f-head);align-items:center;gap:12px;display:flex}.rondje.licht{background:#fff6}.held-getal{flex-wrap:wrap;align-items:baseline;gap:12px;margin:auto 0 0;display:flex}.held-getal .groot{font-size:84px;line-height:.95}.held-getal .eenheid{font:600 22px var(--f-head);letter-spacing:-.01em}.held-getal .livechip{background:var(--ink);align-self:center}.held-sub{font:500 16px/1.45 var(--f-head);max-width:34ch;margin:0}.held-sub b{font-weight:700}.pilknop{height:44px;font:600 14px var(--f-head);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:10px;padding:0 20px;transition:transform .2s;display:inline-flex}.pilknop.wit{background:var(--white);color:var(--ink)}.pilknop:hover{transform:translate(3px)}.balken,.funnel,.feed,.planten{margin:0;padding:0;list-style:none}.balken{flex-direction:column;gap:12px;display:flex}.balken .rij{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.balken .lbl{align-items:center;gap:8px;min-width:0;font-size:13.5px;font-weight:500;display:flex}.balken .lbl em{color:var(--muted);font-size:11.5px;font-style:normal;font-weight:400;display:block}.balken .val{align-items:center;gap:8px;display:flex}.balken .val b{font:600 15px var(--f-head);font-variant-numeric:tabular-nums}.spoor{background:var(--stone);border-radius:999px;height:10px;margin-top:7px;overflow:hidden}.spoor .vul{background:var(--orange-30);border-radius:999px;height:100%;transition:transform 1s cubic-bezier(.16,1,.3,1)}.balken.vol .vul,.balken li.eerste .vul,.balken li.live .vul{background:var(--orange)}.swatch{border:1px solid #0000002e;border-radius:50%;flex:none;width:14px;height:14px}.swatch.onbekend{background:var(--arcering)}.tabelvak{background:var(--stone);border-radius:20px;padding:6px 18px;overflow-x:auto}.filialen{border-collapse:collapse;border:0 solid #0000;width:100%;font-size:13px}.filialen th{font:600 10.5px var(--f-head);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:10px 0 8px}.filialen td{vertical-align:middle;border-top:1px solid #0000000f;padding:10px 0}.filialen td b{font-size:13px;font-weight:600;line-height:1.3;display:block}.filialen td span{color:var(--muted);font-size:11px;display:block}.filialen .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:12px}.filialen td.n{font:600 14px var(--f-head)}.filialen .verzilverd{align-items:center;gap:8px;color:var(--ink)!important;font-size:14px!important;display:inline-flex!important}.filialen .conv{background:var(--white);border-radius:999px;align-items:center;height:20px;padding:0 7px;font:600 10.5px var(--f-head)!important;color:var(--muted)!important;display:inline-flex!important}.filialen tr.live td{background:var(--peach)}.filialen tr.live td:first-child{border-radius:12px 0 0 12px;padding-left:10px}.filialen tr.live td:last-child{border-radius:0 12px 12px 0;padding-right:10px}.feed-paneel .feed{max-height:340px}.feed{flex-direction:column;gap:8px;margin:0 -6px;padding:2px 6px 6px;display:flex;overflow-y:auto}.feed li{background:var(--cream);border-radius:16px;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 14px;display:grid;position:relative}.feed li:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--orange), 0 0 18px 2px var(--orange-30);opacity:0;pointer-events:none;position:absolute;inset:0}.feed li.nieuw:after{animation:1.8s ease-out gloed}.feed .stip{background:var(--orange);border-radius:50%;width:8px;height:8px;margin-top:6px}.feed b{font:700 13.5px var(--f-head);align-items:center;gap:6px;display:flex}.feed b svg{color:var(--muted);flex:none}.feed div span{color:var(--muted);overflow-wrap:anywhere;font-size:12px;display:block}.feed time{background:var(--white);height:22px;font:500 11px var(--f-body);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:0 9px;display:inline-flex}.leeg{background:var(--cream);color:var(--ink-2);border-radius:18px;margin:0;padding:18px 20px;font-size:13px}.vv-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.8fr);gap:32px;display:grid}.maanden-kop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.maanden-kop h3{margin:0}.maanden{--kop:34px;gap:8px;height:230px;display:flex}.maanden .kolom{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.maanden .schacht{flex:1;width:100%;max-width:46px;position:relative;overflow:hidden}.maanden .mover{transition:transform 1s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.maanden .staaf{background:var(--arcering);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px 12px 0 0;position:absolute;inset:0}.maanden .kolom.live .staaf{background:repeating-linear-gradient(135deg, var(--orange-30) 0 5px, var(--white) 5px 10px);box-shadow:inset 0 0 0 1px var(--orange-30)}.maanden .kolom.piek .staaf{background:var(--orange);box-shadow:none}.maanden .w,.maanden .bubbel{font:600 12px var(--f-head);font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%}.maanden .w{color:var(--muted)}.maanden .bubbel{background:var(--ink);color:var(--white);border-radius:999px;padding:3px 8px}.maanden .m{color:var(--muted);font-size:12px}.kaart-paneel .kaart{flex-direction:column;flex:1;justify-content:center;display:flex}.kaart svg{width:100%;height:auto;max-height:520px;display:block}.kaart path{stroke:var(--white);stroke-width:1.6px;stroke-linejoin:round}.kaart path.hover{stroke:var(--ink);stroke-width:2.4px}.kaart path.live{stroke:var(--ink);stroke-width:2.6px}.kaart .getal{font:700 15px var(--f-head);fill:var(--ink)}.kaart .naam{font:500 10px var(--f-body);fill:var(--ink-2)}.kaart .ping{fill:var(--orange);stroke:var(--white);stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite ping}@keyframes ping{0%{transform:scale(.7)}50%{transform:scale(1.25)}to{transform:scale(.7)}}.legenda{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px;font-size:11.5px;display:flex}.legenda span{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.legenda i{border-radius:999px;width:18px;height:10px}.legenda .eenheid{margin-left:auto}.funnel{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.stap-vak{align-items:stretch;min-width:0;display:flex;position:relative}.stap-vak+.stap-vak{padding-left:46px}.stap{background:var(--stone);border-radius:20px;flex-direction:column;flex:1;gap:8px;min-width:0;padding:18px 20px;display:flex}.stap-vak.live .stap{background:var(--peach)}.stap .lbl{font:600 13.5px var(--f-head)}.stap .val{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stap .groot{font-size:34px;line-height:1.05}.stap .spoor{background:var(--white)}.stap .vul{background:var(--orange-50)}.stap-vak:first-child .vul,.stap-vak.live .vul{background:var(--orange)}.conversie{color:var(--muted);font-size:12px}.overgang{z-index:1;background:var(--ink);height:28px;color:var(--white);font:600 11.5px var(--f-head);white-space:nowrap;box-shadow:0 0 0 4px var(--white);border-radius:999px;align-items:center;gap:1px;padding:0 9px 0 5px;display:inline-flex;position:absolute;top:50%;left:23px;translate:-50% -50%}.col-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.planten{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.planten>li{background:var(--stone);border-radius:18px;padding:14px 16px}.planten>li.live{background:var(--peach)}.planten .rij{justify-content:space-between;align-items:baseline;display:flex}.planten .rij b{font:700 15px var(--f-head)}.planten .rij span{color:var(--muted);font-size:12px}.soorten{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.soorten span{background:var(--white);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;display:inline-flex}.soorten span svg{color:var(--green)}.soorten em{color:var(--muted);font-size:11.5px;font-style:normal}.soorten span.live{box-shadow:inset 0 0 0 1.5px var(--orange)}.voetnoot{color:var(--muted);flex-direction:column;gap:4px;padding:4px 6px 0;font-size:12px;display:flex}.voetnoot p{margin:0}.voetnoot p:first-child{color:var(--ink-2);font-weight:600}@container (width<=1100px){.vv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vv-grid>:first-child{grid-column:1/-1}}@container (width<=880px){.rij-2,.rij-2.overzicht,.rij-2.verkoop{grid-template-columns:minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.held{min-height:0}}@container (width<=640px){.funnel{grid-template-columns:minmax(0,1fr)}.stap-vak+.stap-vak{padding:40px 0 0}.overgang{top:20px;left:50%}.overgang svg{rotate:90deg}}@container (width<=560px){.col-grid,.vv-grid{grid-template-columns:minmax(0,1fr);gap:24px}}@media (width<=1240px){.indeling{grid-template-columns:340px minmax(0,1fr);gap:24px}.kop-nav a{padding:0 13px}}@media (width<=899px){.kop{padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"merk acties""nav nav";gap:10px}.kop-merk{grid-area:merk;height:46px;padding:0 14px}.kop-merk .titel{font-size:13.5px}.kop-acties{grid-area:acties;gap:4px;height:46px;padding:0 4px 0 12px}.kop-nav{grid-area:nav;min-width:0}.kop-nav nav{width:100%}.kop-nav a{height:38px;padding:0 14px;font-size:13px}.rond{width:36px;height:36px}.status{gap:0;margin-right:2px;font-size:0}.status i{width:9px;height:9px}.indeling{grid-template-columns:minmax(0,1fr);gap:18px;padding:6px 16px 32px}.telefoon-kolom{display:none}.dash,.sectie{gap:16px}.sectie{scroll-margin-top:128px}.rij-2{gap:16px}.kpis{gap:12px}.blok-binnen{border-radius:22px;padding:18px}.kpi .groot{font-size:32px}.optin .groot{font-size:26px}.held-getal .groot{font-size:60px}.held-getal .eenheid{font-size:18px}.kopzin{font-size:16.5px}.tabelvak{padding:4px 12px}.filialen{font-size:12px}.filialen th{letter-spacing:.03em;font-size:9px}.filialen td b{font-size:12.5px}.filialen .n{padding-left:6px}.filialen .verzilverd{flex-direction:column;align-items:flex-end!important;gap:3px!important}.feed-paneel .feed{max-height:380px}}@media (width<=420px){.kop-merk .titel{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.blok-binnen:hover{transform:none}}