fix:상품 모달 배경 흐림 효과 및 배경 클릭 시 닫힘 방지

resources/views/sales/products/index.blade.php

@@ -84,10 +84,16 @@ class="fixed inset-0 z-50 overflow-y-auto"
          x-transition:leave="transition ease-in duration-200"
          x-transition:leave-start="opacity-100"
          x-transition:leave-end="opacity-0">
-        <div class="min-h-screen px-4 flex items-center justify-center">
-            <div class="fixed inset-0 bg-gray-900/50" x-on:click="showProductModal = false"></div>
-            <div class="relative bg-white rounded-xl shadow-xl w-full max-w-lg p-6"
-                 x-on:click.stop>
+        {{-- 배경 오버레이 (클릭해도 닫히지 않음) --}}
+        <div class="fixed inset-0 bg-gray-900/60 backdrop-blur-sm"></div>
+        <div class="min-h-screen px-4 flex items-center justify-center relative">
+            <div class="bg-white rounded-xl shadow-xl w-full max-w-lg p-6 relative">
+                <button type="button" x-on:click="showProductModal = false"
+                        class="absolute top-4 right-4 text-gray-400 hover:text-gray-600">
+                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+                    </svg>
+                </button>
                 <h3 class="text-lg font-bold text-gray-900 mb-4" x-text="editingProduct ? '상품 수정' : '상품 추가'"></h3>
                 <form x-on:submit.prevent="saveProduct()">
                     <div class="space-y-4">