feat: Add PWA support and consolidate CSS design system

- Add PWA manifest, icons (192x192, 512x512), and service worker
- Register service worker in index.html with Apple mobile web app support
- Consolidate CSS variables and design tokens documentation
- Update PrimeVue overrides for consistent theming
- Refactor data-entry components to use shared CSS patterns
- Add frontend-style-auditor agent for style consistency checks
- Minor OCR validation and job worker improvements
- Update start-prod.sh configuration

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/modules/reports/components/dashboard/DetailedDataTable.vue

@@ -580,7 +580,7 @@ watch(
 }
 
 .detailed-table th {
-  background: #ffffff;
+  background: var(--surface-card);
   font-weight: 500;
   color: var(--color-text-primary);
   position: sticky;
@@ -592,7 +592,7 @@ watch(
 
 /* Group row styling */
 .group-row {
-  background: #ffffff;
+  background: var(--surface-card);
   cursor: pointer;
   font-weight: 500;
   border-top: 1px solid var(--color-border);
@@ -600,26 +600,26 @@ watch(
 }
 
 .group-row:hover {
-  background: #f8f9fa;
+  background: var(--surface-hover);
 }
 
 .group-row.has-restant:hover {
-  background: #f8f9fa;
+  background: var(--surface-hover);
 }
 
 /* Single invoice row styling */
 .single-invoice-row {
-  background: #ffffff;
+  background: var(--surface-card);
   font-weight: 400;
   transition: background 0.15s ease;
 }
 
 .single-invoice-row:hover {
-  background: #f8f9fa;
+  background: var(--surface-hover);
 }
 
 .single-invoice-row.row-restant:hover {
-  background: #f8f9fa;
+  background: var(--surface-hover);
 }
 
 .single-invoice-row td:first-child {

src/modules/reports/views/InvoicesView.vue

@@ -878,23 +878,7 @@ watch(
   display: block;
 }
 
-/* Enhanced striped rows with better contrast - same as Trial Balance */
-.table-card :deep(.p-datatable .p-datatable-tbody > tr) {
-  transition: background-color 0.2s ease;
-}
-
-.table-card :deep(.p-datatable .p-datatable-tbody > tr:nth-child(odd)) {
-  background-color: #ffffff;
-}
-
-.table-card :deep(.p-datatable .p-datatable-tbody > tr:nth-child(even)) {
-  background-color: #f8f9fa;
-}
-
-.table-card :deep(.p-datatable .p-datatable-tbody > tr:hover) {
-  background-color: #e3f2fd !important;
-  cursor: pointer;
-}
+/* Enhanced striped rows - moved to vendor/primevue-overrides.css with design tokens */
 
 /* Responsive design */
 @media (max-width: 768px) {

src/modules/reports/views/ServerLogsView.vue

@@ -343,8 +343,8 @@ onUnmounted(() => {
 .logs-container {
   max-height: 600px;
   overflow-y: auto;
-  background: #ffffff;
-  border: 1px solid #e2e8f0;
+  background: var(--surface-card);
+  border: 1px solid var(--surface-border);
   border-radius: var(--radius-md);
   padding: var(--space-sm);
 }

src/modules/reports/views/TelegramView.vue

@@ -282,9 +282,9 @@ onUnmounted(() => {
   display: flex;
   justify-content: center;
   padding: var(--space-lg);
-  background: white;
+  background: var(--surface-card);
   border-radius: var(--radius-md);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  box-shadow: var(--shadow-sm);
 }
 
 /* Responsive - Telegram-specific adjustments */