:root{--bg:#050b0f;--paneel:#081116;--kaart:#0b1319;--kaart2:#0e171e;--veld:#050d12;--rand:#ffffff16;--rand2:#ffffff29;--t1:#e9edef;--t2:#93a0a7;--t3:#5f6c75;--goud:#ffd02e;--goud-d:#c9a11c;--goud-z:#ffd02e1a;--groen:#02893d;--groen-h:#22c55e;--groen-z:#22c55e1f;--rood:#b02522;--rood-h:#e5484d;--rood-z:#e5484d24;--oranje:#e8890c;--blauw:#2e7dd1;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--nav-b:194px;--top-h:78px;--r:10px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--t1);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.top{height:var(--top-h);flex:none;align-items:center;gap:10px;padding:0 12px;display:flex}.ham{border-radius:var(--r);background:var(--kaart);border:1px solid var(--rand2);place-items:center;gap:5px;width:70px;height:56px;padding:0 18px;display:grid}.ham i{background:var(--t1);border-radius:2px;width:100%;height:3px;display:block}.top-pil{border-radius:var(--r);border:1.5px solid var(--rand2);background:var(--kaart);letter-spacing:.02em;white-space:nowrap;height:56px;color:var(--t1);align-items:center;gap:12px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex}.top-pil.goud{border-color:var(--goud);color:var(--goud)}.top-pil.groen{border-color:var(--groen-h);color:var(--groen-h)}.top-pil.aan{background:var(--goud);border-color:var(--goud);color:#150f00}.top-pil small{opacity:.7;font-size:14px;font-weight:500}.top-zoek{border-radius:var(--r);background:var(--kaart);border:1px solid var(--rand);flex:1;align-items:center;gap:10px;min-width:160px;height:56px;padding:0 20px;display:flex}.top-zoek input{color:var(--t1);background:0 0;border:none;outline:none;flex:1;font-size:16px}.top-zoek input::placeholder{color:var(--t3)}.romp{flex:1;min-height:0;display:flex;overflow:hidden}.zij{width:var(--nav-b);background:var(--paneel);flex-direction:column;flex:none;display:flex;overflow:hidden}.zij-lijst{flex:1;min-height:0;padding:2px 0;overflow-y:auto}.zij-item{height:58px;color:var(--t2);border-bottom:1px solid #ffffff0d;border-left:4px solid #0000;align-items:center;gap:12px;padding:0 16px;font-size:15px;display:flex}.zij-item:hover{color:var(--t1);background:#ffffff08}.zij-item.aan{color:var(--goud);border-left-color:var(--goud);background:var(--goud-z);font-weight:600}.zij-voet{flex:none;padding:14px 16px 12px}.zij-merk{letter-spacing:.16em;font-size:26px;font-weight:800;line-height:1}.zij-merk span{color:var(--groen-h)}.zij-slogan{letter-spacing:.09em;color:var(--t3);text-transform:uppercase;margin-top:5px;font-size:8.5px}.zij-status{color:var(--t2);align-items:center;gap:8px;margin-top:14px;font-size:12.5px;display:flex}.zij-status i{background:var(--groen-h);border-radius:50%;flex:none;width:9px;height:9px}.zij-status b{color:var(--groen-h);margin-left:auto;font-size:12px;font-weight:600}.zij-versie{color:var(--t3);font-size:11px;font-family:var(--mono);margin-top:10px}.werk{flex-direction:column;flex:1;min-width:0;padding:0 12px 12px;display:flex;overflow:hidden}.werkvlak{flex:1;min-height:0;padding-right:2px;overflow-y:auto}.kop-rij{flex:none;align-items:center;gap:14px;padding:10px 4px 6px;display:flex}.kop{letter-spacing:.01em;color:var(--goud);margin:0;font-size:30px;font-weight:800}.kop.wit{color:var(--t1)}.kop-rij .rechts{gap:10px;margin-left:auto;display:flex}.tabs{border-bottom:1px solid var(--rand);flex-wrap:wrap;flex:none;gap:22px;margin-bottom:12px;padding:6px 4px 12px;display:flex}.tab{color:var(--t2);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:6px 0 8px;font-size:14.5px;display:inline-flex}.tab:hover{color:var(--t1)}.tab.aan{color:var(--goud);border-bottom-color:var(--goud);font-weight:600}.pil-tabs{flex-wrap:nowrap;flex:none;gap:7px;padding:4px 4px 14px;display:flex;overflow-x:auto}.pil-tab{white-space:nowrap;background:var(--kaart);border:1px solid var(--rand);letter-spacing:.03em;height:38px;color:var(--t2);border-radius:8px;flex:none;align-items:center;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.pil-tab.aan{background:var(--goud);border-color:var(--goud);color:#150f00}.raster{gap:10px;display:grid}.r2{grid-template-columns:repeat(2,minmax(0,1fr))}.r3{grid-template-columns:repeat(3,minmax(0,1fr))}.r4{grid-template-columns:repeat(4,minmax(0,1fr))}.r5{grid-template-columns:repeat(5,minmax(0,1fr))}.kaart{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);flex-direction:column;min-width:0;padding:13px 13px 14px;display:flex}.kaart-kop{color:var(--goud);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 9px;font-size:14.5px;font-weight:700;display:flex}.kaart-kop .mee{color:var(--t3);text-transform:none;margin-left:auto;font-size:12px;font-weight:500}.rij{min-height:31px;color:var(--t2);align-items:center;gap:9px;font-size:13px;display:flex}.rij>span:first-child{flex:auto;min-width:0}.rij .veld{flex:none;width:172px;min-width:0;max-width:172px}.r3 .rij .veld,.r4 .rij .veld{width:148px;max-width:148px}.r3 .rij,.r4 .rij{gap:7px}.rij .veld-vast{flex:none}.rij .w{color:var(--t1)}.rij .n{font-family:var(--mono);color:var(--t1);font-variant-numeric:tabular-nums}.rij+.rij{border-top:1px solid #ffffff0a}.veld{background:var(--veld);border:1px solid var(--rand2);min-width:150px;max-width:100%;height:32px;color:var(--t1);border-radius:6px;outline:none;width:auto;padding:0 10px;font-size:13.5px}.veld:focus{border-color:var(--goud)}select.veld{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--t2) 50%),linear-gradient(135deg,var(--t2) 50%,transparent 50%);cursor:pointer;background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px}.veld-vast{text-align:right;min-width:0;font-family:var(--mono);color:var(--t1);font-size:13.5px}.schakel{cursor:pointer;background:#39434a;border:none;border-radius:12px;flex:none;width:44px;height:23px;transition:background .15s;position:relative}.schakel i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2.5px;left:2.5px}.schakel.aan{background:var(--groen-h)}.schakel.aan i{transform:translate(21px)}.schakel-tekst{white-space:nowrap;min-width:76px;font-size:12px}.schakel-tekst.aan{color:var(--groen-h)}.schakel-tekst.uit{color:var(--t3)}.knop{background:var(--kaart2);border:1px solid var(--rand2);height:40px;color:var(--t1);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.knop:hover{border-color:var(--rand2);background:#131e26}.knop.vol{width:100%}.knop.goud{background:var(--goud);border-color:var(--goud);color:#150f00}.knop.groen{background:var(--groen);border-color:var(--groen);color:#fff}.knop.rood{background:var(--rood);border-color:var(--rood);color:#fff}.knop.rood-lijn{border-color:var(--rood-h);color:var(--rood-h);background:0 0}.knop.groot{height:52px;font-size:16px}.kaart .knop.onder{margin-top:auto}.merkje{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;align-items:center;height:24px;padding:0 10px;font-size:11.5px;font-weight:700;display:inline-flex}.merkje.groen{background:var(--groen-z);color:var(--groen-h)}.merkje.goud{background:var(--goud-z);color:var(--goud)}.merkje.rood{background:var(--rood-z);color:var(--rood-h)}.merkje.grijs{color:var(--t2);background:#ffffff12}.stip{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.stip.groen{background:var(--groen-h)}.stip.rood{background:var(--rood-h)}.stip.oranje{background:var(--oranje)}.stip.grijs{background:var(--t3)}table.tab-lijst{border-collapse:collapse;width:100%;font-size:13.5px}table.tab-lijst th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--rand);padding:8px 10px;font-size:11px;font-weight:600}table.tab-lijst td{color:var(--t2);border-bottom:1px solid #ffffff0d;padding:11px 10px}table.tab-lijst td b{color:var(--t1);font-weight:600}table.tab-lijst td.n{font-family:var(--mono);text-align:right;color:var(--t1);font-variant-numeric:tabular-nums}.kpi{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);padding:14px 16px}.kpi em{letter-spacing:.1em;text-transform:uppercase;color:var(--t3);font-size:11px;font-style:normal;display:block}.kpi b{font-variant-numeric:tabular-nums;margin-top:6px;font-size:28px;font-weight:800;display:block}.kpi i{font-size:12.5px;font-style:normal;font-family:var(--mono)}.kpi i.op{color:var(--groen-h)}.kpi i.af{color:var(--rood-h)}.balkje{background:#ffffff17;border-radius:4px;height:7px;overflow:hidden}.balkje i{background:var(--groen-h);height:100%;display:block}.balkje i.oranje{background:var(--oranje)}.balkje i.rood{background:var(--rood-h)}.balkje i.goud{background:var(--goud)}.tegels{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.tegel{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);text-align:center;flex-direction:column;display:flex;position:relative;overflow:hidden}.tegel:hover{border-color:var(--goud)}.tegel-naam{color:var(--t1);padding:9px 8px 4px;font-size:13.5px}.tegel-beeld{background-position:50%;background-repeat:no-repeat;background-size:contain;height:96px}.tegel-voet{justify-content:space-between;align-items:center;gap:6px;padding:6px 9px 9px;display:flex}.tegel-prijs{font-family:var(--mono);color:var(--t1);font-size:13.5px}.tegel-plus{background:var(--goud);color:#150f00;border-radius:6px;flex:none;place-items:center;width:28px;height:26px;font-size:17px;font-weight:700;line-height:1;display:grid}.tegel.op{opacity:.45}.tegel.op .tegel-naam{text-decoration:line-through}.bon{background:var(--paneel);border:1px solid var(--rand);border-radius:var(--r);flex-direction:column;flex:none;width:366px;margin:0 0 12px;display:flex;overflow:hidden}.bon-kop{flex:none;align-items:center;padding:14px 16px 10px;display:flex}.bon-kop h2{color:var(--goud);letter-spacing:.01em;margin:0;font-size:20px;font-weight:800}.bon-kop .weg{color:var(--t2);margin-left:auto}.bon-kolommen{letter-spacing:.09em;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--rand);grid-template-columns:16px minmax(0,1fr) 72px 50px 54px 14px;gap:4px;padding:6px 14px;font-size:10.5px;display:grid}.bon-lijst{flex:1;min-height:0;padding:0 14px;overflow-y:auto}.bon-regel{border-bottom:1px solid #ffffff0d;grid-template-columns:16px minmax(0,1fr) 72px 50px 54px 14px;align-items:center;gap:4px;padding:12px 0;display:grid}.bon-regel .nr{color:var(--t3);font-family:var(--mono);font-size:13px}.bon-regel b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.bon-regel em{color:var(--t2);font-size:12.5px;font-style:normal;display:block}.bon-regel .n{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;font-size:12.5px}.aantal{align-items:center;gap:4px;display:flex}.aantal button{background:#ffffff14;border-radius:6px;place-items:center;width:23px;height:23px;font-size:15px;line-height:1;display:grid}.aantal button.plus{background:var(--groen);color:#fff}.aantal span{text-align:center;min-width:16px;font-family:var(--mono);font-size:14px}.bon-toevoegen{border:1px dashed var(--rand2);width:100%;height:44px;color:var(--t2);border-radius:8px;justify-content:center;align-items:center;gap:9px;margin:12px 0;font-size:13.5px;display:flex}.bon-totaal{border-top:1px solid var(--rand);flex:none;padding:14px 16px 16px}.bon-totaal .r{color:var(--t2);justify-content:space-between;padding:4px 0;font-size:14.5px;display:flex}.bon-totaal .r.korting{color:var(--groen-h)}.bon-totaal .r span:last-child{font-family:var(--mono);font-variant-numeric:tabular-nums}.bon-totaal .streep{border-top:1px dashed var(--rand2);margin:10px 0}.bon-totaal .eind{justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.bon-totaal .eind b{letter-spacing:.02em;font-size:22px;font-weight:800}.bon-totaal .eind i{font-variant-numeric:tabular-nums;font-size:30px;font-style:normal;font-weight:800}.bon-leeg{text-align:center;color:var(--t3);padding:38px 16px;font-size:13.5px}.betaalkolom{flex-direction:column;flex:none;gap:8px;width:264px;margin-bottom:12px;display:flex}.betaal-groot{border-radius:var(--r);background:var(--groen);color:#fff;letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:150px;font-size:22px;font-weight:800;display:flex}.betaal-groot small{background:#ffffff2e;border-radius:5px;padding:3px 10px;font-size:13px;font-weight:700}.betaal-rij{border-radius:var(--r);background:var(--kaart);border:1px solid var(--rand);align-items:center;gap:12px;height:56px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.betaal-rij .fk{color:var(--t3);font-size:13px;font-family:var(--mono);margin-left:auto}.betaal-rij.rood{background:var(--rood);border-color:var(--rood);color:#fff}.betaal-rij.rood .fk{color:#ffffffb3}.klavier{flex:1;grid-template-columns:repeat(4,1fr);gap:6px;min-height:0;display:grid}.klavier button{background:var(--kaart);border:1px solid var(--rand);font-size:24px;font-weight:600;font-family:var(--mono);border-radius:8px;place-items:center;display:grid}.klavier button.rood{color:var(--rood-h)}.klavier button.groen{background:var(--groen);border-color:var(--groen);color:#fff}.klavier button.breed{grid-column:span 2}.fbalk{flex:none;gap:7px;padding:10px 0 0;display:flex}.fknop{white-space:nowrap;border-radius:var(--r);background:var(--kaart);border:1px solid var(--rand);letter-spacing:.01em;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;height:52px;padding:0 5px;font-size:11.5px;font-weight:600;display:flex;overflow:hidden}.fknop .fk{color:var(--t3);font-family:var(--mono);font-size:11px}.fknop svg{width:15px;height:15px}.fknop:hover{border-color:var(--rand2)}.waas{z-index:60;background:#000000a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialoog{background:var(--paneel);border:1px solid var(--rand2);border-radius:14px;width:min(560px,100%);max-height:86dvh;overflow:auto;box-shadow:0 30px 80px #000000b3}.dialoog header{border-bottom:1px solid var(--rand);align-items:center;gap:12px;padding:16px 20px;display:flex}.dialoog header h3{color:var(--goud);margin:0;font-size:18px;font-weight:700}.dialoog header button{color:var(--t2);margin-left:auto;font-size:22px;line-height:1}.dialoog .lijf{padding:18px 20px}.dialoog footer{border-top:1px solid var(--rand);gap:10px;padding:16px 20px;display:flex}.dialoog footer .knop:last-child{margin-left:auto}.toast{z-index:70;background:var(--kaart);border:1px solid var(--rand2);border-left:4px solid var(--goud);border-radius:10px;max-width:420px;padding:14px 18px;font-size:14px;position:fixed;bottom:18px;right:18px;box-shadow:0 18px 50px #0009}.mono{font-family:var(--mono)}.goud{color:var(--goud)}.groen{color:var(--groen-h)}.rood{color:var(--rood-h)}.t2{color:var(--t2)}.t3{color:var(--t3)}.mt{margin-top:auto}.scroll{min-height:0;overflow-y:auto}.bon-kort{border-bottom:1px solid #ffffff0d;grid-template-columns:20px minmax(0,1fr) auto;align-items:baseline;gap:10px;width:100%;padding:12px 0;display:grid}.bon-kort .nr{color:var(--t3);font-family:var(--mono);font-size:13px}.bon-kort b{font-size:16px;font-weight:600;display:block}.bon-kort em{color:var(--t2);margin-top:2px;font-size:13px;font-style:normal;display:block}.bon-kort .n{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--t1);font-size:15px}.bon-kort:hover{background:#ffffff08}.bon-acties{flex-direction:column;flex:none;gap:8px;padding:0 16px 16px;display:flex}.bon-acties .twee{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bon-acties .fk{color:inherit;opacity:.7;font-family:var(--mono);margin-left:4px;font-size:12.5px}.bon-acties .knop.groot{height:58px;font-size:18px}.bon-regel.met-beeld{grid-template-columns:46px minmax(0,1fr) 72px 50px 54px 14px}.bon-mini{background:var(--kaart);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:8px;width:42px;height:42px}:root{--vlot:.14s;--vloeiend:.26s;--traag:.48s;--boog:cubic-bezier(.22,.9,.28,1);--veer:cubic-bezier(.34,1.4,.5,1)}@keyframes op{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes opklein{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}@keyframes inzoom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes vanrechts{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes vanonder{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes tikpop{0%{transform:scale(1)}38%{transform:scale(.94)}to{transform:scale(1)}}@keyframes flits{0%{background:#22c55e38}to{background:0 0}}@keyframes randgloed{0%{box-shadow:0 0 #22c55e80}to{box-shadow:0 0 0 14px #22c55e00}}@keyframes glans{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes streep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes balkje-vul{0%{width:0}}@keyframes adem{0%,to{opacity:.55}50%{opacity:1}}@keyframes tolt{to{transform:rotate(360deg)}}.werkvlak{animation:op var(--traag) var(--boog) both}.kop-rij{animation:opklein .34s var(--boog) both}.tabs,.pil-tabs{animation:opklein .38s var(--boog) both;animation-delay:40ms}.bon{animation:vanrechts .42s var(--boog) both;animation-delay:60ms}.betaalkolom{animation:vanrechts .46s var(--boog) both;animation-delay:.12s}.fbalk{animation:vanonder .42s var(--boog) both;animation-delay:.14s}.raster>*,.tegels>*,.kpi{animation:opklein .42s var(--boog) both}.raster>:first-child,.tegels>:first-child{animation-delay:20ms}.raster>:nth-child(2),.tegels>:nth-child(2){animation-delay:45ms}.raster>:nth-child(3),.tegels>:nth-child(3){animation-delay:70ms}.raster>:nth-child(4),.tegels>:nth-child(4){animation-delay:95ms}.raster>:nth-child(5),.tegels>:nth-child(5){animation-delay:.12s}.raster>:nth-child(6),.tegels>:nth-child(6){animation-delay:.145s}.raster>:nth-child(7),.tegels>:nth-child(7){animation-delay:.17s}.raster>:nth-child(8),.tegels>:nth-child(8){animation-delay:.19s}.raster>:nth-child(9),.tegels>:nth-child(9){animation-delay:.21s}.raster>:nth-child(n+10),.tegels>:nth-child(n+10){animation-delay:.23s}.knop,.pil-tab,.top-pil,.fknop,.betaal-rij,.klavier button,.mini-k,.keuze,.zij-item,.tegel,.kaart{transition:transform var(--vlot) var(--boog),background var(--vloeiend) ease, border-color var(--vloeiend) ease,box-shadow var(--vloeiend) ease,color var(--vloeiend) ease}.knop:active,.pil-tab:active,.top-pil:active,.fknop:active,.betaal-rij:active,.klavier button:active,.mini-k:active,.keuze:active{transform:translateY(1px)scale(.982)}.knop:hover{box-shadow:0 6px 18px -10px #000000e6}.knop.goud:hover{box-shadow:0 8px 22px -10px #ffd02e8c}.knop.groen:hover{box-shadow:0 8px 22px -10px #22c55e8c}.knop.rood:hover{box-shadow:0 8px 22px -10px #e5484d80}.klavier button:active{background:var(--goud);border-color:var(--goud);color:#150f00}.zij-item{position:relative}.zij-item .ic,.zij-item svg{transition:transform var(--vloeiend) var(--veer)}.zij-item:hover svg{transform:translate(3px)}.zij-item.aan{animation:none}.zij-item.aan:before{content:"";background:var(--goud);transform-origin:50%;width:4px;animation:streep .3s var(--veer) both;position:absolute;top:0;bottom:0;left:-4px}.zij-item.aan{border-left-color:#0000}.tab{position:relative}.tab.aan{border-bottom-color:#0000}.tab.aan:after{content:"";background:var(--goud);transform-origin:0;height:2px;animation:streep .3s var(--boog) both;position:absolute;bottom:-1px;left:0;right:0}.pil-tab.aan{animation:tikpop .32s var(--veer)}.kaart:hover{border-color:#ffffff29;box-shadow:0 10px 30px -22px #000}.kaart-kop{position:relative}.tegel{will-change:transform}.tegel .tegel-beeld{transition:transform var(--vloeiend) var(--boog)}.tegel:hover{transform:translateY(-3px);box-shadow:0 14px 30px -20px #000000f2}.tegel:hover .tegel-beeld{transform:scale(1.07)}.tegel:hover .tegel-plus{background:#ffdc63}.tegel.tik{animation:tikpop .26s var(--veer)}.tegel-plus{transition:background var(--vlot) ease,transform var(--vlot) var(--veer)}.tegel:active .tegel-plus{transform:scale(.9)}.vlieger{z-index:90;pointer-events:none;filter:drop-shadow(0 10px 18px #0009);background-position:50%;background-repeat:no-repeat;background-size:contain;position:fixed}.bon.ontvang{animation:.62s ease-out randgloed}.bon-regel,.bon-kort{animation:opklein .3s var(--boog) both}.bon-regel.vers,.bon-kort.vers{animation:.7s ease-out flits}.aantal button{transition:transform var(--vlot) var(--veer),background var(--vlot) ease}.aantal button:active{transform:scale(.86)}.aantal button.plus:hover{background:var(--groen-h)}.bon-totaal .eind i{transition:color var(--vloeiend) ease}.bon-totaal .eind i.beweegt{color:var(--groen-h)}.bon-toevoegen{transition:border-color var(--vloeiend) ease,color var(--vloeiend) ease,background var(--vloeiend) ease}.bon-toevoegen:hover{border-color:var(--goud);color:var(--goud);background:var(--goud-z)}.betaal-groot{position:relative;overflow:hidden}.betaal-groot:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff29 50%,#0000 65%) 0 0/250% 100%;animation:3.4s ease-in-out infinite glans;position:absolute;inset:0}.betaal-groot:hover{box-shadow:0 12px 34px -14px #22c55eb3}.schakel{transition:background var(--vloeiend) var(--boog)}.schakel i{transition:transform var(--vloeiend) var(--veer)}.schakel:active i{width:22px}.schakel-tekst{transition:color var(--vloeiend) ease}.veld{transition:border-color var(--vloeiend) ease,box-shadow var(--vloeiend) ease,background var(--vloeiend) ease}.veld:focus{box-shadow:0 0 0 3px #ffd02e29}.veld:hover{border-color:#ffffff42}table.tab-lijst tbody tr{transition:background var(--vlot) ease}table.tab-lijst tbody tr:hover{background:#ffffff0b}table.tab-lijst tbody tr td:first-child{position:relative}table.tab-lijst tbody tr:hover td:first-child:before{content:"";background:var(--goud);width:2px;animation:streep .2s var(--boog) both;transform-origin:top;position:absolute;top:0;bottom:0;left:0}.balkje i{animation:balkje-vul .62s var(--boog) both;transition:width var(--vloeiend) var(--boog);animation-delay:.18s}.toast{animation:vanonder .3s var(--veer) both;overflow:hidden}.toast:after{content:"";background:var(--goud);transform-origin:0;width:100%;height:2px;animation:2.6s linear forwards aftel;position:absolute;bottom:0;left:0}@keyframes aftel{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.waas{animation:.18s both inzoom}.dialoog{animation:opklein .26s var(--veer) both}.stip.groen,.zij-status i{animation:2.6s ease-in-out infinite adem}.merkje{transition:transform var(--vlot) var(--veer)}.merkje:hover{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.werkvlak,.kop-rij,.tabs,.pil-tabs,.bon,.betaalkolom,.fbalk,.raster>*,.tegels>*,.kpi,.bon-regel,.bon-kort,.balkje i,.toast,.waas,.dialoog,.betaal-groot:after,.stip.groen,.zij-status i,.tab.aan:after,.zij-item.aan:before{animation:none!important}.toast:after{display:none}}.bonsp{z-index:200;cursor:pointer;background:#02060a;justify-content:center;align-items:flex-start;animation:.14s both bp-in;display:flex;position:fixed;inset:0;overflow:hidden}.bonsp.scheur{animation:.55s cubic-bezier(.6,0,.3,1) both bp-weg}@keyframes bp-in{0%{opacity:0}to{opacity:1}}@keyframes bp-weg{to{opacity:0}}.bonsp-gleuf{z-index:3;background:#000;border-radius:0 0 3px 3px;width:min(430px,80vw);height:5px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px #ffd02e59,0 10px 26px #000000e6}.bonsp-papier{background:#0c1116 repeating-linear-gradient(#ffffff04 0 2px,#0000 2px 4px);width:min(460px,82vw);padding:30px 30px 46px;animation:.62s steps(7,end) both bp-voer,.52s cubic-bezier(.55,0,.3,1) 2.42s both bp-scheur;position:relative;transform:translateY(-100%);box-shadow:0 26px 60px #000000bf}@keyframes bp-voer{to{transform:translateY(0)}}@keyframes bp-scheur{to{transform:translateY(-118%)rotate(-1.6deg)}}.bonsp-kop{font-family:var(--mono);letter-spacing:.16em;color:#ffffff4d;justify-content:space-between;margin-bottom:22px;font-size:10.5px;animation:10ms step-end .5s both bp-toon;display:flex}@keyframes bp-toon{0%{opacity:0}to{opacity:1}}.bonsp-druk{clip-path:inset(0 0 100%);animation:.78s steps(9,end) .55s both bp-print}.bonsp-druk.leus{animation:.34s steps(5,end) 1.36s both bp-print}@keyframes bp-print{to{clip-path:inset(0)}}.bonsp-merk{justify-content:center;display:flex}.bonsp-kop-lijn{background:linear-gradient(90deg,#0000,#ffffff38,#0000);height:1px;margin:24px 0 18px}.bonsp-leus{text-align:center;letter-spacing:.2em;color:#ffffff9e;font-size:11px;font-weight:500;display:block}.bonsp-leus b{color:var(--groen-h);font-weight:700}.bonsp .logo-druppel{transform-origin:338.5px 68px;animation:.4s cubic-bezier(.3,1.8,.5,1) 1.34s both bp-druppel}@keyframes bp-druppel{0%{opacity:0;filter:drop-shadow(0 0 #22c55e00);transform:translateY(-30px)scale(.2)}55%{opacity:1;filter:drop-shadow(0 0 9px #22c55ef2)}to{opacity:1;filter:drop-shadow(0 0 3px #22c55e73);transform:none}}.bonsp-stippel{background-image:repeating-linear-gradient(90deg,#ffffff47 0 6px,#0000 6px 12px);height:1px;margin:24px 0 16px;animation:10ms step-end 1.78s both bp-toon}.bonsp-voet{font-family:var(--mono);letter-spacing:.18em;color:#ffffff6b;justify-content:center;align-items:center;gap:8px;font-size:10.5px;animation:10ms step-end 2.06s both bp-toon;display:flex}.bonsp-stippel.twee{animation-delay:2.02s}.bonsp-druk.regels{clip-path:none;flex-direction:column;gap:7px;display:flex}.bonsp-regel{font-family:var(--mono);letter-spacing:.12em;color:#ffffff80;align-items:center;gap:8px;font-size:10.5px;animation:10ms step-end both bp-toon;display:flex}.bonsp-regel em{color:#ffffff57;font-style:normal}.bonsp-regel i{background-image:repeating-linear-gradient(90deg,#ffffff2e 0 3px,#0000 3px 7px);flex:1;height:1px}.bonsp-voet i{background:var(--groen-h);border-radius:50%;width:7px;height:7px;display:inline-block}.bonsp-printkop{background:linear-gradient(90deg,transparent,var(--goud),transparent);opacity:0;height:2px;animation:1.5s steps(15,end) .55s both bp-kop;position:absolute;top:56px;left:16px;right:16px;box-shadow:0 0 16px #ffd02eb3}@keyframes bp-kop{0%{opacity:0;top:56px}5%{opacity:1}60%{top:200px}92%{opacity:1;top:330px}to{opacity:0;top:342px}}@media (prefers-reduced-motion:reduce){.bonsp *,.bonsp{animation-duration:.01ms!important;animation-delay:0s!important}.bonsp-papier{transform:none}.bonsp-druk{clip-path:none}}.zij-logo{margin-bottom:7px}.logo-leus{letter-spacing:.085em;color:var(--t3);text-transform:uppercase;white-space:nowrap;font-size:8px;display:block}.logo-leus b{color:var(--groen-h);font-weight:700}.kassa-inlog{flex-direction:column;justify-content:center;max-width:460px;min-height:100%;margin:0 auto;padding:28px 20px 40px;display:flex}.kassa-inlog-logo{margin:0 auto 12px}.kassa-inlog .logo-leus{text-align:center;font-size:9px}.kassa-zaaknaam{color:var(--goud);margin-top:14px;font-size:17px;font-weight:700}.kassa-zaakkiezer{align-items:center;gap:10px;margin-bottom:16px;display:flex}.kassa-zaakkiezer span{color:var(--t3);min-width:38px;font-size:12.5px}.kassa-mensen{flex-direction:column;gap:8px;max-height:34vh;margin-bottom:16px;display:flex;overflow-y:auto}.kassa-mens{background:var(--kaart);border:1px solid var(--rand);border-radius:12px;align-items:center;gap:12px;padding:11px 12px;transition:border-color .2s,background .2s;display:flex}.kassa-mens.aan{border-color:var(--goud);background:var(--goud-z)}.kassa-mens b{font-size:14.5px;display:block}.kassa-mens em{color:var(--t2);font-size:12px;font-style:normal;display:block}.kassa-mens .ic,.kassa-mens svg{color:var(--goud);margin-left:auto}.kassa-ini{background:var(--kaart2);border:1px solid var(--rand2);width:34px;height:34px;color:var(--goud);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:grid}.kassa-pin{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.kassa-pin i{border:2px solid var(--rand2);border-radius:50%;width:14px;height:14px;transition:all .2s}.kassa-pin i.vol{background:var(--goud);border-color:var(--goud);transform:scale(1.12)}.kassa-fout{text-align:center;color:var(--rood-h);min-height:20px;margin-bottom:6px;font-size:13px}.kassa-toetsen{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.kassa-toetsen button{background:var(--kaart);border:1px solid var(--rand);height:54px;font-size:21px;font-weight:600;font-family:var(--mono);border-radius:12px;place-items:center;display:grid}.kassa-toetsen button:active{background:var(--kaart2);transform:scale(.95)}.kr{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.kp{background:var(--kaart);border:1px solid var(--rand);letter-spacing:.05em;height:36px;color:var(--t1);white-space:nowrap;border-radius:9px;align-items:center;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex}.kp.mono{font-family:var(--mono);color:var(--t2);text-transform:uppercase;font-weight:400}.kp.goud{background:var(--goud);border-color:var(--goud);color:#150f00}.kp.rood{background:var(--rood-z);color:var(--rood-h);border-color:#e5484d80}.bon-kop b{letter-spacing:.03em;color:var(--t1);font-size:16px;font-weight:800;display:block}.bon-kop em{color:var(--t3);font-size:12px;font-style:normal;font-family:var(--mono);margin-top:2px;display:block}.bkr{gap:6px;margin-left:auto;display:flex}.mini-k{background:var(--kaart);border:1px solid var(--rand);height:30px;color:var(--t2);white-space:nowrap;border-radius:7px;align-items:center;padding:0 11px;font-size:12px;display:inline-flex}.mini-k:hover{border-color:var(--rand2);color:var(--t1)}.mini-k.rood{color:var(--rood-h);border-color:#e5484d59}