diff --git a/debug.log b/debug.log
deleted file mode 100644
index 589f384..0000000
--- a/debug.log
+++ /dev/null
@@ -1,14 +0,0 @@
-2026-02-21 17:52:10 - Items case hit
-2026-02-21 17:52:37 - Items case hit
-2026-02-21 17:53:18 - Items case hit
-2026-02-21 18:10:28 - Items case hit
-2026-02-21 18:21:01 - Items case hit
-2026-02-21 18:23:51 - Items case hit
-2026-02-21 18:36:35 - Requesting AI. UUID: [e1f9b5b3-fcef-4c8d-87d2-8630b1f72491] CFG: {"base_url":"https:\/\/flatlogic.com","responses_path":"\/projects\/38471\/ai-request","project_id":"38471","project_uuid":"e1f9b5b3-fcef-4c8d-87d2-8630b1f72491","project_header":"project-uuid","default_model":"gpt-4o-mini","timeout":30,"verify_tls":true}
-2026-02-21 18:37:30 - Requesting AI. UUID: [e1f9b5b3-fcef-4c8d-87d2-8630b1f72491] CFG: {"base_url":"https:\/\/flatlogic.com","responses_path":"\/projects\/38471\/ai-request","project_id":"38471","project_uuid":"e1f9b5b3-fcef-4c8d-87d2-8630b1f72491","project_header":"project-uuid","default_model":"gpt-4o-mini","timeout":30,"verify_tls":true}
-2026-02-21 18:42:10 - Requesting AI. UUID: [e1f9b5b3-fcef-4c8d-87d2-8630b1f72491] CFG: {"base_url":"https:\/\/flatlogic.com","responses_path":"\/projects\/38471\/ai-request","project_id":"38471","project_uuid":"e1f9b5b3-fcef-4c8d-87d2-8630b1f72491","project_header":"project-uuid","default_model":"gpt-4o-mini","timeout":30,"verify_tls":true}
-2026-02-21 18:43:51 - Requesting AI. UUID: [e1f9b5b3-fcef-4c8d-87d2-8630b1f72491] CFG: {"base_url":"https:\/\/flatlogic.com","responses_path":"\/projects\/38471\/ai-request","project_id":"38471","project_uuid":"e1f9b5b3-fcef-4c8d-87d2-8630b1f72491","project_header":"Project-UUID","default_model":"gpt-4o-mini","timeout":30,"verify_tls":true}
-2026-02-21 18:44:10 - Requesting AI. UUID: [e1f9b5b3-fcef-4c8d-87d2-8630b1f72491] CFG: {"base_url":"https:\/\/flatlogic.com","responses_path":"\/projects\/38471\/ai-request","project_id":"38471","project_uuid":"e1f9b5b3-fcef-4c8d-87d2-8630b1f72491","project_header":"Project-UUID","default_model":"gpt-4o-mini","timeout":30,"verify_tls":true}
-2026-02-22 02:55:16 - Items case hit
-2026-02-22 02:55:31 - Requesting AI. UUID: [e1f9b5b3-fcef-4c8d-87d2-8630b1f72491] CFG: {"base_url":"https:\/\/flatlogic.com","responses_path":"\/projects\/38471\/ai-request","project_id":"38471","project_uuid":"e1f9b5b3-fcef-4c8d-87d2-8630b1f72491","project_header":"Project-UUID","default_model":"gpt-4o-mini","timeout":30,"verify_tls":true}
-2026-02-22 02:58:39 - Items case hit
diff --git a/index.php b/index.php
index 2edf0a4..fb8b3cb 100644
--- a/index.php
+++ b/index.php
@@ -257,12 +257,39 @@ function numberToWordsArabic($num) {
 }
 
 function renderPagination($currentPage, $totalPages) {
-    if ($totalPages <= 1) return '';
-    
     $query = $_GET;
     unset($query['p']);
     $url = 'index.php?' . http_build_query($query) . '&p=';
     
+    $limit = isset($_GET['limit']) ? (int)$_GET['limit'] : 20;
+    $limitHtml = "
+    <div class='d-flex justify-content-end align-items-center mb-2'>
+        <label class='me-2 small text-muted' data-en='Rows per page:' data-ar='الصفوف لكل صفحة:'>Rows per page:</label>
+        <select class='form-select form-select-sm w-auto' onchange='window.location.href=this.value'>
+            <option value='index.php?" . http_build_query(array_merge($_GET, ['limit' => 5, 'p' => 1])) . "' " . ($limit == 5 ? 'selected' : '') . ">5</option>
+            <option value='index.php?" . http_build_query(array_merge($_GET, ['limit' => 20, 'p' => 1])) . "' " . ($limit == 20 ? 'selected' : '') . ">20</option>
+            <option value='index.php?" . http_build_query(array_merge($_GET, ['limit' => 40, 'p' => 1])) . "' " . ($limit == 40 ? 'selected' : '') . ">40</option>
+            <option value='index.php?" . http_build_query(array_merge($_GET, ['limit' => 100, 'p' => 1])) . "' " . ($limit == 100 ? 'selected' : '') . ">100</option>
+            <option value='index.php?" . http_build_query(array_merge($_GET, ['limit' => 200, 'p' => 1])) . "' " . ($limit == 200 ? 'selected' : '') . ">200</option>
+            <option value='index.php?" . http_build_query(array_merge($_GET, ['limit' => 500, 'p' => 1])) . "' " . ($limit == 500 ? 'selected' : '') . ">500</option>
+        </select>
+    </div>
+    <script>
+    document.addEventListener('DOMContentLoaded', function() {
+        let scriptTag = document.currentScript;
+        if(scriptTag) {
+            let container = scriptTag.parentElement;
+            let grid = container.previousElementSibling;
+            if (grid && grid.classList.contains('table-responsive')) {
+                grid.parentNode.insertBefore(container.querySelector('.d-flex'), grid);
+            }
+        }
+    });
+    </script>
+    ";
+
+    if ($totalPages <= 1) return $limitHtml;
+    
     $html = '<nav aria-label="Page navigation" class="mt-4"><ul class="pagination justify-content-center">';
     
     // Previous
@@ -2983,6 +3010,10 @@ foreach ($settings_raw as $s) {
     $data['settings'][$s['key']] = $s['value'];
 }
 
+$limit = isset($_GET["limit"]) ? max(5, (int)$_GET["limit"]) : 20;
+$page_num = isset($_GET["p"]) ? (int)$_GET["p"] : 1;
+if ($page_num < 1) $page_num = 1;
+$offset = ($page_num - 1) * $limit;
 switch ($page) {
     case 'suppliers':
         $where = ["1=1"];
@@ -3003,7 +3034,14 @@ switch ($page) {
             $params[] = $_GET['end_date'];
         }
         $whereSql = implode(" AND ", $where);
-        $stmt = db()->prepare("SELECT * FROM suppliers WHERE $whereSql ORDER BY id DESC");
+        
+        $countStmt = db()->prepare("SELECT COUNT(*) FROM suppliers WHERE $whereSql");
+        $countStmt->execute($params);
+        $total_records = (int)$countStmt->fetchColumn();
+        $data['total_pages'] = ceil($total_records / $limit);
+        $data['current_page'] = $page_num;
+
+        $stmt = db()->prepare("SELECT * FROM suppliers WHERE $whereSql ORDER BY id DESC LIMIT $limit OFFSET $offset");
         $stmt->execute($params);
         $data['customers'] = $stmt->fetchAll(); // Keep 'customers' key for template compatibility if needed, or update template
         break;
@@ -3026,7 +3064,14 @@ switch ($page) {
             $params[] = $_GET['end_date'];
         }
         $whereSql = implode(" AND ", $where);
-        $stmt = db()->prepare("SELECT * FROM customers WHERE $whereSql ORDER BY id DESC");
+        
+        $countStmt = db()->prepare("SELECT COUNT(*) FROM customers WHERE $whereSql");
+        $countStmt->execute($params);
+        $total_records = (int)$countStmt->fetchColumn();
+        $data['total_pages'] = ceil($total_records / $limit);
+        $data['current_page'] = $page_num;
+
+        $stmt = db()->prepare("SELECT * FROM customers WHERE $whereSql ORDER BY id DESC LIMIT $limit OFFSET $offset");
         $stmt->execute($params);
         $data['customers'] = $stmt->fetchAll();
         break;
@@ -3047,13 +3092,23 @@ switch ($page) {
             $params[] = "%{$_GET['search']}%";
         }
         $whereSql = implode(" AND ", $where);
+        
+        $countStmt = db()->prepare("SELECT COUNT(*) FROM stock_items i 
+                                      LEFT JOIN stock_categories c ON i.category_id = c.id 
+                                      LEFT JOIN stock_units u ON i.unit_id = u.id 
+                                      LEFT JOIN suppliers s ON i.supplier_id = s.id WHERE $whereSql");
+        $countStmt->execute($params);
+        $total_records = (int)$countStmt->fetchColumn();
+        $data['total_pages'] = ceil($total_records / $limit);
+        $data['current_page'] = $page_num;
+
         $stmt = db()->prepare("SELECT i.*, c.name_en as cat_en, c.name_ar as cat_ar, u.short_name_en as unit_en, u.short_name_ar as unit_ar, s.name as supplier_name 
                                       FROM stock_items i 
                                       LEFT JOIN stock_categories c ON i.category_id = c.id 
                                       LEFT JOIN stock_units u ON i.unit_id = u.id 
                                       LEFT JOIN suppliers s ON i.supplier_id = s.id
                                       WHERE $whereSql
-                                      ORDER BY i.id DESC");
+                                      ORDER BY i.id DESC LIMIT $limit OFFSET $offset");
         $stmt->execute($params);
         $data['items'] = $stmt->fetchAll();
         break;
@@ -3088,10 +3143,7 @@ switch ($page) {
         }
         $whereSql = implode(" AND ", $where);
         
-        $limit = 20;
-        $page_num = isset($_GET['p']) ? (int)$_GET['p'] : 1;
-        if ($page_num < 1) $page_num = 1;
-        $offset = ($page_num - 1) * $limit;
+        
 
         $countStmt = db()->prepare("SELECT COUNT(*) FROM quotations q JOIN customers c ON q.customer_id = c.id WHERE $whereSql");
         $countStmt->execute($params);
@@ -3139,10 +3191,7 @@ switch ($page) {
         }
         $whereSql = implode(" AND ", $where);
         
-        $limit = 20;
-        $page_num = isset($_GET['p']) ? (int)$_GET['p'] : 1;
-        if ($page_num < 1) $page_num = 1;
-        $offset = ($page_num - 1) * $limit;
+        
 
         $countStmt = db()->prepare("SELECT COUNT(*) FROM lpos q JOIN suppliers s ON q.supplier_id = s.id WHERE $whereSql");
         $countStmt->execute($params);
@@ -3211,11 +3260,18 @@ switch ($page) {
         }
         
         $whereSql = implode(" AND ", $where);
+        
+        $countStmt = db()->prepare("SELECT COUNT(*) FROM $table v LEFT JOIN $cust_supplier_table c ON v.$cust_supplier_col = c.id WHERE $whereSql");
+        $countStmt->execute($params);
+        $total_records = (int)$countStmt->fetchColumn();
+        $data['total_pages'] = ceil($total_records / $limit);
+        $data['current_page'] = $page_num;
+
         $stmt = db()->prepare("SELECT v.*, c.name as customer_name, c.tax_id as customer_tax_id, c.phone as customer_phone 
                                FROM $table v 
                                LEFT JOIN $cust_supplier_table c ON v.$cust_supplier_col = c.id 
                                WHERE $whereSql 
-                               ORDER BY v.id DESC");
+                               ORDER BY v.id DESC LIMIT $limit OFFSET $offset");
         $stmt->execute($params);
         $data['invoices'] = $stmt->fetchAll();
         foreach ($data['invoices'] as &$inv) {
@@ -4206,7 +4262,6 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
             });
         </script>
     <?php endif; ?>
-
     <?php if ($page === 'dashboard'): ?>
     
     <?php 
@@ -4399,9 +4454,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
 
             </table>
-            <?= renderPagination($data['current_page'], $data['total_pages']) ?>
-        </div>
-    </div>
+                </div>
+            </div>
         </div>
         <div class="col-md-4">
             <div class="card p-4">
@@ -4480,6 +4534,18 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                     </a>
                     <?php endif; ?>
                 </div>
+            
+                <div class="col-md-auto ms-auto d-flex align-items-end mt-2 mt-md-0">
+                    <div class="input-group input-group-sm w-auto">
+                        <span class="input-group-text" data-en="Limit" data-ar="الحد">Limit</span>
+                        <select name="limit" class="form-select" onchange="this.form.submit()">
+                            <option value="20" <?= (($_GET['limit'] ?? 20) == 20) ? 'selected' : '' ?>>20</option>
+                            <option value="40" <?= (($_GET['limit'] ?? 20) == 40) ? 'selected' : '' ?>>40</option>
+                            <option value="60" <?= (($_GET['limit'] ?? 20) == 60) ? 'selected' : '' ?>>60</option>
+                            <option value="100" <?= (($_GET['limit'] ?? 20) == 100) ? 'selected' : '' ?>>100</option>
+                        </select>
+                    </div>
+                </div>
             </form>
         </div>
         <div class="table-responsive">
@@ -4563,6 +4629,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
     <?php elseif ($page === 'categories'): ?>
     <div class="card p-4">
@@ -4642,8 +4710,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                                 </div>
                                             </div>
                                             <div class="modal-footer">
-                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
-                                                <button type="submit" name="edit_category" class="btn btn-primary">Update</button>
+                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
+                                                <button type="submit" name="edit_category" class="btn btn-primary" data-en="Update" data-ar="تحديث">Update</button>
                                             </div>
                                         </form>
                                     </div>
@@ -4655,6 +4723,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <?php elseif ($page === 'units'): ?>
@@ -4745,8 +4815,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                                 </div>
                                             </div>
                                             <div class="modal-footer">
-                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
-                                                <button type="submit" name="edit_unit" class="btn btn-primary">Update</button>
+                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
+                                                <button type="submit" name="edit_unit" class="btn btn-primary" data-en="Update" data-ar="تحديث">Update</button>
                                             </div>
                                         </form>
                                     </div>
@@ -4758,6 +4828,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <?php elseif ($page === 'items'): ?>
@@ -4815,6 +4887,18 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                     </a>
                     <?php endif; ?>
                 </div>
+            
+                <div class="col-md-auto ms-auto d-flex align-items-end mt-2 mt-md-0">
+                    <div class="input-group input-group-sm w-auto">
+                        <span class="input-group-text" data-en="Limit" data-ar="الحد">Limit</span>
+                        <select name="limit" class="form-select" onchange="this.form.submit()">
+                            <option value="20" <?= (($_GET['limit'] ?? 20) == 20) ? 'selected' : '' ?>>20</option>
+                            <option value="40" <?= (($_GET['limit'] ?? 20) == 40) ? 'selected' : '' ?>>40</option>
+                            <option value="60" <?= (($_GET['limit'] ?? 20) == 60) ? 'selected' : '' ?>>60</option>
+                            <option value="100" <?= (($_GET['limit'] ?? 20) == 100) ? 'selected' : '' ?>>100</option>
+                        </select>
+                    </div>
+                </div>
             </form>
         </div>
         <div class="table-responsive">
@@ -4900,16 +4984,18 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                             </div>
                                             <table class="table table-sm">
                                                 <tr><th class="text-muted">SKU</th><td><?= htmlspecialchars((string)($item['sku'] ?? '')) ?></td></tr>
-                                                <tr><th class="text-muted">Category</th><td><?= htmlspecialchars($item['cat_en'] ?? '---') ?></td></tr>
-                                                <tr><th class="text-muted">Supplier</th><td><?= htmlspecialchars($item['supplier_name'] ?? '---') ?></td></tr>
+                                                <tr><th class="text-muted" data-en="Category" data-ar="الفئة">Category</th><td><?= htmlspecialchars($item['cat_en'] ?? '---') ?></td></tr>
+                                                <tr><th class="text-muted" data-en="Supplier" data-ar="المورد">Supplier</th><td><?= htmlspecialchars($item['supplier_name'] ?? '---') ?></td></tr>
                                                 <tr><th class="text-muted">Sale Price</th><td>OMR <?= number_format((float)$item['sale_price'], 3) ?></td></tr>
                                                 <tr><th class="text-muted">Stock Level</th><td><?= number_format((float)$item['stock_quantity'], 3) ?></td></tr>
                                                 <tr><th class="text-muted">VAT Rate</th><td><?= number_format((float)$item['vat_rate'], 2) ?>%</td></tr>
                                             </table>
                                         </div>
+        
+
                                         <div class="modal-footer">
                                             <button class="btn btn-outline-dark" onclick="printItemBarcode('<?= htmlspecialchars($item['sku']) ?>', '<?= htmlspecialchars($item['name_en'] . ' - ' . $item['name_ar']) ?>', '<?= number_format((float)$item['sale_price'] * (1 + (float)($item['vat_rate'] ?? 0) / 100), 3) ?>')"><i class="bi bi-printer"></i> Print Barcode</button>
-                                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
+                                            <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Close" data-ar="إغلاق">Close</button>
                                         </div>
                                     </div>
                                 </div>
@@ -4961,7 +5047,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                                         </div>
                                                     </div>
                                                     <div class="col-md-4">
-                                                        <label class="form-label">Category</label>
+                                                        <label class="form-label" data-en="Category" data-ar="الفئة">Category</label>
                                                         <select name="category_id" class="form-select">
                                                             <option value="">---</option>
                                                             <?php foreach ($data['categories'] ?? [] as $c): ?>
@@ -4979,7 +5065,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                                         </select>
                                                     </div>
                                                     <div class="col-md-4">
-                                                        <label class="form-label">Supplier</label>
+                                                        <label class="form-label" data-en="Supplier" data-ar="المورد">Supplier</label>
                                                         <select name="supplier_id" class="form-select">
                                                             <option value="">---</option>
                                                             <?php foreach ($data['suppliers'] ?? [] as $s): ?>
@@ -5044,7 +5130,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                                 </div>
                                             </div>
                                             <div class="modal-footer">
-                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
+                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
                                                 <button type="submit" name="edit_item" class="btn btn-primary">Update Item</button>
                                             </div>
                                         </form>
@@ -5057,6 +5143,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <?php elseif ($page === 'expiry_report'): ?>
@@ -5128,6 +5216,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <?php elseif ($page === 'low_stock_report'): ?>
@@ -5179,6 +5269,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <?php elseif ($page === 'loyalty_history'): ?>
@@ -5263,6 +5355,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <?php elseif ($page === 'pos'): ?>
@@ -5334,7 +5428,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 <div class="d-flex gap-2">
                     <button class="btn btn-sm btn-outline-info" onclick="window.open('customer-display.php?v=<?= time() ?>', 'CustomerDisplay', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=' + screen.availWidth + ',height=' + screen.availHeight + ',left=0,top=0')" title="Customer Display"><i class="bi bi-display me-1"></i> Customer Screen</button>
                     <?php if ($active_session): ?>
-                    <button class="btn btn-sm btn-outline-dark" data-bs-toggle="modal" data-bs-target="#closeRegisterModal" title="Close Register"><i class="bi bi-x-circle me-1"></i> Close</button>
+                    <button class="btn btn-sm btn-outline-dark" data-bs-toggle="modal" data-bs-target="#closeRegisterModal" title="Close Register"><i class="bi bi-x-circle me-1"></i data-en="Close" data-ar="إغلاق">Close</button>
                     <?php endif; ?>
                     <button class="btn btn-sm btn-outline-warning" onclick="cart.openHeldCartsModal()" title="Held List"><i class="bi bi-list-task"></i></button>
                     <button class="btn btn-sm btn-outline-secondary" onclick="cart.hold()" title="Hold Cart"><i class="bi bi-pause-circle"></i></button>
@@ -5344,7 +5438,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
             
             <div class="p-3 bg-light border-bottom">
                 <div class="mb-2">
-                    <label class="small fw-bold mb-1">Customer</label>
+                    <label class="small fw-bold mb-1" data-en="Customer" data-ar="العميل">Customer</label>
                     <div class="d-flex gap-2">
                         <select id="posCustomer" class="form-select form-select-sm" onchange="cart.onCustomerChange()">
                             <option value="">Walk-in Customer</option>
@@ -6348,7 +6442,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                         </div>
                     </div>
                     <div class="modal-footer">
-                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
                         <button type="submit" class="btn btn-danger">Close Session</button>
                     </div>
                 </form>
@@ -6417,6 +6511,18 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                         <i class="bi bi-x-circle"></i> <span data-en="Clear" data-ar="مسح">Clear</span>
                     </a>
                 </div>
+            
+                <div class="col-md-auto ms-auto d-flex align-items-end mt-2 mt-md-0">
+                    <div class="input-group input-group-sm w-auto">
+                        <span class="input-group-text" data-en="Limit" data-ar="الحد">Limit</span>
+                        <select name="limit" class="form-select" onchange="this.form.submit()">
+                            <option value="20" <?= (($_GET['limit'] ?? 20) == 20) ? 'selected' : '' ?>>20</option>
+                            <option value="40" <?= (($_GET['limit'] ?? 20) == 40) ? 'selected' : '' ?>>40</option>
+                            <option value="60" <?= (($_GET['limit'] ?? 20) == 60) ? 'selected' : '' ?>>60</option>
+                            <option value="100" <?= (($_GET['limit'] ?? 20) == 100) ? 'selected' : '' ?>>100</option>
+                        </select>
+                    </div>
+                </div>
             </form>
         </div>
         <div class="table-responsive">
@@ -6476,6 +6582,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        
     </div>
 
     <?php elseif ($page === 'lpos'): ?>
@@ -6529,6 +6636,18 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                         <i class="bi bi-x-circle"></i> <span data-en="Clear" data-ar="مسح">Clear</span>
                     </a>
                 </div>
+            
+                <div class="col-md-auto ms-auto d-flex align-items-end mt-2 mt-md-0">
+                    <div class="input-group input-group-sm w-auto">
+                        <span class="input-group-text" data-en="Limit" data-ar="الحد">Limit</span>
+                        <select name="limit" class="form-select" onchange="this.form.submit()">
+                            <option value="20" <?= (($_GET['limit'] ?? 20) == 20) ? 'selected' : '' ?>>20</option>
+                            <option value="40" <?= (($_GET['limit'] ?? 20) == 40) ? 'selected' : '' ?>>40</option>
+                            <option value="60" <?= (($_GET['limit'] ?? 20) == 60) ? 'selected' : '' ?>>60</option>
+                            <option value="100" <?= (($_GET['limit'] ?? 20) == 100) ? 'selected' : '' ?>>100</option>
+                        </select>
+                    </div>
+                </div>
             </form>
         </div>
         <div class="table-responsive">
@@ -6587,6 +6706,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        
+
     </div>
 
     <?php elseif ($page === 'sales' || $page === 'purchases'): ?>
@@ -6685,6 +6806,18 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                         <i class="bi bi-x-circle"></i> <span data-en="Clear" data-ar="مسح">Clear</span>
                     </a>
                 </div>
+            
+                <div class="col-md-auto ms-auto d-flex align-items-end mt-2 mt-md-0">
+                    <div class="input-group input-group-sm w-auto">
+                        <span class="input-group-text" data-en="Limit" data-ar="الحد">Limit</span>
+                        <select name="limit" class="form-select" onchange="this.form.submit()">
+                            <option value="20" <?= (($_GET['limit'] ?? 20) == 20) ? 'selected' : '' ?>>20</option>
+                            <option value="40" <?= (($_GET['limit'] ?? 20) == 40) ? 'selected' : '' ?>>40</option>
+                            <option value="60" <?= (($_GET['limit'] ?? 20) == 60) ? 'selected' : '' ?>>60</option>
+                            <option value="100" <?= (($_GET['limit'] ?? 20) == 100) ? 'selected' : '' ?>>100</option>
+                        </select>
+                    </div>
+                </div>
             </form>
         </div>
         <div class="table-responsive">
@@ -6779,6 +6912,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tfoot>
             </table>
         </div>
+        
+
     </div>
 
     <?php elseif ($page === 'customer_statement' || $page === 'supplier_statement'): ?>
@@ -6820,6 +6955,18 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                         <i class="bi bi-search"></i> <span data-en="View Report" data-ar="عرض التقرير"><?= $lang === 'ar' ? 'عرض التقرير' : 'View Report' ?></span>
                     </button>
                 </div>
+            
+                <div class="col-md-auto ms-auto d-flex align-items-end mt-2 mt-md-0">
+                    <div class="input-group input-group-sm w-auto">
+                        <span class="input-group-text" data-en="Limit" data-ar="الحد">Limit</span>
+                        <select name="limit" class="form-select" onchange="this.form.submit()">
+                            <option value="20" <?= (($_GET['limit'] ?? 20) == 20) ? 'selected' : '' ?>>20</option>
+                            <option value="40" <?= (($_GET['limit'] ?? 20) == 40) ? 'selected' : '' ?>>40</option>
+                            <option value="60" <?= (($_GET['limit'] ?? 20) == 60) ? 'selected' : '' ?>>60</option>
+                            <option value="100" <?= (($_GET['limit'] ?? 20) == 100) ? 'selected' : '' ?>>100</option>
+                        </select>
+                    </div>
+                </div>
             </form>
         </div>
 
@@ -6933,6 +7080,18 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                         <i class="bi bi-search"></i> <span data-en="Generate" data-ar="توليد">Generate</span>
                     </button>
                 </div>
+            
+                <div class="col-md-auto ms-auto d-flex align-items-end mt-2 mt-md-0">
+                    <div class="input-group input-group-sm w-auto">
+                        <span class="input-group-text" data-en="Limit" data-ar="الحد">Limit</span>
+                        <select name="limit" class="form-select" onchange="this.form.submit()">
+                            <option value="20" <?= (($_GET['limit'] ?? 20) == 20) ? 'selected' : '' ?>>20</option>
+                            <option value="40" <?= (($_GET['limit'] ?? 20) == 40) ? 'selected' : '' ?>>40</option>
+                            <option value="60" <?= (($_GET['limit'] ?? 20) == 60) ? 'selected' : '' ?>>60</option>
+                            <option value="100" <?= (($_GET['limit'] ?? 20) == 100) ? 'selected' : '' ?>>100</option>
+                        </select>
+                    </div>
+                </div>
             </form>
         </div>
 
@@ -7076,6 +7235,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <!-- Add Payment Method Modal -->
@@ -7169,8 +7330,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                                 </div>
                                             </div>
                                             <div class="modal-footer">
-                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
-                                                <button type="submit" name="edit_expense_category" class="btn btn-primary">Update</button>
+                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
+                                                <button type="submit" name="edit_expense_category" class="btn btn-primary" data-en="Update" data-ar="تحديث">Update</button>
                                             </div>
                                         </form>
                                     </div>
@@ -7182,6 +7343,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <!-- Add Modal -->
@@ -7204,8 +7367,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                         </div>
                     </div>
                     <div class="modal-footer">
-                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
-                        <button type="submit" name="add_expense_category" class="btn btn-primary">Save</button>
+                        <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
+                        <button type="submit" name="add_expense_category" class="btn btn-primary" data-en="Save" data-ar="حفظ">Save</button>
                     </div>
                 </form>
             </div>
@@ -7280,6 +7443,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
         <?php elseif ($_GET['view'] === 'coa'): ?>
         <div class="d-flex justify-content-end mb-3">
             <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#addAccountModal">
@@ -7313,6 +7478,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
 
         <?php elseif ($_GET['view'] === 'vat_report'): ?>
         <div class="row">
@@ -7328,7 +7495,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                             <input type="date" name="end_date" class="form-control" value="<?= $data['end_date'] ?>">
                         </div>
                         <div class="col-auto">
-                            <button type="submit" class="btn btn-primary">Filter</button>
+                            <button type="submit" class="btn btn-primary" data-en="Filter" data-ar="تصفية">Filter</button>
                         </div>
                     </form>
                 </div>
@@ -7548,10 +7715,9 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                             </tr>
                         </thead>
                         <tbody id="journalDetailsBody"></tbody>
-            </table>
-            <?= renderPagination($data['current_page'], $data['total_pages']) ?>
-        </div>
-    </div>
+                    </table>
+                </div>
+            </div>
         </div>
     </div>
 
@@ -7587,7 +7753,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
             <form method="GET" class="row g-3">
                 <input type="hidden" name="page" value="expenses">
                 <div class="col-md-3">
-                    <label class="form-label small">Category</label>
+                    <label class="form-label small" data-en="Category" data-ar="الفئة">Category</label>
                     <select name="category_id" class="form-select">
                         <option value="">All</option>
                         <?php foreach ($data['expense_categories'] as $c): ?>
@@ -7604,7 +7770,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                     <input type="date" name="end_date" class="form-control" value="<?= htmlspecialchars($_GET['end_date'] ?? '') ?>">
                 </div>
                 <div class="col-md-3 d-flex align-items-end gap-1">
-                    <button type="submit" class="btn btn-primary flex-grow-1">Filter</button>
+                    <button type="submit" class="btn btn-primary flex-grow-1" data-en="Filter" data-ar="تصفية">Filter</button>
                     <div class="dropdown d-inline-block">
                         <button class="btn btn-outline-success dropdown-toggle" type="button" data-bs-toggle="dropdown">
                             <i class="bi bi-download"></i> <span data-en="Export" data-ar="تصدير">Export</span>
@@ -7622,12 +7788,12 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
             <table class="table table-hover align-middle">
                 <thead>
                     <tr>
-                        <th>Date</th>
+                        <th data-en="Date" data-ar="التاريخ">Date</th>
                         <th>Reference</th>
-                        <th>Category</th>
-                        <th>Description</th>
-                        <th class="text-end">Amount</th>
-                        <th class="text-end">Actions</th>
+                        <th data-en="Category" data-ar="الفئة">Category</th>
+                        <th data-en="Description" data-ar="الوصف">Description</th>
+                        <th class="text-end" data-en="Amount" data-ar="المبلغ">Amount</th>
+                        <th class="text-end" data-en="Actions" data-ar="إجراءات">Actions</th>
                     </tr>
                 </thead>
                 <tbody>
@@ -7659,7 +7825,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                             <input type="hidden" name="id" value="<?= $exp['id'] ?>">
                                             <div class="modal-body">
                                                 <div class="mb-3">
-                                                    <label class="form-label">Category</label>
+                                                    <label class="form-label" data-en="Category" data-ar="الفئة">Category</label>
                             <select name="category_id" class="form-select select2" required>
                                                         <?php foreach ($data['expense_categories'] as $c): ?>
                                                         <option value="<?= $c['id'] ?>" <?= $c['id'] == $exp['category_id'] ? 'selected' : '' ?>><?= htmlspecialchars($c['name_en']) ?></option>
@@ -7667,11 +7833,11 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                                     </select>
                                                 </div>
                                                 <div class="mb-3">
-                                                    <label class="form-label">Date</label>
+                                                    <label class="form-label" data-en="Date" data-ar="التاريخ">Date</label>
                                                     <input type="date" name="expense_date" class="form-control" value="<?= $exp['expense_date'] ?>" required>
                                                 </div>
                                                 <div class="mb-3">
-                                                    <label class="form-label">Amount</label>
+                                                    <label class="form-label" data-en="Amount" data-ar="المبلغ">Amount</label>
                                                     <input type="number" step="0.001" name="amount" class="form-control" value="<?= (float)$exp['amount'] ?>" required>
                                                 </div>
                                                 <div class="mb-3">
@@ -7679,13 +7845,13 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                                     <input type="text" name="reference_no" class="form-control" value="<?= htmlspecialchars($exp['reference_no']) ?>">
                                                 </div>
                                                 <div class="mb-3">
-                                                    <label class="form-label">Description</label>
+                                                    <label class="form-label" data-en="Description" data-ar="الوصف">Description</label>
                                                     <textarea name="description" class="form-control"><?= htmlspecialchars($exp['description']) ?></textarea>
                                                 </div>
                                             </div>
                                             <div class="modal-footer">
-                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
-                                                <button type="submit" name="edit_expense" class="btn btn-primary">Update</button>
+                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
+                                                <button type="submit" name="edit_expense" class="btn btn-primary" data-en="Update" data-ar="تحديث">Update</button>
                                             </div>
                                         </form>
                                     </div>
@@ -7697,6 +7863,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <!-- Add Expense Modal -->
@@ -7710,7 +7878,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 <form method="POST">
                     <div class="modal-body">
                         <div class="mb-3">
-                            <label class="form-label">Category</label>
+                            <label class="form-label" data-en="Category" data-ar="الفئة">Category</label>
                             <select name="category_id" class="form-select" required>
                                 <option value="">Select Category</option>
                                 <?php foreach ($data['expense_categories'] as $c): ?>
@@ -7719,11 +7887,11 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                             </select>
                         </div>
                         <div class="mb-3">
-                            <label class="form-label">Date</label>
+                            <label class="form-label" data-en="Date" data-ar="التاريخ">Date</label>
                             <input type="date" name="expense_date" class="form-control" value="<?= date('Y-m-d') ?>" required>
                         </div>
                         <div class="mb-3">
-                            <label class="form-label">Amount</label>
+                            <label class="form-label" data-en="Amount" data-ar="المبلغ">Amount</label>
                             <input type="number" step="0.001" name="amount" class="form-control" required>
                         </div>
                         <div class="mb-3">
@@ -7731,13 +7899,13 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                             <input type="text" name="reference_no" class="form-control">
                         </div>
                         <div class="mb-3">
-                            <label class="form-label">Description</label>
+                            <label class="form-label" data-en="Description" data-ar="الوصف">Description</label>
                             <textarea name="description" class="form-control"></textarea>
                         </div>
                     </div>
                     <div class="modal-footer">
-                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
-                        <button type="submit" name="add_expense" class="btn btn-primary">Save</button>
+                        <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
+                        <button type="submit" name="add_expense" class="btn btn-primary" data-en="Save" data-ar="حفظ">Save</button>
                     </div>
                 </form>
             </div>
@@ -7903,7 +8071,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                     <input type="text" name="search" class="form-control form-control-sm" value="<?= htmlspecialchars($_GET['search'] ?? '') ?>" placeholder="Search by Return ID, Customer or Invoice ID...">
                 </div>
                 <div class="col-md-3">
-                    <button type="submit" class="btn btn-primary btn-sm w-100">Filter</button>
+                    <button type="submit" class="btn btn-primary btn-sm w-100" data-en="Filter" data-ar="تصفية">Filter</button>
                 </div>
             </form>
         </div>
@@ -7964,7 +8132,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                     <input type="text" name="search" class="form-control form-control-sm" value="<?= htmlspecialchars($_GET['search'] ?? '') ?>" placeholder="Search by Return ID, Supplier or Invoice ID...">
                 </div>
                 <div class="col-md-3">
-                    <button type="submit" class="btn btn-primary btn-sm w-100">Filter</button>
+                    <button type="submit" class="btn btn-primary btn-sm w-100" data-en="Filter" data-ar="تصفية">Filter</button>
                 </div>
             </form>
         </div>
@@ -8062,6 +8230,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <?php elseif ($page === 'hr_employees'): ?>
@@ -8179,6 +8349,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <?php elseif ($page === 'hr_attendance'): ?>
@@ -8277,6 +8449,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <!-- Biometric Info Modal -->
@@ -8385,6 +8559,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <!-- Generate Payroll Modal -->
@@ -8528,6 +8704,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <!-- Add Device Modal -->
@@ -8696,6 +8874,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <!-- Add Scale Device Modal -->
@@ -8989,11 +9169,11 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                                             </div>
                                                             <div class="form-check">
                                                                 <input class="form-check-input select-all-action" type="checkbox" data-action="edit" id="selectAllEdit<?= $group['id'] ?>">
-                                                                <label class="form-check-label small" for="selectAllEdit<?= $group['id'] ?>">Edit</label>
+                                                                <label class="form-check-label small" for="selectAllEdit<?= $group['id'] ?>" data-en="Edit" data-ar="تعديل">Edit</label>
                                                             </div>
                                                             <div class="form-check">
                                                                 <input class="form-check-input select-all-action" type="checkbox" data-action="delete" id="selectAllDelete<?= $group['id'] ?>">
-                                                                <label class="form-check-label small" for="selectAllDelete<?= $group['id'] ?>">Delete</label>
+                                                                <label class="form-check-label small" for="selectAllDelete<?= $group['id'] ?>" data-en="Delete" data-ar="حذف">Delete</label>
                                                             </div>
                                                         </div>
                                                     </div>
@@ -9053,6 +9233,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
     <script>
     $(document).ready(function() {
@@ -9380,6 +9562,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
     <?php elseif ($page === 'cash_registers'): ?>
     <div class="card p-4 rounded-4 shadow-sm border-0">
@@ -9448,7 +9632,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                                     <input type="text" name="name" class="form-control" value="<?= htmlspecialchars($r['name']) ?>" required>
                                                 </div>
                                                 <div class="mb-3">
-                                                    <label class="form-label">Status</label>
+                                                    <label class="form-label" data-en="Status" data-ar="الحالة">Status</label>
                                                     <select name="status" class="form-select">
                                                         <option value="active" <?= $r['status'] === 'active' ? 'selected' : '' ?>>Active</option>
                                                         <option value="inactive" <?= $r['status'] === 'inactive' ? 'selected' : '' ?>>Inactive</option>
@@ -9456,7 +9640,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                                 </div>
                                             </div>
                                             <div class="modal-footer">
-                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
+                                                <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
                                                 <button type="submit" name="edit_cash_register" class="btn btn-primary">Save Changes</button>
                                             </div>
                                         </form>
@@ -9469,6 +9653,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <!-- Add Modal -->
@@ -9487,7 +9673,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                         </div>
                     </div>
                     <div class="modal-footer">
-                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
+                        <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
                         <button type="submit" name="add_cash_register" class="btn btn-primary">Add Register</button>
                     </div>
                 </form>
@@ -9653,6 +9839,8 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 </tbody>
             </table>
         </div>
+        <?= renderPagination($data['current_page'] ?? 1, $data['total_pages'] ?? 1) ?>
+        
     </div>
 
     <!-- Modals outside loop for better structure -->
@@ -9804,10 +9992,10 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                                             <tr>
                                                                 <th>Time</th>
                                                                  <th>Order #</th>
-                                                                 <th>Customer</th>
+                                                                 <th data-en="Customer" data-ar="العميل">Customer</th>
                                                                  <th>Items</th>
                                                                  <th>Method</th>
-                                                                <th class="text-end">Amount</th>
+                                                                <th class="text-end" data-en="Amount" data-ar="المبلغ">Amount</th>
                                                             </tr>
                                                         </thead>
                                                         <tbody>
@@ -9880,7 +10068,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                         </div>
                                         <div class="modal-footer">
                                             <button type="button" class="btn btn-secondary" onclick="window.print()">Print Report</button>
-                                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
+                                            <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Close" data-ar="إغلاق">Close</button>
                                         </div>
                                     </div>
                                 </div>
@@ -9912,7 +10100,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                         </div>
                     </div>
                     <div class="modal-footer">
-                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
+                        <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
                         <button type="submit" name="open_register" class="btn btn-success">Open Register</button>
                     </div>
                 </form>
@@ -10010,9 +10198,9 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                                         <tr>
                                             <th>Time</th>
                                             <th>Order #</th>
-                                            <th>Customer</th>
+                                            <th data-en="Customer" data-ar="العميل">Customer</th>
                                             <th>Method</th>
-                                            <th class="text-end">Amount</th>
+                                            <th class="text-end" data-en="Amount" data-ar="المبلغ">Amount</th>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -10047,7 +10235,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                         </div>
                     </div>
                     <div class="modal-footer">
-                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
+                        <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
                         <button type="submit" name="close_register" class="btn btn-danger">Close Register & Submit</button>
                     </div>
                 </form>
@@ -10203,19 +10391,19 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                             <div class="d-flex gap-3">
                                 <div class="form-check">
                                     <input class="form-check-input select-all-action" type="checkbox" data-action="view" id="addSelectAllView">
-                                    <label class="form-check-label small" for="addSelectAllView">View</label>
+                                    <label class="form-check-label small" for="addSelectAllView" data-en="View" data-ar="عرض">View</label>
                                 </div>
                                 <div class="form-check">
                                     <input class="form-check-input select-all-action" type="checkbox" data-action="add" id="addSelectAllAdd">
-                                    <label class="form-check-label small" for="addSelectAllAdd">Add</label>
+                                    <label class="form-check-label small" for="addSelectAllAdd" data-en="Add" data-ar="إضافة">Add</label>
                                 </div>
                                 <div class="form-check">
                                     <input class="form-check-input select-all-action" type="checkbox" data-action="edit" id="addSelectAllEdit">
-                                    <label class="form-check-label small" for="addSelectAllEdit">Edit</label>
+                                    <label class="form-check-label small" for="addSelectAllEdit" data-en="Edit" data-ar="تعديل" data-en="Edit" data-ar="تعديل">Edit</label>
                                 </div>
                                 <div class="form-check">
                                     <input class="form-check-input select-all-action" type="checkbox" data-action="delete" id="addSelectAllDelete">
-                                    <label class="form-check-label small" for="addSelectAllDelete">Delete</label>
+                                    <label class="form-check-label small" for="addSelectAllDelete" data-en="Delete" data-ar="حذف" data-en="Delete" data-ar="حذف">Delete</label>
                                 </div>
                             </div>
                         </div>
@@ -10939,14 +11127,14 @@ document.addEventListener('DOMContentLoaded', function() {
         btn.addEventListener('click', function() {
             const invoiceId = this.getAttribute('data-id');
             const tbody = document.getElementById('paymentsTableBody');
-            tbody.innerHTML = '<tr><td colspan="5" class="text-center">Loading...</td></tr>';
+            tbody.innerHTML = '<tr><td colspan="5" class="text-center" data-en="Loading..." data-ar="جاري التحميل...">Loading...</td></tr>';
             
             fetch(`index.php?action=get_payments&invoice_id=${invoiceId}`)
                 .then(res => res.json())
                 .then(data => {
                     tbody.innerHTML = '';
                     if (data.length === 0) {
-                        tbody.innerHTML = '<tr><td colspan="5" class="text-center">No payments found.</td></tr>';
+                        tbody.innerHTML = '<tr><td colspan="5" class="text-center" data-en="No payments found." data-ar="لا توجد مدفوعات.">No payments found.</td></tr>';
                         return;
                     }
                     data.forEach(p => {
@@ -11232,14 +11420,14 @@ document.addEventListener('DOMContentLoaded', function() {
             <hr>
             <div class="row mb-4">
                 <div class="col-6">
-                    <h6 class="text-uppercase text-muted fw-bold mb-3">Supplier</h6>
+                    <h6 class="text-uppercase text-muted fw-bold mb-3" data-en="Supplier" data-ar="المورد">Supplier</h6>
                     <p class="h6 mb-1 fw-bold">${data.supplier_name}</p>
                     <p class="small text-muted mb-0">
                         ${data.supplier_phone ? `Phone: ${data.supplier_phone}` : ''}
                     </p>
                 </div>
                 <div class="col-6 text-end">
-                    <h6 class="text-uppercase text-muted fw-bold mb-3">Details</h6>
+                    <h6 class="text-uppercase text-muted fw-bold mb-3" data-en="Details" data-ar="تفاصيل">Details</h6>
                     <div class="d-flex justify-content-end mb-1">
                         <span class="text-muted me-2">Date:</span>
                         <span class="fw-bold">${data.lpo_date}</span>
@@ -11259,17 +11447,17 @@ document.addEventListener('DOMContentLoaded', function() {
                     <thead class="table-dark">
                         <tr>
                             <th style="width: 5%">#</th>
-                            <th style="width: 45%">Description</th>
-                            <th style="width: 10%" class="text-center">Qty</th>
+                            <th style="width: 45%" data-en="Description" data-ar="الوصف">Description</th>
+                            <th style="width: 10%" class="text-center" data-en="Qty" data-ar="الكمية">Qty</th>
                             <th style="width: 15%" class="text-end">Unit Price</th>
                             <th style="width: 10%" class="text-center">VAT</th>
-                            <th style="width: 15%" class="text-end">Total</th>
+                            <th style="width: 15%" class="text-end" data-en="Total" data-ar="الإجمالي">Total</th>
                         </tr>
                     </thead>
                     <tbody>${itemsHtml}</tbody>
                     <tfoot class="table-light">
                         <tr>
-                            <td colspan="5" class="text-end fw-bold">Subtotal</td>
+                            <td colspan="5" class="text-end fw-bold" data-en="Subtotal" data-ar="الإجمالي الفرعي">Subtotal</td>
                             <td class="text-end fw-bold">OMR ${parseFloat(data.total_amount).toFixed(3)}</td>
                         </tr>
                         <tr>
@@ -11487,7 +11675,7 @@ document.addEventListener('DOMContentLoaded', function() {
         if (data.status === 'pending') {
             const convertBtn = document.createElement('button');
             convertBtn.className = 'btn btn-success me-2';
-            convertBtn.innerHTML = '<i class="bi bi-receipt"></i> Convert to Invoice';
+            convertBtn.innerHTML = '<i class="bi bi-receipt"></i> <span data-en="Convert to Invoice" data-ar="تحويل إلى فاتورة">Convert to Invoice</span>';
             convertBtn.onclick = function() {
                 if (confirm('Convert this quotation to an invoice?')) {
                     const f = document.createElement('form');
@@ -11501,7 +11689,7 @@ document.addEventListener('DOMContentLoaded', function() {
             
             const editBtn = document.createElement('button');
             editBtn.className = 'btn btn-primary';
-            editBtn.innerHTML = '<i class="bi bi-pencil-square"></i> Edit';
+            editBtn.innerHTML = '<i class="bi bi-pencil-square"></i> <span data-en="Edit" data-ar="تعديل">Edit</span>';
             editBtn.onclick = function() {
                 const editModal = new bootstrap.Modal(document.getElementById('editQuotationModal'));
                 modal.hide();
@@ -11636,7 +11824,7 @@ document.addEventListener('DOMContentLoaded', function() {
             }
 
             if (tbody) {
-                tbody.innerHTML = '<tr><td colspan="5" class="text-center"><div class="spinner-border spinner-border-sm text-primary"></div> Loading items...</td></tr>';
+                tbody.innerHTML = '<tr><td colspan="5" class="text-center"><div class="spinner-border spinner-border-sm text-primary"></div> <span data-en="Loading items..." data-ar="جاري تحميل الأصناف...">Loading items...</span></td></tr>';
             }
             if (container) container.style.display = 'block';
 
@@ -11647,7 +11835,7 @@ document.addEventListener('DOMContentLoaded', function() {
                 if (tbody) {
                     tbody.innerHTML = '';
                     if (items.length === 0) {
-                        tbody.innerHTML = '<tr><td colspan="5" class="text-center text-muted">No items found for this invoice.</td></tr>';
+                        tbody.innerHTML = '<tr><td colspan="5" class="text-center text-muted" data-en="No items found for this invoice." data-ar="لا توجد أصناف لهذه الفاتورة.">No items found for this invoice.</td></tr>';
                     } else {
                         let html = '';
                         items.forEach(item => {
@@ -11842,7 +12030,7 @@ document.addEventListener('DOMContentLoaded', function() {
                                             <th>Purchased Qty</th>
                                             <th>Return Qty</th>
                                             <th>Price</th>
-                                            <th>Total</th>
+                                            <th data-en="Total" data-ar="الإجمالي">Total</th>
                                         </tr>
                                     </thead>
                                     <tbody id="purchase_return_items_tbody"></tbody>
@@ -11861,7 +12049,7 @@ document.addEventListener('DOMContentLoaded', function() {
                         </div>
                     </div>
                     <div class="modal-footer">
-                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
+                        <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
                         <button type="submit" name="add_purchase_return" class="btn btn-danger" id="purchase_submit_return_btn" disabled>Process Return</button>
                     </div>
                 </form>
@@ -11906,7 +12094,7 @@ document.addEventListener('DOMContentLoaded', function() {
                                             <th>Sold Qty</th>
                                             <th>Return Qty</th>
                                             <th>Price</th>
-                                            <th>Total</th>
+                                            <th data-en="Total" data-ar="الإجمالي">Total</th>
                                         </tr>
                                     </thead>
                                     <tbody id="return_items_tbody"></tbody>
@@ -11925,7 +12113,7 @@ document.addEventListener('DOMContentLoaded', function() {
                         </div>
                     </div>
                     <div class="modal-footer">
-                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
+                        <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
                         <button type="submit" name="add_sales_return" class="btn btn-danger" id="submit_return_btn" disabled>Process Return</button>
                     </div>
                 </form>
@@ -11979,7 +12167,7 @@ document.addEventListener('DOMContentLoaded', function() {
                         </div>
                     </div>
                     <div class="modal-footer">
-                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
+                        <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
                         <button type="submit" name="add_account" class="btn btn-primary">Save Account</button>
                     </div>
                 </form>
@@ -12060,7 +12248,7 @@ document.addEventListener('DOMContentLoaded', function() {
                                         </td>
                                     </tr>
                                     <tr class="table-light fw-bold">
-                                        <td class="text-end">Total</td>
+                                        <td class="text-end" data-en="Total" data-ar="الإجمالي">Total</td>
                                         <td id="totalDebitDisplay">0.000</td>
                                         <td id="totalCreditDisplay">0.000</td>
                                         <td></td>
@@ -12193,7 +12381,7 @@ document.addEventListener('DOMContentLoaded', function() {
                                     <option value="credit">Credit</option>
                                 </select>
                             </div>
-                            <div class="col-md-1">
+                            <div class="col-md-3">
                                 <label class="form-label fw-bold" data-en="Status" data-ar="الحالة">Status</label>
                                 <select name="status" id="add_status" class="form-select">
                                     <option value="unpaid">Unpaid</option>
@@ -12201,7 +12389,7 @@ document.addEventListener('DOMContentLoaded', function() {
                                     <option value="paid">Paid</option>
                                 </select>
                             </div>
-                            <div class="col-md-2" id="addPaidAmountContainer" style="display: none;">
+                            <div class="col-md-3" id="addPaidAmountContainer" style="display: none;">
                                 <label class="form-label fw-bold" data-en="Paid Amount" data-ar="المبلغ المدفوع">Paid Amount</label>
                                 <input type="number" step="0.001" name="paid_amount" class="form-control" value="0.000">
                             </div>
@@ -12297,7 +12485,7 @@ document.addEventListener('DOMContentLoaded', function() {
                                     <option value="credit">Credit</option>
                                 </select>
                             </div>
-                            <div class="col-md-1">
+                            <div class="col-md-3">
                                 <label class="form-label fw-bold" data-en="Status" data-ar="الحالة">Status</label>
                                 <select name="status" id="edit_status" class="form-select">
                                     <option value="unpaid">Unpaid</option>
@@ -12305,7 +12493,7 @@ document.addEventListener('DOMContentLoaded', function() {
                                     <option value="paid">Paid</option>
                                 </select>
                             </div>
-                            <div class="col-md-2" id="editPaidAmountContainer" style="display: none;">
+                            <div class="col-md-3" id="editPaidAmountContainer" style="display: none;">
                                 <label class="form-label fw-bold" data-en="Paid Amount" data-ar="المبلغ المدفوع">Paid Amount</label>
                                 <input type="number" step="0.001" name="paid_amount" id="edit_paid_amount" class="form-control">
                             </div>
@@ -12476,7 +12664,7 @@ document.addEventListener('DOMContentLoaded', function() {
                                 <label class="form-label fw-bold" data-en="Delivery Date" data-ar="تاريخ التسليم">Delivery Date</label>
                                 <input type="date" name="delivery_date" id="edit_lpo_delivery_date" class="form-control">
                             </div>
-                            <div class="col-md-2">
+                            <div class="col-md-3">
                                 <label class="form-label fw-bold" data-en="Status" data-ar="الحالة">Status</label>
                                 <select name="status" id="edit_lpo_status" class="form-select">
                                     <option value="pending">Pending</option>
@@ -12484,7 +12672,7 @@ document.addEventListener('DOMContentLoaded', function() {
                                     <option value="cancelled">Cancelled</option>
                                 </select>
                             </div>
-                            <div class="col-md-3">
+                            <div class="col-md-12">
                                 <label class="form-label fw-bold" data-en="Terms" data-ar="الشروط">Terms</label>
                                 <textarea name="terms_conditions" id="edit_lpo_terms" class="form-control" rows="1"></textarea>
                             </div>
@@ -12551,7 +12739,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     <!-- Loaded via JS -->
                 </div>
                 <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" data-en="Close" data-ar="إغلاق">Close</button>
                     <button type="button" class="btn btn-primary" onclick="window.printLPO()">Print LPO</button>
                 </div>
             </div>
@@ -12738,8 +12926,8 @@ document.addEventListener('DOMContentLoaded', function() {
                 </div>
                 <div class="modal-footer d-print-none">
                     <div id="quotationActionButtons" class="me-auto"></div>
-                    <button type="button" class="btn btn-secondary" onclick="window.print()"><i class="bi bi-printer"></i> Print</button>
-                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
+                    <button type="button" class="btn btn-secondary" onclick="window.print()"><i class="bi bi-printer"></i data-en="Print" data-ar="طباعة">Print</button>
+                    <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Close" data-ar="إغلاق">Close</button>
                 </div>
             </div>
         </div>
@@ -12975,7 +13163,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     </div>
                 </div>
                 <div class="modal-footer d-print-none">
-                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
+                    <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Close" data-ar="إغلاق">Close</button>
                     <button type="button" class="btn btn-primary" onclick="window.print()"><i class="bi bi-printer me-2"></i>Print Invoice</button>
                 </div>
             </div>
@@ -13096,7 +13284,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     </div>
                 </div>
                 <div class="modal-footer border-0 d-print-none">
-                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
+                    <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Close" data-ar="إغلاق">Close</button>
                     <button type="button" class="btn btn-primary" onclick="window.printReceipt()"><i class="bi bi-printer me-2"></i>Print Receipt</button>
                 </div>
             </div>
@@ -13144,7 +13332,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     <div class="mb-2 p-2 border rounded bg-light shadow-sm">
                         <div class="d-flex justify-content-between align-items-center">
                             <div>
-                                <span class="small text-muted d-block">Customer</span>
+                                <span class="small text-muted d-block" data-en="Customer" data-ar="العميل">Customer</span>
                                 <span class="h6 fw-bold m-0 text-primary" id="paymentCustomerName">Walk-in Customer</span>
                             </div>
                             <i class="bi bi-person-circle fs-3 text-secondary"></i>
@@ -13200,15 +13388,14 @@ document.addEventListener('DOMContentLoaded', function() {
 
                         <div class="row g-2 align-items-end">
                             <div class="col">
-                                <label class="form-label smaller fw-bold mb-1">Amount</label>
+                                <label class="form-label smaller fw-bold mb-1" data-en="Amount" data-ar="المبلغ">Amount</label>
                                 <div class="input-group">
                                     <input type="number" step="0.001" id="partialAmount" class="form-control" placeholder="0.000" oninput="cart.updateRemaining()">
                                 </div>
                             </div>
                             <div class="col-auto">
                                 <button type="button" class="btn btn-primary" onclick="cart.addPaymentLine()">
-                                    <i class="bi bi-plus-lg"></i> ADD
-                                </button>
+                                    <i class="bi bi-plus-lg"></i data-en="Add" data-ar="إضافة">ADD</button>
                             </div>
                         </div>
 
@@ -13230,7 +13417,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     </div>
                 </div>
                 <div class="modal-footer border-0">
-                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
+                    <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Cancel" data-ar="إلغاء">Cancel</button>
                     <button type="button" class="btn btn-primary px-4" id="confirmPaymentBtn" onclick="cart.completeOrder()">
                         PAY & COMPLETE
                     </button>
@@ -13292,7 +13479,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     </div>
                 </div>
                 <div class="modal-footer">
-                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
+                    <button type="button" class="btn btn-light" data-bs-dismiss="modal" data-en="Close" data-ar="إغلاق">Close</button>
                     <button type="button" class="btn btn-primary" onclick="executeBarcodePrint()"><i class="bi bi-printer me-2"></i>Print Now</button>
                 </div>
             </div>
@@ -13467,7 +13654,7 @@ document.addEventListener('DOMContentLoaded', function() {
         if (container) {
             container.innerHTML = '';
             if (checkedItems.length === 0) {
-                container.innerHTML = '<small class="text-muted">No items selected.</small>';
+                container.innerHTML = '<small class="text-muted" data-en="No items selected." data-ar="لم يتم تحديد أي صنف.">No items selected.</small>';
             } else {
                 const table = document.createElement('table');
                 table.className = 'table table-sm table-borderless mb-0';
@@ -13874,6 +14061,65 @@ document.addEventListener('DOMContentLoaded', function() {
         location.reload();
     }
 
+    // --- Language Apply Script ---
+    function applyLanguage(node) {
+        const docLang = document.documentElement.lang || 'ar';
+        const targetAttr = docLang === 'ar' ? 'data-ar' : 'data-en';
+
+        let elements = [];
+        if (node.nodeType === Node.ELEMENT_NODE) {
+            if (node.hasAttribute(targetAttr)) {
+                elements.push(node);
+            }
+            node.querySelectorAll('[' + targetAttr + ']').forEach(el => elements.push(el));
+        }
+
+        elements.forEach(el => {
+            const text = el.getAttribute(targetAttr);
+            if (!text) return;
+
+            if (el.hasAttribute('placeholder')) {
+                el.setAttribute('placeholder', text);
+            }
+            if (el.hasAttribute('title')) {
+                el.setAttribute('title', text);
+            }
+
+            let textNodes = [];
+            el.childNodes.forEach(child => {
+                if (child.nodeType === Node.TEXT_NODE && child.nodeValue.trim() !== '') {
+                    textNodes.push(child);
+                }
+            });
+
+            if (textNodes.length > 0) {
+                textNodes[0].nodeValue = text;
+                for (let i = 1; i < textNodes.length; i++) {
+                    textNodes[i].nodeValue = '';
+                }
+            } else if (el.children.length === 1 && ['STRONG', 'B', 'SPAN', 'SMALL'].includes(el.children[0].tagName)) {
+                el.children[0].textContent = text;
+            } else if (el.children.length === 0) {
+                el.textContent = text;
+            }
+        });
+    }
+
+    document.addEventListener('DOMContentLoaded', function() {
+        applyLanguage(document.body);
+
+        const observer = new MutationObserver(mutations => {
+            mutations.forEach(mutation => {
+                mutation.addedNodes.forEach(node => {
+                    if (node.nodeType === Node.ELEMENT_NODE) {
+                        applyLanguage(node);
+                    }
+                });
+            });
+        });
+        observer.observe(document.body, { childList: true, subtree: true });
+    });
+    // -----------------------------
     <?php if ($page === 'dashboard'): ?>
     const monthlyData = <?= json_encode($data['monthly_sales']) ?>;
     const yearlyData = <?= json_encode($data['yearly_sales']) ?>;
diff --git a/post_debug.log b/post_debug.log
deleted file mode 100644
index e07ae0a..0000000
--- a/post_debug.log
+++ /dev/null
@@ -1,24 +0,0 @@
-2026-02-22 02:55:30 - POST: {"action":"translate","text":"Tomato","target":"ar"}
-2026-02-22 03:38:27 - POST: {"invoice_id":"28","return_date":"2026-02-22","quantities":["1","0"],"item_ids":["1","2"],"prices":["0.450","0.250"],"notes":"","add_sales_return":""}
-2026-02-22 03:38:38 - POST: {"invoice_id":"28","return_date":"2026-02-22","quantities":["1","0"],"item_ids":["1","2"],"prices":["0.450","0.250"],"notes":"","add_sales_return":""}
-2026-02-22 03:40:01 - POST: {"type":"sale","customer_id":"1","invoice_date":"2026-02-22","due_date":"","payment_type":"cash","status":"paid","paid_amount":"0.000","item_ids":["6"],"quantities":["3.5"],"prices":["0.100"],"add_invoice":""}
-2026-02-22 05:30:52 - POST: {"type":"sale","customer_id":"1","invoice_date":"2026-02-22","due_date":"","payment_type":"cash","status":"paid","paid_amount":"0.000","item_ids":["6"],"quantities":["3.5"],"prices":["0.100"],"add_invoice":""}
-2026-02-22 05:31:32 - POST: {"invoice_id":"27","return_date":"2026-02-22","quantities":["2"],"item_ids":["1"],"prices":["0.450"],"notes":"","add_sales_return":""}
-2026-02-22 05:32:23 - POST: {"type":"sale","customer_id":"4","invoice_date":"2026-02-22","due_date":"","payment_type":"cash","status":"unpaid","paid_amount":"0.000","item_ids":["2"],"quantities":["1"],"prices":["0.250"],"add_invoice":""}
-2026-02-22 05:32:56 - POST: {"type":"sale","customer_id":"4","invoice_date":"2026-02-22","due_date":"2026-02-26","payment_type":"cash","status":"unpaid","paid_amount":"0.000","item_ids":["6"],"quantities":["1"],"prices":["0.100"],"add_invoice":""}
-2026-02-22 05:39:55 - POST: {"type":"sale","customer_id":"4","invoice_date":"2026-02-22","due_date":"2026-02-26","payment_type":"cash","status":"unpaid","paid_amount":"0.000","item_ids":["6"],"quantities":["1"],"prices":["0.100"],"add_invoice":""}
-2026-02-22 05:45:16 - POST: {"type":"sale","customer_id":"4","invoice_date":"2026-02-22","due_date":"2026-02-26","payment_type":"cash","status":"unpaid","paid_amount":"0.000","item_ids":["6"],"quantities":["1"],"prices":["0.100"],"add_invoice":""}
-2026-02-22 05:45:44 - POST: {"type":"sale","customer_id":"4","invoice_date":"2026-02-22","due_date":"","payment_type":"cash","status":"unpaid","paid_amount":"0.000","item_ids":["6"],"quantities":["1"],"prices":["0.100"],"add_invoice":""}
-2026-02-22 05:46:02 - POST: {"invoice_id":"32","return_date":"2026-02-22","quantities":["1"],"item_ids":["6"],"prices":["0.100"],"notes":"","add_sales_return":""}
-2026-02-22 06:41:12 - POST: {"action":"save_theme","theme":"forest"}
-2026-02-22 06:41:25 - POST: {"action":"save_theme","theme":"forest"}
-2026-02-22 06:43:27 - POST: {"action":"save_theme","theme":"default"}
-2026-02-22 06:43:29 - POST: {"action":"save_theme","theme":"ocean"}
-2026-02-22 06:43:30 - POST: {"action":"save_theme","theme":"dracula"}
-2026-02-22 06:43:38 - POST: {"action":"save_theme","theme":"default"}
-2026-02-22 07:19:04 - POST: {"customer_id":"1","quotation_date":"2026-02-22","valid_until":"","item_ids":["6"],"quantities":["1"],"prices":["0.100"],"add_quotation":""}
-2026-02-22 07:19:14 - POST: {"customer_id":"1","quotation_date":"2026-02-22","valid_until":"","item_ids":["6"],"quantities":["1"],"prices":["0.100"],"add_quotation":""}
-2026-02-22 07:19:45 - POST: {"customer_id":"1","quotation_date":"2026-02-22","valid_until":"","item_ids":["2","1"],"quantities":["10","5"],"prices":["0.250","0.450"],"add_quotation":""}
-2026-02-22 07:19:52 - POST: {"customer_id":"1","quotation_date":"2026-02-22","valid_until":"","item_ids":["2","1"],"quantities":["10","5"],"prices":["0.250","0.450"],"add_quotation":""}
-2026-02-22 07:20:11 - POST: {"type":"sale","customer_id":"4","invoice_date":"2026-02-22","due_date":"","payment_type":"cash","status":"unpaid","paid_amount":"0.000","item_ids":["2"],"quantities":["1"],"prices":["0.250"],"add_invoice":""}
-2026-02-22 07:20:34 - POST: {"customer_id":"4","quotation_date":"2026-02-22","valid_until":"","item_ids":["2"],"quantities":["1"],"prices":["0.250"],"add_quotation":""}
diff --git a/search_debug.log b/search_debug.log
index 6f73cd0..cca9321 100644
--- a/search_debug.log
+++ b/search_debug.log
@@ -1,10 +1 @@
-2026-02-22 03:39:40 - search_items call: q=on
-2026-02-22 05:32:07 - search_items call: q=po
-2026-02-22 05:32:10 - search_items call: q=on
-2026-02-22 05:32:45 - search_items call: q=on
-2026-02-22 05:45:42 - search_items call: q=on
-2026-02-22 07:19:01 - search_items call: q=on
-2026-02-22 07:19:25 - search_items call: q=on
-2026-02-22 07:19:37 - search_items call: q=to
-2026-02-22 07:20:08 - search_items call: q=on
-2026-02-22 07:20:31 - search_items call: q=on
+2026-02-25 04:49:58 - search_items call: q=on