@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=DM+Mono:wght@400;500&display=swap";:root{--bg:#0b0c10;--bg1:#101218;--bg2:#171921;--bg3:#1e2028;--bg4:#272a35;--bg5:#313542;--t1:#f2f1ea;--t2:#b4b2ac;--t3:#7a7880;--t4:#4e4c56;--acc:#e8743c;--acc2:#f08850;--acc-d:#e8743c21;--acc-b:#e8743c52;--grn:#22c55e;--grn-d:#22c55e1c;--grn-b:#22c55e47;--red:#ef4444;--red-d:#ef44441c;--red-b:#ef444447;--blu:#3b82f6;--blu-d:#3b82f61c;--blu-b:#3b82f647;--orn:#f97316;--pur:#a855f7;--bdr:#ffffff17;--bdr2:#ffffff26;--bdr3:#ffffff38;--nav:58px;--cat:170px;--ord:380px;--sh:0 2px 10px #00000073;--sh2:0 6px 24px #0009;--sh3:0 12px 48px #000000bf;--sh-acc:0 0 20px #e8743c33;--card-bg:linear-gradient(145deg,#1c2954,#111d3a);--card-border:#648cff4d;--card-text:#dce8ff;--card-sub:#b4c8ff80;--cash-bg:linear-gradient(145deg,#17311c,#0e2212);--cash-border:#3cb4504d;--cash-text:#c8f0d0;--cash-sub:#8cd2a080;--font-mono:"DM Mono", "Fira Mono", monospace;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}[data-theme=light]{--bg:#f0efe8;--bg1:#fff;--bg2:#fafaf7;--bg3:#f0eee6;--bg4:#e4e2d8;--bg5:#d4d1c6;--t1:#18171a;--t2:#3e3c44;--t3:#72707a;--t4:#a8a6b0;--bdr:#0000001a;--bdr2:#00000029;--bdr3:#0000003d;--sh:0 2px 10px #0000001a;--sh2:0 6px 24px #00000024;--sh3:0 12px 48px #0003;--sh-acc:0 0 20px #e8743c26;--grn-d:#22c55e1a;--grn-b:#22c55e4d;--red-d:#ef444414;--red-b:#ef444447;--blu-d:#3b82f614;--blu-b:#3b82f640;--acc-d:#e8743c1a;--acc-b:#e8743c59;--card-bg:linear-gradient(145deg,#e8edff,#dce6ff);--card-border:#5078ff40;--card-text:#1a2a6e;--card-sub:#3250b480;--cash-bg:linear-gradient(145deg,#e0f5e4,#d4eeda);--cash-border:#28a04640;--cash-text:#0e3a1c;--cash-sub:#1e783c80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--t1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bdr3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--t4)}button{font-family:inherit}.btn{cursor:pointer;letter-spacing:.01em;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .14s cubic-bezier(.2,.8,.3,1);display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-acc{background:var(--acc);color:#0b0c10;border-color:var(--acc)}.btn-acc:hover:not(:disabled){background:var(--acc2);box-shadow:var(--sh-acc)}.btn-ghost{border-color:var(--bdr2);color:var(--t2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg4);border-color:var(--bdr3);color:var(--t1)}.btn-grn{background:var(--grn-d);border-color:var(--grn-b);color:var(--grn)}.btn-grn:hover:not(:disabled){background:var(--grn);color:#fff}.btn-red{background:var(--red-d);border-color:var(--red-b);color:var(--red)}.btn-red:hover:not(:disabled){background:var(--red);color:#fff}.btn-lg{border-radius:13px;height:52px;padding:0 28px;font-size:15px}.btn-sm{border-radius:9px;height:32px;padding:0 12px;font-size:12px}.btn-xs{border-radius:7px;height:26px;padding:0 10px;font-size:11px}.btn-full{width:100%}.input{background:var(--bg3);border:1.5px solid var(--bdr2);width:100%;height:42px;color:var(--t1);border-radius:11px;outline:none;padding:0 14px;font-family:inherit;font-size:13px;transition:all .15s}.input:focus{border-color:var(--acc-b);background:var(--bg4);box-shadow:0 0 0 3px var(--acc-d)}.input::placeholder{color:var(--t4)}.modal-back{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000d1;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg2);border:1px solid var(--bdr2);width:100%;max-width:420px;max-height:90vh;box-shadow:var(--sh3);border-radius:22px;padding:24px;animation:.18s cubic-bezier(.2,.8,.3,1) slideUp;overflow-y:auto}.toast{z-index:300;white-space:nowrap;box-shadow:var(--sh2);letter-spacing:.01em;border-radius:22px;align-items:center;gap:9px;padding:11px 22px;font-size:13px;font-weight:700;animation:.2s cubic-bezier(.2,.8,.3,1) toastIn;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes itemAdd{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.add-pulse{animation:.25s cubic-bezier(.2,.8,.3,1) itemAdd}.divider{background:var(--bdr);height:1px;margin:12px 0}.prod-card{background:var(--bg2);border:1.5px solid var(--bdr);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border-radius:14px;flex-direction:column;font-family:inherit;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:relative;overflow:hidden}.prod-card:hover:not(.prod-card--disabled){box-shadow:var(--sh);border-color:var(--bdr2);transform:translateY(-1px)}.prod-card:active:not(.prod-card--disabled){transform:scale(.98)}.prod-card--disabled{opacity:.42;cursor:not-allowed}.cat-btn{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:60px;padding:8px 12px;font-family:inherit;transition:all .14s;display:flex}.cat-btn:hover{background:var(--bg3)}.cat-btn:active{transform:scale(.98)}.cat-btn--active{border-color:var(--bdr2);background:var(--bg3)}.nav-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1.5px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:48px;height:52px;font-family:inherit;transition:all .14s;display:flex}.nav-btn--active{background:var(--acc-d);border-color:var(--acc-b)}.badge{letter-spacing:.04em;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}@keyframes slideRight{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}[data-kiosk-theme=dark]{--kFg:#fff;--kFgMuted:#ffffffb3;--kFgFaint:#fff6;--kSurface1:#ffffff0a;--kSurface2:#ffffff14;--kSurface3:#ffffff24;--kBorder1:#ffffff1a;--kBorder2:#ffffff2e;--kBorder3:#ffffff47;--kSurfaceShell:#0e0e10;--kSurfaceRaised:#1a1a1f;--kImageBg:linear-gradient(135deg, #ffffff0d, #0003);--kOverlay:#000000a6;--kAllergen-bg:#eab3081f;--kAllergen-border:#eab30852;--kAllergen-fg:#ddc270;--kError-bg:#ef44441f;--kError-border:#ef444466;--kError-fg:#fca5a5;--kSurfaceCheckoutBar:#18181c}[data-kiosk-theme=light]{--kFg:#111;--kFgMuted:#000000a6;--kFgFaint:#0006;--kSurface1:#00000009;--kSurface2:#00000012;--kSurface3:#0000001c;--kBorder1:#0000001a;--kBorder2:#00000029;--kBorder3:#0000003d;--kSurfaceShell:#fafafa;--kSurfaceRaised:#fff;--kImageBg:linear-gradient(135deg, #0000000a, #0000001a);--kOverlay:#00000073;--kAllergen-bg:#b478001a;--kAllergen-border:#b4780052;--kAllergen-fg:#8a5a00;--kError-bg:#dc262614;--kError-border:#dc262652;--kError-fg:#b91c1c;--kSurfaceCheckoutBar:#18181c}[data-kiosk-theme] input,[data-kiosk-theme] textarea{background:var(--kSurface1);color:var(--kFg);border-color:var(--kBorder1);caret-color:var(--kFg)}[data-kiosk-theme] input::placeholder,[data-kiosk-theme] textarea::placeholder{color:var(--kFgFaint)}@media print{@page{size:80mm 297mm;margin:3mm}body>:not(#root),.z-no-print,header,nav,aside,[class*=topbar],[class*=sidebar],[class*=filter]{display:none!important}#root :not(#zreport-print-area *):not(:has(#zreport-print-area)){visibility:hidden}#zreport-print-area,#zreport-print-area *{visibility:visible!important}#zreport-print-area{page-break-inside:avoid;top:0;left:0;color:#000!important;width:74mm!important;max-width:74mm!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;font-size:10pt!important;line-height:1.35!important;position:absolute!important}#zreport-print-area *{color:#000!important;background:0 0!important;border-color:#000!important}}.op-btn{transition:transform 80ms,filter 80ms,box-shadow .12s}.op-btn:active{filter:brightness(.9);transform:scale(.96)}.op-btn-primary{transition:transform 80ms,filter 80ms,box-shadow .12s}.op-btn-primary:active{filter:brightness(.85);transform:scale(.98);box-shadow:0 2px 8px #0000002e!important}@keyframes orderAlertIn{0%{opacity:0;transform:translate(-50%,-110%)}to{opacity:1;transform:translate(-50%)}}@keyframes orderAlertCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.bo-page-shell{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.bo-page-shell>*{box-sizing:border-box!important;width:100%!important;max-width:1600px!important;margin-left:auto!important;margin-right:auto!important;padding:clamp(16px,2.5vw,28px) clamp(20px,4vw,48px)!important}[data-skin=servos]{--signal:#15c26a;--signal-glow:#46e08c;--signal-deep:#0e9e55;--uv:#7c5cff;--uv-glow:#a48bff;--uv-deep:#5b3fe0;--amber:#f5a623;--coral:#ff5a4a;--ink:#0f1211;--coal:#161a18;--graphite:#232826;--ash:#8c938c;--mist:#e9ecea;--paper:#f5f7f4;--white:#fff;--glass-bg:linear-gradient(160deg, #ffffff16, #ffffff06);--glass-border:#ffffff1f;--glass-hi:inset 0 1px 0 #ffffff4d;--glass-lo:inset 0 0 0 #0000;--glass-shadow:0 3px 12px #0000004d;--sheen:linear-gradient(150deg, #ffffff29, transparent 42%);--tile-bg:linear-gradient(160deg, #ffffff0e, #ffffff05);--tile-border:#ffffff17;--inset:#ffffff0d;--inset-border:#ffffff1a;--hair:#ffffff17;--cat-l:.82;--cat-c:.135;--bg:#0f1211;--bg1:#161a18;--bg2:#1b201d;--bg3:#232826;--bg4:#2b322e;--bg5:#363d38;--t1:#e9ecea;--t2:#8c938c;--t3:#6b746d;--t4:#525a53;--acc:#15c26a;--acc2:#2fd984;--acc-d:#15c26a24;--acc-b:#15c26a57;--grn:#15c26a;--grn-d:#15c26a21;--grn-b:#15c26a4d;--red:#ff5a4a;--red-d:#ff5a4a1f;--red-b:#ff5a4a52;--blu:#7c5cff;--blu-d:#7c5cff21;--blu-b:#7c5cff4d;--orn:#f5a623;--pur:#7c5cff;--bdr:#ffffff1a;--bdr2:#ffffff24;--bdr3:#ffffff38;--sh:0 2px 10px #00000073;--sh2:0 12px 30px #00000080;--sh3:0 18px 50px #0000009e;--sh-acc:0 0 20px #15c26a40;--font-mono:"JetBrains Mono","SF Mono",Menlo,Consolas,monospace;font-family:Space Grotesk,system-ui,-apple-system,sans-serif}[data-skin=servos][data-theme=light]{--glass-bg:linear-gradient(160deg, #ffffffd1, #ffffffa3);--glass-border:#ffffffe6;--glass-hi:inset 0 1px 0 #fffffff2;--glass-lo:inset 0 0 0 #0000;--glass-shadow:0 3px 12px #14281c1a;--sheen:linear-gradient(150deg, #ffffff8c, transparent 46%);--tile-bg:linear-gradient(160deg, #ffffff9e, #ffffff52);--tile-border:#0f121112;--inset:#0f12110a;--inset-border:#0f121114;--hair:#0f121114;--cat-l:.54;--cat-c:.145;--bg:#f5f7f4;--bg1:#fff;--bg2:#fafcf9;--bg3:#eef1ec;--bg4:#e4e8e2;--bg5:#d6dbd4;--t1:#0f1211;--t2:#5e665e;--t3:#8c938c;--t4:#a7ada6;--acc:#0e9e55;--acc2:#15c26a;--acc-d:#15c26a1f;--acc-b:#15c26a66;--grn:#0e9e55;--grn-d:#15c26a1f;--grn-b:#15c26a57;--red:#e5483a;--red-d:#ff5a4a1a;--red-b:#ff5a4a57;--blu:#5b3fe0;--blu-d:#7c5cff1a;--blu-b:#7c5cff57;--orn:#b9791a;--pur:#5b3fe0;--bdr:#0f12111a;--bdr2:#0f121129;--bdr3:#0f12113d;--sh:0 2px 10px #14281c1a;--sh2:0 12px 30px #14281c24;--sh3:0 18px 48px #14281c33;--sh-acc:0 0 20px #15c26a2e}[data-skin=servos] #root{background:radial-gradient(58% 48% at 82% -4%, #15c26a38, transparent 58%), radial-gradient(42% 40% at 6% 16%, #26d2c826, transparent 60%), radial-gradient(48% 46% at 96% 92%, #785cff29, transparent 60%), radial-gradient(40% 38% at 24% 104%, #f5a62317, transparent 60%), var(--bg)}[data-skin=servos][data-theme=light] #root{background:radial-gradient(60% 55% at 88% -10%, #15c26a3d, transparent 60%), radial-gradient(52% 52% at -6% 8%, #26d2c833, transparent 62%), radial-gradient(56% 56% at 106% 102%, #785cff38, transparent 62%), radial-gradient(50% 50% at 12% 112%, #f5a62329, transparent 62%), var(--bg)}[data-skin=servos] .sv-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-hi), var(--glass-lo);border-radius:22px;position:relative}[data-skin=servos] .sv-glass:before{content:"";border-radius:inherit;pointer-events:none;background:var(--sheen);mix-blend-mode:screen;opacity:.8;position:absolute;inset:0}[data-skin=servos][data-theme=light] .sv-glass:before{mix-blend-mode:normal;opacity:.6}[data-skin=servos] .sv-glass>*{z-index:1;position:relative}[data-skin=servos] .sv-tile{--col:oklch(var(--cat-l) var(--cat-c) var(--h,200));background:linear-gradient(160deg, color-mix(in oklch, var(--col) 13%, transparent), color-mix(in oklch, var(--col) 3%, transparent));border:1px solid color-mix(in oklch, var(--col) 20%, transparent);box-shadow:var(--glass-hi), inset 3px 0 0 color-mix(in oklch, var(--col) 60%, transparent)}[data-skin=servos] .sv-r-panel{border-radius:22px}[data-skin=servos] .sv-r-card{border-radius:16px}[data-skin=servos] .sv-r-ctrl{border-radius:13px}[data-skin=servos] .sv-pill{border-radius:999px}@media (prefers-reduced-motion:reduce){[data-skin=servos] *{transition:none!important;animation:none!important}}[data-skin=servos] .btn{border-radius:13px}[data-skin=servos] .btn-lg{border-radius:14px}[data-skin=servos] .btn-sm{border-radius:11px}[data-skin=servos] .btn-xs{border-radius:9px}[data-skin=servos] .btn-acc{color:#06130c;background:linear-gradient(#2fd984,#15c26a);border-color:#0000;box-shadow:0 8px 22px #15c26a4d,inset 0 1px #ffffff80}[data-skin=servos] .btn-acc:hover:not(:disabled){filter:brightness(1.05);background:linear-gradient(#2fd984,#15c26a);box-shadow:0 10px 26px #15c26a66,inset 0 1px #ffffff80}[data-skin=servos] .btn-ghost{background:var(--inset);border-color:var(--bdr2);color:var(--t1);box-shadow:var(--glass-hi)}[data-skin=servos] .btn-ghost:hover:not(:disabled){background:var(--bg4);border-color:var(--bdr3);color:var(--t1)}[data-skin=servos] .btn-grn{background:var(--grn-d);border-color:var(--grn-b);color:var(--grn)}[data-skin=servos] .btn-grn:hover:not(:disabled){background:var(--grn);color:#06130c}[data-skin=servos] .btn-red{background:var(--red-d);border-color:var(--red-b);color:var(--red)}[data-skin=servos] .btn-red:hover:not(:disabled){background:var(--red);color:#fff}[data-skin=servos] .input{background:var(--inset);border:1px solid var(--inset-border);color:var(--t1);border-radius:13px}[data-skin=servos] .input:focus{border-color:var(--acc-b);background:var(--inset);box-shadow:0 0 0 3px var(--acc-d)}[data-skin=servos] .input::placeholder{color:var(--t3)}[data-skin=servos] .modal-box{background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-hi), var(--glass-lo);border-radius:22px}[data-skin=servos] .toast{background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);color:var(--t1);box-shadow:var(--glass-shadow), var(--glass-hi)}[data-skin=servos] .prod-card{background:var(--tile-bg);border:1px solid var(--tile-border);box-shadow:var(--glass-hi);border-radius:16px}[data-skin=servos] .prod-card:hover:not(.prod-card--disabled){box-shadow:var(--sh2), var(--glass-hi);border-color:var(--bdr2);transform:translateY(-2px)}[data-skin=servos] .cat-btn:hover{background:var(--inset)}[data-skin=servos] .cat-btn--active{background:var(--inset);border-color:var(--bdr2);box-shadow:var(--glass-hi)}[data-skin=servos] .nav-btn--active{background:var(--acc-d);border-color:var(--acc-b)}[data-skin=servos] .badge{font-family:var(--font-mono)}[data-skin=servos] .divider{background:var(--hair)}@keyframes mh-flicker{0%,to{opacity:.5}45%{opacity:.72}70%{opacity:.58}}@keyframes mh-dotpulse{0%,to{box-shadow:0 0 #22c55e8c}60%{box-shadow:0 0 0 6px #22c55e00}}
