:root{--fn-magenta: #941b80;--fn-magenta-deep: #6e1460;--fn-magenta-50: #f9ecf5;--fn-magenta-100: #f3d8eb;--fn-aubergine: #4c1a45;--fn-aubergine-ink: #1c0c18;--fn-aubergine-800: #3a1335;--fn-aubergine-900: #260c20;--fn-tangerine: #eb6640;--fn-tangerine-100: #fde2d8;--fn-vermilion: #c53328;--fn-paper: #f7f3f1;--fn-ink: #2a1024;--fn-ink-soft: #5e4d57;--fn-line: #ece2dd;--fn-success: #1f8a5b;--fn-gradient: linear-gradient(135deg, #941b80 0%, #c53328 55%, #eb6640 100%);--fn-font: "Schibsted Grotesk", -apple-system, system-ui, "Segoe UI", sans-serif;--fn-mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px}body.theme-dark{--bg: #0e0e12;--bg-2: #141419;--surface: #1a1b22;--surface-2: #202128;--surface-3: #2a2b33;--text: #f4f2f7;--text-soft: rgba(244, 242, 247, .62);--text-dim: rgba(244, 242, 247, .5);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--shadow: 0 18px 44px -20px rgba(0, 0, 0, .7);--accent: var(--fn-tangerine);--accent-ink: #fff;color-scheme:dark}body.theme-light,.theme-light{--bg: #f1edf0;--bg-2: #ebe6ea;--surface: #ffffff;--surface-2: #faf7f9;--surface-3: #f2ecf1;--text: #1c0c18;--text-soft: #5e4d57;--text-dim: #766472;--border: #ece2dd;--border-strong: #ddcfd8;--shadow: 0 18px 40px -22px rgba(69, 24, 58, .28);--accent: var(--fn-tangerine);--accent-ink: #fff;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:var(--fn-font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:start start;background:var(--bg)}#stage-inner{width:1366px;height:1024px;transform-origin:left top;flex-shrink:0;position:relative}#root{width:100%;height:100%}body.shop-mode{overflow-y:auto;overflow-x:hidden;overflow-wrap:break-word}body.shop-mode #stage{position:static;display:block;place-items:initial;min-height:100%}body.shop-mode #stage-inner{width:100%!important;height:auto!important;min-height:100vh;transform:none!important}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-track{background:transparent}.pos-rail-scroll{scrollbar-width:none}.pos-rail-scroll::-webkit-scrollbar{width:0;height:0;display:none}.pos-grid-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent}.pos-grid-scroll::-webkit-scrollbar{width:6px}.pos-grid-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.pos-grid-scroll:hover{scrollbar-color:var(--border-strong) transparent}.pos-grid-scroll:hover::-webkit-scrollbar-thumb{background:var(--border-strong)}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}body.shop-mode button{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body.shop-mode button:active{transform:scale(.97)}.boot{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--bg)}.boot-logo{display:inline-flex;align-items:center;gap:13px;font-weight:800;font-size:46px;letter-spacing:-.04em;color:var(--text);line-height:1}.boot-sub{font-size:13px;color:var(--text-dim);animation:fnPulse 1.4s ease-in-out infinite}.boot-spin{width:26px;height:26px;border-radius:999px;border:2.5px solid var(--border);border-top-color:var(--fn-tangerine);animation:fnSpin .7s linear infinite}@keyframes fnFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fnSlideUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fnSheetUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fnPopIn{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fnSpin{to{transform:rotate(360deg)}}@keyframes fnPulse{0%,to{opacity:.55}50%{opacity:1}}.fn-pulse{animation:fnPulse 1.1s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.fn-pulse{animation:none}}@keyframes fnVoorrang{0%,to{background:#0e0e10}50%{background:#c53328}}.fn-voorrang{animation:fnVoorrang 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.fn-voorrang{animation:none;background:#c53328}}@keyframes fnGlow{0%{box-shadow:0 0 #eb664080}70%{box-shadow:0 0 0 12px #eb664000}to{box-shadow:0 0 #eb664000}}@keyframes fnPulseRing{0%{box-shadow:0 0 #ef44448c}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@media(prefers-reduced-motion:reduce){[style*=fnPulseRing]{animation:none!important}}.fn-kds-enter .fn-kds-card{animation:fnSlideUp .42s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){.fn-kds-enter .fn-kds-card{animation:none}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:var(--r-md);padding:10px 14px;font-size:14px;font-weight:600;transition:background .12s ease,transform .08s ease,border-color .12s ease}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-accent{background:var(--fn-tangerine);border-color:var(--fn-tangerine);color:#fff}.btn-accent:hover{background:#d9572f}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-2)}.mono{font-family:var(--fn-mono);font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08060cad;display:grid;place-items:center;z-index:100;animation:fnFadeIn .16s ease}.modal{--bg: #f1edf0;--bg-2: #ebe6ea;--surface: #ffffff;--surface-2: #faf7f9;--surface-3: #f2ecf1;--text: #1c0c18;--text-soft: #5e4d57;--text-dim: #766472;--border: #ece2dd;--border-strong: #ddcfd8;--shadow: 0 18px 40px -22px rgba(69, 24, 58, .28);color-scheme:light;color:var(--text);background:var(--fn-paper);border:1px solid var(--border);overflow:hidden;border-radius:var(--r-xl);box-shadow:var(--shadow);animation:fnFadeIn .16s ease;display:flex;flex-direction:column;max-height:880px}.modal-overlay.as-drawer{place-items:stretch;justify-items:end}.modal-overlay.as-drawer>.modal{width:min(560px,96vw)!important;max-width:none!important;height:100%!important;max-height:100%!important;border-radius:0!important;animation:fnSlideInR .26s cubic-bezier(.22,.61,.36,1)}@keyframes fnSlideInR{0%{transform:translate(100%)}to{transform:translate(0)}}.modal>*:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.modal>*:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.pop-light{--bg: #f1edf0;--bg-2: #ebe6ea;--surface: #ffffff;--surface-2: #faf7f9;--surface-3: #f2ecf1;--text: #1c0c18;--text-soft: #5e4d57;--text-dim: #766472;--border: #ece2dd;--border-strong: #ddcfd8;color-scheme:light;background:var(--surface);color:var(--text)}.toast-wrap{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:5000;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text);border-radius:999px;padding:10px 16px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow);animation:fnSlideUp .2s ease}.spin{width:18px;height:18px;border-radius:999px;border:2px solid var(--border);border-top-color:var(--fn-tangerine);animation:fnSpin .7s linear infinite}.pop-in{animation:fnPopIn .14s ease-out}@keyframes fnBellRing{0%,to{transform:rotate(0)}15%{transform:rotate(-14deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}.bell-ring{transform-origin:50% 0;animation:fnBellRing 1.2s ease-in-out infinite}@keyframes fnPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.pulse-dot{animation:fnPulseDot 1.6s ease-in-out infinite}.focus-ring:focus-visible{outline:2px solid var(--fn-magenta);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}:root{--fn-kartel-tand: 20px;--fn-kartel-diepte: 7px}.fn-kartelrand{-webkit-mask-image:radial-gradient(circle var(--fn-kartel-diepte) at calc(var(--fn-kartel-tand) / 2) 100%,rgba(0,0,0,0) var(--fn-kartel-diepte),#000 calc(var(--fn-kartel-diepte) + .5px));-webkit-mask-size:var(--fn-kartel-tand) 100%;-webkit-mask-repeat:repeat-x;mask-image:radial-gradient(circle var(--fn-kartel-diepte) at calc(var(--fn-kartel-tand) / 2) 100%,rgba(0,0,0,0) var(--fn-kartel-diepte),#000 calc(var(--fn-kartel-diepte) + .5px));mask-size:var(--fn-kartel-tand) 100%;mask-repeat:repeat-x;box-shadow:none}#fn-print{display:none}.receipt{font-family:var(--fn-mono);color:#000;background:#fff;width:80mm;padding:4mm 5mm;font-size:12px;line-height:1.45}.receipt .r-center{text-align:center}.receipt .r-bold{font-weight:700}.receipt .r-big{font-size:15px}.receipt .r-muted{color:#555}.receipt .r-row{display:flex;justify-content:space-between;gap:8px}.receipt .r-sub{padding-left:12px;color:#333}.receipt .r-note{padding-left:12px;font-weight:700}.receipt .r-line-block{margin:2px 0}.receipt .r-hr{border-top:1px dashed #000;margin:6px 0}@media print{@page{margin:0}html,body{height:auto!important;overflow:visible!important;background:#fff!important}body *{visibility:hidden!important}#fn-print,#fn-print *{visibility:visible!important}#fn-print{display:block!important;position:absolute;left:0;top:0}}