style: unify UI styling & restore dashboard logic

- Restored HW/SW Dashboard full features (Chart.js, filters, tables) from main
- Unified Search Bar & Filter Bar across all views (List, Location)
- Integrated asset identity info into all Modal Headers
- Standardized 'Remove Row' buttons as high-visibility circular circles
- Centralized hardcoded inline styles into dedicated CSS files
- Fixed various ReferenceErrors and layout regressions in HWModal

src/styles/table.css

@@ -27,65 +27,7 @@
   line-height: 1.5;
 }
 
-/* --- Table View & Filter Styles --- */
-.search-bar {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--spacing-base);
-  padding: 1.25rem var(--spacing-base);
-  border-bottom: 1px solid var(--hairline);
-  align-items: flex-end; /* This aligns inputs and buttons at the bottom */
-  background: var(--canvas);
-}
-
-.search-item {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  justify-content: flex-end;
-}
-
-.search-item.flex-1 {
-  flex: 1;
-  min-width: 300px;
-}
-
-.search-item label {
-  font-size: var(--fs-xs);
-  font-weight: 600;
-  color: var(--mute);
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-}
-
-.search-item input, 
-.search-item select {
-  height: clamp(34px, 4.5vmin, 44px);
-  padding: 0 0.75rem;
-  border: 1px solid var(--hairline);
-  border-radius: 6px;
-  font-size: var(--fs-sm);
-  outline: none;
-  background-color: var(--canvas);
-  color: var(--primary);
-  transition: border-color 0.2s;
-}
-
-.search-item select {
-  padding-right: 2.5rem !important;
-  cursor: pointer;
-}
-
-.search-item input:focus, 
-.search-item select:focus {
-  border-color: var(--primary);
-}
-
-.btn-reset {
-  height: 38px !important;
-  color: var(--mute) !important;
-}
-
+/* --- Table View Styles --- */
 .table-container {
   flex: 1;
   background-color: var(--canvas);
@@ -186,15 +128,19 @@ th.sortable.desc::after { content: '▼'; opacity: 1; color: var(--primary); }
   font-weight: 600;
   color: var(--mute);
   border-bottom: 1px solid var(--hairline);
-  background: var(--canvas);
+  background: var(--canvas-soft);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
 }
 
 .compact-table td {
   padding: 0.75rem 0.5rem;
-  font-size: var(--fs-base);
+  font-size: var(--fs-sm);
   border-bottom: 1px solid var(--hairline-soft, #f5f5f5);
+  color: var(--primary);
 }
 
+
 .compact-table tr.clickable-row:hover {
   background: var(--canvas-soft);
   cursor: pointer;