POS Cashier Page

Livewire-powered Point of Sale cashier UI with product search, category filtering, cart management, and checkout flow using Alpine.js.

<div>
<style>
@keyframes scan {
  0% {
    transform: translateY(-100px);
  }
  50% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(-100px);
  }
}
</style>
  <div x-data="pos()"
    class="relative min-h-screen bg-gray-50">
    <template x-if="isLoading">
      <div class="fixed inset-0 bg-white bg-opacity-25 flex items-center justify-center z-50">
        <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-orange-500"></div>
      </div>
    </template>
    <div class="fixed top-0 left-0 right-0 bg-white z-10 shadow-md">
      <div class="max-w-4xl mx-auto">

        <div class="flex items-center justify-between p-4">
          <a href="/member/sellings" class="text-gray-800">
            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox

... (truncated -- full source via MCP)