feat: add RBI circulars, CKYC, KYC, Superset analytics, passbook modules and UI updates

Add new feature modules (RBI feeds, CKYC, KYC tab, Form60, Superset analytics, passbook),
update client family members, dashboard, login page, sidenav, images, translations,
environment config, and fix RBI feeds API auth by using relative URLs.

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

src/app/home/dashboard/dashboard.component.scss

@@ -6,60 +6,148 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-.card {
-  box-sizing: border-box;
-  padding: 2%;
-  display: flex;
-  flex-direction: column;
-  overflow-x: hidden;
+.cbs-dashboard-container {
+  background: #f4f6f9;
+  min-height: 100vh;
+}
 
-  .search {
+.cbs-header {
+  background: #1f3b73;
+  color: white;
+  padding: 15px 25px;
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.cbs-content {
+  padding: 20px;
+}
+
+.search-row {
+  width: 100%;
+  margin-bottom: 10px;
+
+  mat-card-content {
     width: 100%;
-    padding: 12px;
-
-    mat-card-content {
-      width: 100%;
-    }
-
-    mat-form-field {
-      width: 100%;
-    }
   }
 
-  .top-card {
-    flex: 1 0 100%;
+  .search-field {
+    width: 100%;
+  }
+}
 
+.section-title {
+  margin: 20px 0 10px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+}
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 15px;
+}
+
+.stat-card {
+  background: white;
+  border-radius: 8px;
+  padding: 15px;
+  box-shadow: 0 2px 6px rgb(0 0 0 / 8%);
+  transition: box-shadow 0.2s ease;
+
+  &:hover {
+    box-shadow: 0 4px 12px rgb(0 0 0 / 12%);
+  }
+}
+
+.stat-card-title {
+  font-size: 13px;
+  color: #777;
+  margin-bottom: 8px;
+}
+
+.stat-card-value {
+  font-size: 22px;
+  font-weight: bold;
+  color: #1f3b73;
+}
+
+.stat-trend {
+  font-size: 12px;
+  margin-top: 5px;
+  color: #888;
+
+  &.up {
+    color: green;
+  }
+
+  &.down {
+    color: red;
+  }
+}
+
+.alert-panel {
+  background: #fff3f3;
+  border-left: 4px solid red;
+  padding: 10px 15px;
+  border-radius: 6px;
+  font-size: 13px;
+  line-height: 1.8;
+  color: #333;
+}
+
+.charts-section {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+
+  .top-card {
     .trends-bar {
       width: 100%;
-      flex: 1 0 100%;
     }
   }
 
   .bottom-card {
     display: flex;
     flex-flow: row wrap;
-    gap: 2px;
+    gap: 15px;
 
     .amount-collected,
     .amount-disbursed {
-      flex: 1 0 calc(40% - 10px);
-      padding: 0;
-      margin: 10px;
+      flex: 1 0 calc(50% - 15px);
+      min-width: 300px;
     }
   }
 }
 
+.cbs-footer {
+  margin-top: 30px;
+  text-align: center;
+  font-size: 12px;
+  color: #888;
+  padding: 15px 0;
+}
+
 @media screen and (width <= 768px) {
-  .top-card,
-  .bottom-card {
-    flex-direction: column;
+  .stats-grid {
+    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+    gap: 10px;
+  }
 
-    .trends-bar,
-    .amount-collected,
-    .amount-disbursed {
-      flex: 1 0 100%;
-      width: 100%;
-      margin: 10px 0;
+  .stat-card-value {
+    font-size: 18px;
+  }
+
+  .charts-section {
+    .bottom-card {
+      flex-direction: column;
+
+      .amount-collected,
+      .amount-disbursed {
+        flex: 1 0 100%;
+        width: 100%;
+      }
     }
   }
 }