Update attendance report, modified record will be highlighted

static/css/attendance.css

@@ -377,6 +377,22 @@
 }
 
 /* Table Cell Content */
+.modified-record {
+    background-color: #fff3cd !important;
+    border-left: 3px solid #ffc107 !important;
+}
+
+/* Make sure there's no animation that causes flashing */
+.modified-record * {
+    animation: none !important;
+}
+
+/* Remove any existing animations on table rows */
+tr.modified-record {
+    animation: none !important;
+    transition: none !important;
+}
+
 .employee-info {
   display: flex;
   align-items: center;

static/js/attendance_report.js

@@ -585,7 +585,8 @@ function loadTableData() {
               : "unknown",
           device: cells[10] // Updated from cells[9]
               ? cells[10].textContent.trim()
-              : ""
+              : "",
+          isModified: row.classList.contains('modified-record'),
       };
     });
 
@@ -663,6 +664,11 @@ function extractLocationAccuracyLevel(cell) {
 function createTableRow(record, displayIndex) {
   const row = document.createElement("tr");
   row.dataset.recordId = record.id;
+  
+  // Apply highlighting if record was modified
+  if (record.isModified) {
+      row.classList.add('modified-record');
+  }
 
   // Debug logging for first few records
   if (displayIndex <= 3) {