feat: add CFCFRMS module, bank menus, mock backend, and dashboard redesign

- CFCFRMS cyber fraud complaint management with dashboard, complaints, escalation, report suspect/mule/fraud txn, FMR submission, CFR lookup - Mock HTTP interceptor with 20 dummy complaints and all endpoints - Simulator service for I4C/MHA integration testing - 3-row menu bar with 22 items (7+8+8 layout) - Mega menus for General Ledger, Sub Ledger, Deposits, Share, Others, HRM, RBI with search and grouped columns - Dropdowns for Cashier, Clearing, NPA, CKYC, Advances, Letter Mgmt, Insurance, Digital - Dashboard redesign with regulatory, financial health, deposits, risk/NPA sections using static banking data - All translations added to en-US.json - FontAwesome icons registered for all new menu items Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 18:05:43 +05:30
parent 0a32d7135e
commit b3a4cce0cf
55 changed files with 9667 additions and 298 deletions
@@ -0,0 +1,148 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+.complaint-list-page {
+  padding: 24px;
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+.page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 20px;
+
+  h2 {
+    margin: 0;
+    font-size: 24px;
+    font-weight: 700;
+    color: #0d1b2a;
+  }
+
+  .subtitle {
+    margin: 4px 0 0;
+    color: #64748b;
+    font-size: 14px;
+  }
+}
+
+.filter-chips {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 16px;
+
+  button {
+    border-radius: 20px !important;
+    font-size: 13px;
+  }
+
+  .active-chip {
+    background: #1e88e5 !important;
+    color: #fff !important;
+    border-color: #1e88e5 !important;
+  }
+
+  .chip-dot {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    margin-right: 6px;
+
+    &.pending {
+      background: #f59e0b;
+    }
+    &.active {
+      background: #1e88e5;
+    }
+    &.resolved {
+      background: #10b981;
+    }
+  }
+}
+
+.filter-bar {
+  margin-bottom: 16px;
+  border-radius: 8px !important;
+
+  mat-card-content {
+    padding: 12px 16px !important;
+  }
+}
+
+.filter-row {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  flex-wrap: wrap;
+
+  .filter-field {
+    flex: 1;
+    min-width: 180px;
+  }
+}
+
+.table-card {
+  border-radius: 8px !important;
+
+  mat-card-content {
+    padding: 0 !important;
+  }
+}
+
+.table-responsive {
+  overflow-x: auto;
+}
+
+.full-width {
+  width: 100%;
+}
+
+.ticket-link {
+  color: #1e88e5;
+  text-decoration: none;
+  font-weight: 600;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.amount-cell {
+  font-weight: 600;
+  color: #0d1b2a;
+}
+
+.mono {
+  font-family: 'Courier New', monospace;
+  font-size: 13px;
+}
+
+.loading-container {
+  display: flex;
+  justify-content: center;
+  padding: 48px;
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 64px;
+  color: #94a3b8;
+
+  p {
+    margin: 12px 0;
+    font-size: 14px;
+  }
+}
+
+.mr-05 {
+  margin-right: 4px;
+}