feat: letter-mgmt module + digital UPI/IMPS/ATM-POS reports + header redesign

letter-mgmt (new module):
- Notice page: overdue loan list with filters, KPI strip, bulk actions,
  call disposition logging (Promise-to-Pay, Not Reachable, etc.), Speed
  Post dispatch dialog with consignment + post-office tracking,
  PDF preview + download, call-contact dialog with primary / alt /
  family / nominee numbers and per-contact disposition history.
- Certificates: Loan Interest, Share, Balance, Form 60 (no-PAN flow),
  Form 15G/H (auto age-based), Hypothecation, NOC - each with shared
  preview dialog (six tone variants) and jsPDF generator using a
  common letterhead / summary-grid / signature-seal helper.

digital:
- IMPS module: report (P2A/P2P/Aadhaar tabs) + entry form with
  MMID/mobile lookup, NPCI switch resolve-to-A/C+IFSC BANL flow,
  sender autocomplete, hide sender field for P2P/Aadhaar, charges +
  18% GST + waive checkbox, per-sender today-only history dialog.
- UPI report with app-mix tab and full transaction filtering.
- ATM/POS/ECOM hub with three ticket cards routing to today/status/cycle.
- NEFT/RTGS entry: sender-account autocomplete, charges + GST + waive,
  field reorder (sender before amount), NEFT cap / RTGS floor
  validation, History button opening per-sender today's transactions.
- NEFT/RTGS report: horizontal-bar trend leaderboard replacing tall bars.

shell + theme:
- Header redesigned with IBM Plex Sans 12/500 typography, 11-column grid
  per row, top-accent hover indicator, bordered cells via grid-gap.
- Live KPI ticker below menu (CASH, TXN TODAY, CLEARING IN/OUT, NPA,
  CASA, CD RATIO, RBI CIRC, REPO) with marquee scroll, pause-on-hover,
  brand-blue gradient, amber bottom strip, pulsing red LIVE chip.
- Sidebar 'KYC Management' -> 'KYC & ReKYC Management'.
- Letter Mgmt / certificate menu items wired with green icon hints for
  items that have a working page.

access-control:
- MFA card layout compacted; method header inlines back button + title.

icons:
- Register faTruck/TruckFast, faEllipsisV/H, faCommentDots.
- Add IBM Plex Sans Google Fonts import to index.html.

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

src/app/digital/sender-history-dialog/sender-history-dialog.component.html

@@ -0,0 +1,117 @@
+<!--
+  Copyright since 2025 Mifos Initiative
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at http://mozilla.org/MPL/2.0/.
+-->
+
+<div class="shd-root">
+  <!-- HEADER -->
+  <div class="shd-head">
+    <div class="shd-head-l">
+      <fa-icon icon="chart-line" class="shd-head-ic"></fa-icon>
+      <div>
+        <h2 class="shd-head-t">{{ data.senderName }} <small>· NEFT / RTGS · Today</small></h2>
+        <div class="shd-head-s">
+          @if (data.senderAccountNo) {
+            <span class="mono">{{ data.senderAccountNo }}</span> ·
+          }
+          <strong>{{ totalCount | number }}</strong> txns today &middot;
+          <strong>₹{{ totalAmount | number: '1.0-0' }}</strong>
+        </div>
+      </div>
+    </div>
+    <button type="button" class="shd-x" (click)="close()" matTooltip="Close">
+      <fa-icon icon="times"></fa-icon>
+    </button>
+  </div>
+
+  <!-- KPI STRIP -->
+  <div class="shd-kpis">
+    <div class="shd-kpi shd-kpi--blue">
+      <div class="shd-kpi-n">{{ totalCount | number }}</div>
+      <div class="shd-kpi-l">Total</div>
+    </div>
+    <div class="shd-kpi shd-kpi--teal">
+      <div class="shd-kpi-n">₹{{ totalAmount | number: '1.0-0' }}</div>
+      <div class="shd-kpi-l">Value</div>
+    </div>
+    <div class="shd-kpi shd-kpi--green">
+      <div class="shd-kpi-n">{{ settledCount | number }}</div>
+      <div class="shd-kpi-l">Settled ({{ successRate | number: '1.1-1' }}%)</div>
+    </div>
+    <div class="shd-kpi shd-kpi--amber">
+      <div class="shd-kpi-n">{{ pendingCount | number }}</div>
+      <div class="shd-kpi-l">In-Flight</div>
+    </div>
+    <div class="shd-kpi shd-kpi--red">
+      <div class="shd-kpi-n">{{ returnedCount | number }}</div>
+      <div class="shd-kpi-l">Returned</div>
+    </div>
+  </div>
+
+  <!-- TABLE -->
+  <div class="shd-body">
+    @if (filteredTxns.length === 0) {
+      <div class="shd-empty">
+        <fa-icon icon="info-circle"></fa-icon>
+        <div>
+          <strong>No NEFT / RTGS transactions today for this sender.</strong>
+          <p>This view shows only today's outward transfers. Older history isn't included here.</p>
+        </div>
+      </div>
+    } @else {
+      <div class="shd-table-wrap">
+        <table class="shd-table">
+          <thead>
+            <tr>
+              <th>UTR</th>
+              <th>Beneficiary</th>
+              <th>IFSC</th>
+              <th>Type</th>
+              <th class="num">Amount</th>
+              <th>Value Date</th>
+              <th>State</th>
+              <th>Sent</th>
+            </tr>
+          </thead>
+          <tbody>
+            @for (t of filteredTxns; track t.utrNumber) {
+              <tr>
+                <td class="mono small">{{ t.utrNumber }}</td>
+                <td>
+                  <div>{{ t.beneName }}</div>
+                  <div class="mono small muted">{{ t.beneAcc }} · {{ t.beneBank }}</div>
+                </td>
+                <td class="mono small">{{ t.beneIfsc }}</td>
+                <td>
+                  <span
+                    class="shd-pill mini"
+                    [class.shd-pill--purple]="t.paymentType === 'RTGS'"
+                    [class.shd-pill--blue]="t.paymentType === 'NEFT'"
+                  >
+                    {{ t.paymentType }}
+                  </span>
+                </td>
+                <td class="num">
+                  <strong>₹{{ t.amount | number: '1.2-2' }}</strong>
+                </td>
+                <td>{{ t.valueDate | date: 'd MMM y' }}</td>
+                <td>
+                  <span class="shd-pill mini" [ngClass]="'shd-pill--' + stateColor(t.processingState)">
+                    {{ t.processingState }}
+                  </span>
+                  @if (t.returnCode) {
+                    <div class="small muted">{{ t.returnCode }} · {{ t.returnReason }}</div>
+                  }
+                </td>
+                <td class="mono small">{{ t.sentTimestamp }}</td>
+              </tr>
+            }
+          </tbody>
+        </table>
+      </div>
+    }
+  </div>
+</div>