diff --git a/app/Views/sales/target_view.php b/app/Views/sales/target_view.php
index 11bb95aa..abff15ad 100644
--- a/app/Views/sales/target_view.php
+++ b/app/Views/sales/target_view.php
@@ -110,8 +110,8 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-
 .table-wrap tbody tr:last-child td { border-bottom: none; }
 .table-wrap tbody tr:hover td { background: #fafafa; }
 /* Empty row fix for modal table */
-.table-wrap tbody tr.empty-row { display: table-row; }
-.table-wrap tbody tr.empty-row td { padding: 0 !important; border: none !important; text-align: center;}
+/* .table-wrap tbody tr.empty-row { display: table-row; }
+.table-wrap tbody tr.empty-row td { padding: 0 !important; border: none !important; text-align: center;} */
 
 /* ═══════════════════════════════════════════
    BUTTONS
@@ -298,7 +298,14 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-
                         </tr>
                     </thead>
                     <tbody id="detailTableBody">
-                        <tr class="empty-row"><td colspan="3">No targets added yet.</td></tr>
+                        <tr class="empty-row">
+                            <td colspan="3">
+                                <div class="empty-state">
+                                    <div class="empty-icon">🎯</div>
+                                    <p>No targets added yet.</p>
+                                </div>
+                            </td>
+                        </tr>
                     </tbody>
                 </table>
             </div>
@@ -445,7 +452,7 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-
     ────────────────────────────────────────── */
     async function renderDetailTable(userId) {
         const tbody = document.getElementById('detailTableBody');
-        tbody.innerHTML = '<tr><td colspan="3">Loading...</td></tr>';
+        tbody.innerHTML = `<tr><td colspan="3" style="text-align:center; padding:20px;">⏳ Loading targets...</td></tr>`;
 
         try {
             const res     = await fetch(`${API}/targets/user/${userId}`);
@@ -453,7 +460,7 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-
             const records = json.data || [];
 
             if (records.length === 0) {
-                tbody.innerHTML = '<tr class="empty-row"><td colspan="3">No targets added yet.</td></tr>';
+                tbody.innerHTML = '<tr class="empty-row"><td colspan="3"><div class="empty-state"><div class="empty-icon">🎯</div><p>No targets added yet.</p></div></td></tr>';
                 return;
             }
             // records.sort((a, b) => b.id - a.id);