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/client-stepper/client-family-members-step/client-family-member-dialog/client-family-member-dialog.component.scss

@@ -55,7 +55,7 @@
   background: #fff;
   border: 1px solid #e2e8f0;
   border-radius: 8px;
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+  box-shadow: 0 8px 24px rgb(0 0 0 / 12%);
   max-height: 220px;
   overflow-y: auto;
 }
@@ -113,6 +113,7 @@
 
   &__left { flex-shrink: 0; }
   &__icon { color: #1074b9; }
+
   &__photo {
     width: 40px;
     height: 40px;
@@ -123,6 +124,7 @@
   &__info { flex: 1; display: flex; flex-direction: column; }
   &__name { font-size: 14px; font-weight: 600; color: #1e293b; }
   &__meta { font-size: 12px; color: #64748b; font-family: 'Roboto Mono', monospace; }
+
   &__sig {
     display: flex;
     flex-direction: column;
@@ -139,6 +141,7 @@
       background: #fff;
       padding: 2px 4px;
     }
+
     span {
       font-size: 9px;
       color: #94a3b8;
@@ -225,6 +228,7 @@
     background: #dcfce7;
     color: #16a34a;
   }
+
   &.not-verified {
     background: #fef3c7;
     color: #d97706;
@@ -266,7 +270,7 @@
 
   &:hover {
     transform: scale(1.08);
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
+    box-shadow: 0 4px 16px rgb(0 0 0 / 18%);
   }
 }
 
@@ -309,6 +313,7 @@
   width: 100%;
 
   &__icon { color: #1074b9; font-size: 20px; }
+
   &__name {
     flex: 1;
     font-size: 13px;
@@ -318,6 +323,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
   &__remove {
     color: #94a3b8 !important;
     width: 28px !important;

src/app/clients/client-stepper/client-family-members-step/client-family-members-step.component.scss

@@ -1,7 +1,7 @@
 .zoomable {
   cursor: zoom-in;
   transition: transform 0.15s ease, box-shadow 0.15s ease;
-  &:hover { transform: scale(1.08); box-shadow: 0 4px 16px rgba(0,0,0,0.18); }
+  &:hover { transform: scale(1.08); box-shadow: 0 4px 16px rgb(0 0 0 / 18%); }
 }
 
 ::ng-deep .image-zoom-panel {
@@ -42,7 +42,7 @@
 
   &__sub {
     font-size: 11px;
-    color: rgba(255, 255, 255, 0.5);
+    color: rgb(255 255 255 / 50%);
     margin: 2px 0 0;
   }
 }
@@ -252,7 +252,7 @@
   &--delete:hover mat-icon { color: #ef4444; }
 }
 
-@media (max-width: 768px) {
+@media (width <= 768px) {
   .fm-step__header {
     flex-direction: column;
     align-items: flex-start;
@@ -358,6 +358,7 @@
 .nom-card__info { flex: 1; }
 .nom-card__name { font-weight: 600; font-size: 14px; color: #1e293b; display: block; }
 .nom-card__meta { font-size: 12px; color: #64748b; display: block; margin-top: 2px; }
+
 .nom-card__sig {
   flex-shrink: 0;
   img { height: 24px; max-width: 60px; object-fit: contain; border: 1px solid #e2e8f0; border-radius: 4px; padding: 2px; }
@@ -445,6 +446,7 @@
 /* Search */
 .nom-search-wrapper { position: relative; }
 .nom-search-field { width: 100%; }
+
 .nom-search-prefix {
   display: inline-flex;
   align-items: center;
@@ -460,7 +462,7 @@
   background: #fff;
   border: 1px solid #e2e8f0;
   border-radius: 8px;
-  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+  box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
   max-height: 240px;
   overflow-y: auto;
   margin-top: -12px;
@@ -517,6 +519,7 @@
 .nom-selected__info { flex: 1; }
 .nom-selected__name { font-weight: 600; font-size: 14px; color: #1e293b; display: block; }
 .nom-selected__meta { font-size: 12px; color: #64748b; display: block; }
+
 .nom-selected__sig {
   display: flex; flex-direction: column; align-items: center; gap: 2px; flex-shrink: 0;
   img { height: 28px; max-width: 70px; object-fit: contain; border: 1px solid #e2e8f0; border-radius: 4px; background: #fff; padding: 2px 4px; }
@@ -599,7 +602,7 @@
   button { display: flex; align-items: center; gap: 6px; }
 }
 
-@media (max-width: 768px) {
+@media (width <= 768px) {
   .nom-form-fields { grid-template-columns: 1fr; }
   .nom-guardian-card { flex-wrap: wrap; }
   .nom-guardian-rel { width: 100%; }