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/clients/create-client/create-client.component.scss

@@ -48,11 +48,11 @@
 .client-tabs {
   background: var(--md-sys-color-surface, #fff);
   border-radius: 8px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
 
   ::ng-deep {
     .mat-mdc-tab-header {
-      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+      border-bottom: 1px solid rgb(0 0 0 / 8%);
     }
 
     .mat-mdc-tab {
@@ -96,11 +96,11 @@
   align-items: center;
   gap: 8px;
   padding: 32px 16px;
-  color: rgba(0, 0, 0, 0.54);
+  color: rgb(0 0 0 / 54%);
   font-size: 14px;
 
   mat-icon {
-    color: rgba(0, 0, 0, 0.38);
+    color: rgb(0 0 0 / 38%);
   }
 }
 
@@ -110,7 +110,7 @@
   align-items: center;
   margin-top: 20px;
   padding: 16px 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.08);
+  border-top: 1px solid rgb(0 0 0 / 8%);
 }
 
 .action-bar-right {
@@ -119,7 +119,7 @@
 }
 
 .cancel-btn {
-  color: rgba(0, 0, 0, 0.6);
+  color: rgb(0 0 0 / 60%);
 }
 
 /* ─── Read-only tab state ─── */
@@ -196,8 +196,9 @@
   ::ng-deep .mdc-linear-progress__bar-inner {
     border-color: #fff !important;
   }
+
   ::ng-deep .mdc-linear-progress__buffer-bar {
-    background-color: rgba(255, 255, 255, 0.3) !important;
+    background-color: rgb(255 255 255 / 30%) !important;
   }
 }