diff --git a/backend/templates/admin_sales_pos.html b/backend/templates/admin_sales_pos.html
index f392f1a..c546e5d 100644
--- a/backend/templates/admin_sales_pos.html
+++ b/backend/templates/admin_sales_pos.html
@@ -387,11 +387,16 @@
             display: flex;
             align-items: center;
             justify-content: center;
-            background: var(--bg-secondary);
+            background: linear-gradient(135deg, #2a2a3e 0%, #1e1e2e 100%);
             border-radius: 6px;
-            font-size: 16px;
-            opacity: 0.4;
             flex-shrink: 0;
+            border: 1px solid rgba(255,255,255,0.05);
+        }
+        .product-thumb-placeholder svg {
+            width: 18px;
+            height: 18px;
+            opacity: 0.3;
+            fill: #888;
         }
         .product-info {
             display: flex;
@@ -827,7 +832,7 @@
                                         <div class="product-cell">
                                             ${item.thumbnail 
                                                 ? `<img src="data:image/jpeg;base64,${item.thumbnail}" class="product-thumb" alt="">`
-                                                : `<div class="product-thumb-placeholder">📦</div>`
+                                                : `<div class="product-thumb-placeholder"><svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5-7l-3 3.72L9 13l-3 4h12l-4-5z"/></svg></div>`
                                             }
                                             <div class="product-info">
                                                 <span class="product-name">${escapeHtml(item.product_name)}</span>
@@ -863,7 +868,7 @@
                     <div class="product-cell">
                         ${item.thumbnail 
                             ? `<img src="data:image/jpeg;base64,${item.thumbnail}" class="product-thumb" alt="">`
-                            : `<div class="product-thumb-placeholder">📦</div>`
+                            : `<div class="product-thumb-placeholder"><svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5-7l-3 3.72L9 13l-3 4h12l-4-5z"/></svg></div>`
                         }
                         <div class="product-info">
                             <span class="product-name">${escapeHtml(item.product_name)}</span>