feat: KYC re-verify UX, family/nominee tab gating, savings dialogs, cfcfrms shell

- KYC tab: fix Verify (PAN) and Send OTP (Aadhaar) being disabled in edit mode;
  unmask Aadhaar input and show on-file masked value as hint; resolve kycId
  from id/kycId/resourceId fallbacks.
- Client stepper/view: add familyAllowed / nomineeAllowed predicates +
  CanActivate route guards. Family tab hidden for non-individuals, Nominee
  tab hidden for non-proprietor entities. Family-members step accepts a
  nomineeOnly input for proprietorship clients. Add/Edit/Delete buttons
  inside family-members and nominee tabs gated by canAdd.
- cfcfrms: add cfcfrms-shell wrapper, restyle complaint/fraud/mule/escalate
  pages and dashboard.
- Savings: identity-verify and transaction-confirm dialogs, manage / activate
  / add-charge flows, account preview styling.
- Tasks, core shell, account-nominees, icons: minor style and behaviour
  updates.

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

src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.html

@@ -6,23 +6,22 @@
   file, You can obtain one at http://mozilla.org/MPL/2.0/.
 -->
 
-<div class="container">
-  <div class="mat-elevation-z1 m-b-25" [hidden]="!accountWithTransactions">
-    <div class="layout-row align-end">
-      @if (checkStatus()) {
-        <div class="action-button m-b-20 layout-row gap-20px">
-          <mat-checkbox [formControl]="hideReversedParam" (click)="hideReversed()" class="accruals">
-            {{ 'labels.inputs.Hide Reversed' | translate }}</mat-checkbox
-          >
-          <mat-checkbox [formControl]="hideAccrualsParam" (click)="hideAccruals()" class="accruals">
-            {{ 'labels.inputs.Hide Accruals' | translate }}</mat-checkbox
-          >
-          <button mat-raised-button color="primary" [routerLink]="['export']">
-            {{ 'labels.buttons.Export' | translate }}
-          </button>
-        </div>
-      }
-    </div>
+<div class="txn-tab">
+  <div class="txn-tab__card" [hidden]="!accountWithTransactions">
+    @if (checkStatus()) {
+      <div class="txn-tab__toolbar">
+        <mat-checkbox [formControl]="hideReversedParam" (click)="hideReversed()" class="txn-tab__check">
+          {{ 'labels.inputs.Hide Reversed' | translate }}
+        </mat-checkbox>
+        <mat-checkbox [formControl]="hideAccrualsParam" (click)="hideAccruals()" class="txn-tab__check">
+          {{ 'labels.inputs.Hide Accruals' | translate }}
+        </mat-checkbox>
+        <span class="txn-tab__spacer"></span>
+        <button mat-flat-button class="txn-tab__export" [routerLink]="['export']">
+          {{ 'labels.buttons.Export' | translate }}
+        </button>
+      </div>
+    }
 
     <table mat-table [dataSource]="dataSource" matSort>
       <ng-container matColumnDef="row">
@@ -59,13 +58,6 @@
         </td>
       </ng-container>
 
-      <ng-container matColumnDef="externalId">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.External Id' | translate }}</th>
-        <td mat-cell *matCellDef="let transaction" [ngClass]="savingsTransactionColor(transaction)">
-          <mifosx-external-identifier externalId="{{ transaction.externalId }}"></mifosx-external-identifier>
-        </td>
-      </ng-container>
-
       <ng-container matColumnDef="transactionType">
         <th mat-header-cell class="center" *matHeaderCellDef>{{ 'labels.inputs.Transaction Type' | translate }}</th>
         <td
@@ -176,10 +168,11 @@
     <mat-paginator [pageSize]="50" [pageSizeOptions]="[50, 100, 200]" showFirstLastButtons></mat-paginator>
   </div>
 
-  <div class="alert" [hidden]="accountWithTransactions">
-    <div class="message">
-      <i class="fa fa-exclamation-circle alert-check"></i>
+  <div class="txn-tab__empty" [hidden]="accountWithTransactions">
+    <fa-icon icon="inbox" class="txn-tab__empty-ico"></fa-icon>
+    <div class="txn-tab__empty-title">
       {{ 'labels.text.No transaction was found' | translate }}
     </div>
+    <div class="txn-tab__empty-sub">Posted transactions will appear here.</div>
   </div>
 </div>