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/clients-view/form60-tab/form60-tab.component.scss

@@ -36,6 +36,7 @@ $bg: #F0F4F8;
   }
   &__icon { font-size: 40px; width: 40px; height: 40px; color: $green; }
   &__title { font-size: 20px; font-weight: 700; color: $text; margin: 0 0 8px; }
+
   &__desc {
     font-size: 15px; color: $text; margin: 0 0 6px;
     display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap;
@@ -67,10 +68,12 @@ $bg: #F0F4F8;
     h3 { margin: 0; font-size: 15px; font-weight: 600; color: $text; flex: 1; }
   }
   &__header-icon { color: $primary; font-size: 22px; }
+
   &__status {
     font-size: 11px; font-weight: 600; color: $green; background: $green-light;
     padding: 3px 10px; border-radius: 12px;
   }
+
   &__edit {
     font-size: 12px !important; height: 30px !important; border-radius: 6px !important;
     mat-icon { font-size: 16px; width: 16px; height: 16px; margin-right: 4px; }
@@ -81,11 +84,14 @@ $bg: #F0F4F8;
 /* ── Detail Grid (read-only) ── */
 .f60-detail-grid {
   display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px;
-  @media (max-width: 600px) { grid-template-columns: 1fr; }
+
+  @media (width <= 600px) { grid-template-columns: 1fr; }
 }
+
 .f60-detail {
   display: flex; flex-direction: column;
   &--full { grid-column: 1 / -1; }
+
   &__label {
     font-size: 11px; font-weight: 600; text-transform: uppercase;
     color: $muted; letter-spacing: 0.5px; margin-bottom: 4px;
@@ -98,7 +104,8 @@ $bg: #F0F4F8;
 /* ── Form Grid ── */
 .f60-form-grid {
   display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px;
-  @media (max-width: 600px) { grid-template-columns: 1fr; }
+
+  @media (width <= 600px) { grid-template-columns: 1fr; }
 }
 .f60-ff { width: 100%; &--full { grid-column: 1 / -1; } }