feat: Client & CKYC UI improvements — filters, KYC management, image crop+merge

- Clients list: CKYC icon, CKYC Number column, status/legal form/CKYC filters
- CKYC: SFTP upload logs, date formatting, modal z-index fix, non-dismissible dialogs
- KYC Management: new standalone module with alert dashboard, notification scheduler, audit inventory, account status
- Image cropper: ngx-image-cropper integration for front+back document merge into single PNG
- Sidebar: KYC Management menu entry after CKYC

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

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

@@ -45,6 +45,7 @@ $purple: #7c3aed;
 .search-row {
   width: 100%;
   margin: 0;
+
   mat-card-content {
     width: 100%;
   }
@@ -63,7 +64,7 @@ $purple: #7c3aed;
   display: flex;
   align-items: center;
   gap: 8px;
-  margin: 6px 0 6px;
+  margin: 6px 0;
   padding: 5px 12px;
   border-radius: 6px;
   font-size: 14px;
@@ -78,18 +79,22 @@ $purple: #7c3aed;
     background: #e3f2fd;
     color: #0d47a1;
   }
+
   &.financial {
     background: #e8f5e9;
     color: #1b5e20;
   }
+
   &.deposits {
     background: #f3e5f5;
     color: #6a1b9a;
   }
+
   &.risk {
     background: #fce4ec;
     color: #b71c1c;
   }
+
   &.alerts {
     background: #fff3e0;
     color: #e65100;
@@ -105,12 +110,15 @@ $purple: #7c3aed;
 .four-col {
   grid-template-columns: repeat(4, 1fr);
 }
+
 .five-col {
   grid-template-columns: repeat(5, 1fr);
 }
+
 .three-col {
   grid-template-columns: repeat(3, 1fr);
 }
+
 .two-col {
   grid-template-columns: repeat(2, 1fr);
 }
@@ -153,15 +161,19 @@ $purple: #7c3aed;
   &.blue {
     background: $blue;
   }
+
   &.green {
     background: $green;
   }
+
   &.orange {
     background: $orange;
   }
+
   &.red {
     background: $red;
   }
+
   &.purple {
     background: $purple;
   }
@@ -194,10 +206,12 @@ $purple: #7c3aed;
     background: #ecfdf5;
     color: #065f46;
   }
+
   &.warning {
     background: #fffbeb;
     color: #92400e;
   }
+
   &.info {
     background: #eff6ff;
     color: #1e40af;
@@ -268,6 +282,7 @@ $purple: #7c3aed;
   font-size: 12px;
   color: #94a3b8;
 }
+
 .metric-value {
   font-size: 14px;
   font-weight: 700;
@@ -339,6 +354,7 @@ $purple: #7c3aed;
     background: #ecfdf5;
     color: #065f46;
   }
+
   &.exceed {
     background: #fef2f2;
     color: #991b1b;
@@ -365,15 +381,19 @@ $purple: #7c3aed;
   &.blue {
     background: $blue;
   }
+
   &.green {
     background: $green;
   }
+
   &.purple {
     background: $purple;
   }
+
   &.orange {
     background: $orange;
   }
+
   &.red {
     background: $red;
   }
@@ -441,9 +461,11 @@ $purple: #7c3aed;
 
 .compact-icon {
   font-size: 14px;
+
   &.purple-text {
     color: $purple;
   }
+
   &.orange-text {
     color: $orange;
   }
@@ -469,13 +491,16 @@ $purple: #7c3aed;
     color: #64748b;
     margin-bottom: 2px;
   }
+
   .da-value {
     font-size: 20px;
     font-weight: 800;
     margin-bottom: 6px;
+
     &.deposit {
       color: $blue;
     }
+
     &.advance {
       color: $purple;
     }
@@ -497,6 +522,7 @@ $purple: #7c3aed;
   &.deposit-fill {
     background: linear-gradient(90deg, $blue, #42a5f5);
   }
+
   &.advance-fill {
     background: linear-gradient(90deg, $purple, #a78bfa);
   }
@@ -532,9 +558,11 @@ $purple: #7c3aed;
 .psl-bar {
   height: 100%;
   border-radius: 5px;
+
   &.weaker {
     background: $orange;
   }
+
   &.msme {
     background: $green;
   }
@@ -548,38 +576,94 @@ $purple: #7c3aed;
   text-align: right;
 }
 
-/* ─── Portfolio Quality ─── */
+/* ─── Credit Information Companies — DQR ─── */
+.cic-card {
+  .card-top {
+    margin-bottom: 0;
+  }
+}
+
+.cic-subtitle {
+  font-size: 11px;
+  font-weight: 600;
+  color: #94a3b8;
+  letter-spacing: 0.3px;
+  margin: 2px 0 10px;
+}
+
 .quality-grid {
   display: flex;
   flex-direction: column;
-  gap: 14px;
-  margin-top: 8px;
+  gap: 0;
+  margin-top: 0;
 }
 
 .quality-item {
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  gap: 10px;
+  padding: 10px 0;
+  border-bottom: 1px solid #f1f5f9;
+
+  .quality-label {
+    flex: 1;
+    min-width: 0;
+  }
+
+  &:last-child {
+    border-bottom: none;
+    padding-bottom: 0;
+  }
+}
+
+.cic-logo {
+  width: 34px;
+  height: 34px;
+  border-radius: 7px;
+  flex-shrink: 0;
+  object-fit: contain;
 }
 
 .quality-label {
-  font-size: 13px;
-  color: #475569;
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
 }
 
-.quality-badge {
-  font-size: 12px;
-  font-weight: 700;
+.cic-name {
+  font-size: 13px;
+  font-weight: 600;
+  color: #1e293b;
+}
+
+.cic-full {
+  font-size: 10px;
+  color: #94a3b8;
+  line-height: 1.3;
+}
+
+.dqr-percent {
+  font-size: 14px;
+  font-weight: 800;
   padding: 4px 12px;
   border-radius: 20px;
+  flex-shrink: 0;
+  font-family: 'JetBrains Mono', 'Fira Code', monospace;
+  letter-spacing: 0.3px;
+
+  &.good {
+    background: #ecfdf5;
+    color: #065f46;
+  }
 
   &.moderate {
     background: #fffbeb;
     color: #92400e;
   }
-  &.active {
-    background: #ecfdf5;
-    color: #065f46;
+
+  &.low {
+    background: #fef2f2;
+    color: #991b1b;
   }
 }
 
@@ -629,10 +713,12 @@ $purple: #7c3aed;
     &.success {
       color: #065f46;
     }
+
     &.warning {
       color: #b45309;
     }
   }
+
   .npa-note {
     font-size: 11px;
     color: #94a3b8;
@@ -664,9 +750,11 @@ $purple: #7c3aed;
   &.green {
     background: $green;
   }
+
   &.yellow {
     background: $orange;
   }
+
   &.red {
     background: $red;
   }
@@ -715,9 +803,11 @@ $purple: #7c3aed;
   .four-col {
     grid-template-columns: repeat(2, 1fr);
   }
+
   .five-col {
     grid-template-columns: repeat(3, 1fr);
   }
+
   .three-col {
     grid-template-columns: repeat(2, 1fr);
   }
@@ -733,6 +823,7 @@ $purple: #7c3aed;
   .card-big-value {
     font-size: 26px;
   }
+
   .mini-value {
     font-size: 18px;
   }