.ordering-demo[data-v-bc87985b]{align-items:center;display:flex;gap:1rem;justify-content:center;margin:0 auto;max-width:900px;padding:2rem 1rem;position:relative;width:100%}.ordering-demo--compact[data-v-bc87985b]{gap:.75rem;max-width:700px;padding:1.5rem .5rem}.demo-device[data-v-bc87985b]{flex-direction:column;gap:.75rem}.demo-device[data-v-bc87985b],.device-label[data-v-bc87985b]{align-items:center;display:flex}.device-label[data-v-bc87985b]{color:#000;font-family:Fredoka,sans-serif;font-size:.875rem;font-weight:700;gap:.5rem}.ordering-demo--dark .device-label[data-v-bc87985b]{color:#fff}.ordering-demo--compact .device-label[data-v-bc87985b]{font-size:.75rem}.device-icon[data-v-bc87985b]{font-size:1.25rem}.ordering-demo--compact .device-icon[data-v-bc87985b]{font-size:1rem}.device-frame[data-v-bc87985b]{background:#1a1a1a;border-radius:1rem;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px 1px #ffffff1a;padding:.5rem}.device-frame--tablet[data-v-bc87985b]{width:180px}.ordering-demo--compact .device-frame--tablet[data-v-bc87985b]{width:140px}.device-frame--display[data-v-bc87985b]{width:260px}.ordering-demo--compact .device-frame--display[data-v-bc87985b]{width:200px}.device-screen[data-v-bc87985b]{aspect-ratio:3/4;background:#fff;border-radius:.625rem;overflow:hidden}.device-screen--dark[data-v-bc87985b]{background:#0a0a0a}.staff-interface[data-v-bc87985b]{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:.75rem}.ordering-demo--compact .staff-interface[data-v-bc87985b]{gap:.375rem;padding:.5rem}.staff-header[data-v-bc87985b]{align-items:center;border-bottom:2px solid #000;display:flex;justify-content:space-between;padding-bottom:.5rem}.table-badge[data-v-bc87985b]{background:#000;border-radius:.375rem;color:#fff;font-family:Fredoka,sans-serif;font-size:.75rem;font-weight:700;padding:.25rem .625rem}.ordering-demo--compact .table-badge[data-v-bc87985b]{font-size:.625rem;padding:.2rem .5rem}.status-dot[data-v-bc87985b]{animation:pulse-dot-bc87985b 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}@keyframes pulse-dot-bc87985b{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.order-items[data-v-bc87985b]{display:flex;flex:1;flex-direction:column;gap:.375rem;overflow:hidden}.order-item[data-v-bc87985b]{align-items:center;background:#f5f5f5;border:2px solid transparent;border-radius:.375rem;display:flex;justify-content:space-between;padding:.5rem;transition:all .3s ease}.ordering-demo--compact .order-item[data-v-bc87985b]{padding:.375rem}.order-item--sending[data-v-bc87985b]{animation:item-pulse-bc87985b .5s ease;background:#fff5f3;border-color:#ff2e00}@keyframes item-pulse-bc87985b{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.item-name[data-v-bc87985b]{color:#000;font-size:.6875rem;font-weight:600}.ordering-demo--compact .item-name[data-v-bc87985b]{font-size:.5625rem}.item-qty[data-v-bc87985b]{background:#fff;border:1px solid #ff2e00;border-radius:.25rem;color:#ff2e00;font-size:.625rem;font-weight:700;padding:.125rem .375rem}.ordering-demo--compact .item-qty[data-v-bc87985b]{font-size:.5rem;padding:.1rem .25rem}.send-order-btn[data-v-bc87985b]{background:#ff2e00;border:none;border-radius:.5rem;box-shadow:0 4px #c42400;color:#fff;cursor:pointer;font-family:Fredoka,sans-serif;font-size:.75rem;font-weight:700;padding:.625rem;transform:translateY(0);transition:all .2s ease}.ordering-demo--compact .send-order-btn[data-v-bc87985b]{box-shadow:0 3px #c42400;font-size:.625rem;padding:.5rem}.send-order-btn[data-v-bc87985b]:hover{box-shadow:0 6px #c42400;transform:translateY(-2px)}.send-order-btn--sending[data-v-bc87985b],.send-order-btn[data-v-bc87985b]:active{box-shadow:0 2px #c42400;transform:translateY(2px)}.sending-text[data-v-bc87985b]{display:flex;gap:.125rem;justify-content:center}.sending-text span[data-v-bc87985b]{animation:dot-bounce-bc87985b 1s infinite}.dot-2[data-v-bc87985b]{animation-delay:.2s!important}.dot-3[data-v-bc87985b]{animation-delay:.4s!important}@keyframes dot-bounce-bc87985b{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.connection-wrapper[data-v-bc87985b]{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;position:relative;width:100px}.ordering-demo--compact .connection-wrapper[data-v-bc87985b]{width:60px}.connection-line[data-v-bc87985b]{background:#e5e5e5;border-radius:2px;height:4px;overflow:hidden;position:relative;width:100%}.connection-pulse[data-v-bc87985b]{background:linear-gradient(90deg,transparent,#ff2e00,transparent);height:100%;left:-30%;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:30%}.connection-pulse--active[data-v-bc87985b]{animation:pulse-move-bc87985b .8s ease-in-out;opacity:1}.connection-pulse--delayed[data-v-bc87985b]{animation-delay:.2s}@keyframes pulse-move-bc87985b{0%{left:-30%}to{left:100%}}.connection-label[data-v-bc87985b]{color:#888;font-size:.625rem;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.ordering-demo--dark .connection-label[data-v-bc87985b]{color:#aaa}.ordering-demo--compact .connection-label[data-v-bc87985b]{font-size:.5rem}.flying-packet[data-v-bc87985b]{animation:fly-across-bc87985b .8s ease-in-out forwards;left:0;position:absolute;top:-12px}@keyframes fly-across-bc87985b{0%{left:0;opacity:1;transform:scale(1) translateY(0)}50%{transform:scale(1.2) translateY(-10px)}to{left:100%;opacity:0;transform:scale(.8) translateY(0)}}.packet-icon[data-v-bc87985b]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.25rem}.ordering-demo--compact .packet-icon[data-v-bc87985b]{font-size:1rem}.kitchen-interface[data-v-bc87985b]{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:.75rem}.ordering-demo--compact .kitchen-interface[data-v-bc87985b]{gap:.375rem;padding:.5rem}.kitchen-header[data-v-bc87985b]{align-items:center;border-bottom:2px solid #333;display:flex;justify-content:space-between;padding-bottom:.5rem}.kitchen-title[data-v-bc87985b]{color:#fff;font-family:Fredoka,sans-serif;font-size:.875rem;font-weight:700}.order-count[data-v-bc87985b],.ordering-demo--compact .kitchen-title[data-v-bc87985b]{font-size:.75rem}.order-count[data-v-bc87985b]{align-items:center;background:#333;border-radius:50%;color:#fff;display:flex;font-weight:700;height:24px;justify-content:center;transition:all .3s ease;width:24px}.ordering-demo--compact .order-count[data-v-bc87985b]{font-size:.625rem;height:20px;width:20px}.order-count--new[data-v-bc87985b]{animation:count-pop-bc87985b .4s ease;background:#ff2e00}@keyframes count-pop-bc87985b{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.kitchen-orders[data-v-bc87985b]{display:flex;flex:1;flex-direction:column;gap:.5rem;overflow:hidden}.kitchen-order[data-v-bc87985b]{background:#1a1a1a;border:2px solid #333;border-radius:.5rem;padding:.625rem;transition:all .3s ease}.ordering-demo--compact .kitchen-order[data-v-bc87985b]{padding:.5rem}.kitchen-order--new[data-v-bc87985b]{background:#1f1510;border-color:#ff2e00;opacity:0;transform:translateY(-10px)}.kitchen-order--visible[data-v-bc87985b]{animation:order-arrive-bc87985b .4s ease;opacity:1;transform:translateY(0)}@keyframes order-arrive-bc87985b{0%{opacity:0;transform:translateY(-20px) scale(.9)}50%{transform:translateY(5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.order-header[data-v-bc87985b]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.375rem}.order-table[data-v-bc87985b]{color:#fff;font-size:.75rem;font-weight:700}.order-time[data-v-bc87985b],.ordering-demo--compact .order-table[data-v-bc87985b]{font-size:.625rem}.order-time[data-v-bc87985b]{color:#888}.ordering-demo--compact .order-time[data-v-bc87985b]{font-size:.5rem}.order-items-mini[data-v-bc87985b]{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.375rem}.item-mini[data-v-bc87985b]{background:#252525;border-radius:.25rem;color:#aaa;font-size:.5625rem;padding:.125rem .375rem}.ordering-demo--compact .item-mini[data-v-bc87985b]{font-size:.5rem;padding:.1rem .25rem}.order-status[data-v-bc87985b]{border-radius:.25rem;display:inline-block;font-family:Fredoka,sans-serif;font-size:.625rem;font-weight:700;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.ordering-demo--compact .order-status[data-v-bc87985b]{font-size:.5rem;padding:.2rem .375rem}.order-status--preparing[data-v-bc87985b]{background:#fef3c7;color:#92400e}.order-status--new[data-v-bc87985b]{animation:status-pulse-bc87985b 1s infinite;background:#ff2e00;color:#fff}@keyframes status-pulse-bc87985b{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:640px){.ordering-demo[data-v-bc87985b]{flex-direction:column;gap:1.5rem;padding:1.5rem 1rem}.connection-wrapper[data-v-bc87985b]{margin:.5rem 0;max-width:150px;transform:rotate(90deg);width:100%}.connection-label[data-v-bc87985b]{left:-40px;position:absolute;transform:rotate(-90deg);white-space:nowrap}.device-frame--display[data-v-bc87985b],.device-frame--tablet[data-v-bc87985b]{width:200px}.flying-packet[data-v-bc87985b]{animation:fly-down-bc87985b .8s ease-in-out forwards}@keyframes fly-down-bc87985b{0%{opacity:1;top:0;transform:scale(1) translate(0)}50%{transform:scale(1.2) translate(-10px)}to{opacity:0;top:100%;transform:scale(.8) translate(0)}}}