feat: Nexora UI upgrade for Current Account, FD, and RD account views

- Current Account: hero header with navy gradient, pill tabs, Nexora card layout for general tab, txn-tab/chg-tab table styles, bank statement passbook
- Fixed Deposits: fd-* prefixed hero header, KPI tiles, pill tab nav, nx-card general tab layout, txn-tab transactions, chg-tab charges
- Recurring Deposits: rd-* prefixed hero header with three KPI tiles, pill tab nav, nx-card general tab layout, txn-tab transactions, chg-tab charges
- Fix: removed broken FA4-format icon references from action menu buttons

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/deposits/fixed-deposits/fixed-deposit-account-view/general-tab/general-tab.component.scss

@@ -6,6 +6,115 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-.fixed-deposits-account-tables {
-  padding: 1%;
+$navy: #0d1b2a;
+$slate: #475569;
+$muted: #64748b;
+$border: #e2e8f0;
+$soft: #f8fafc;
+
+/* ─── Two-column grid ───────────────────────────────────────────────── */
+.gt-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  gap: 16px;
+
+  @media (width <= 1024px) {
+    grid-template-columns: 1fr;
+  }
+}
+
+.gt-col {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  min-width: 0;
+}
+
+/* ─── Nexora section card ───────────────────────────────────────────── */
+.nx-card {
+  background: #fff;
+  border: 1px solid $border;
+  border-radius: 14px;
+  box-shadow: 0 1px 3px rgb(15 23 42 / 4%);
+  overflow: hidden;
+
+  &__head {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 12px 18px;
+    background: $soft;
+    border-bottom: 1px solid $border;
+  }
+
+  &__ico {
+    width: 26px;
+    height: 26px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 8px;
+    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
+    color: #fff;
+    font-size: 12px;
+  }
+
+  &__title {
+    margin: 0;
+    font-size: 13.5px;
+    font-weight: 700;
+    color: $navy;
+    letter-spacing: 0.01em;
+  }
+
+  &__body {
+    padding: 4px 18px 10px;
+  }
+}
+
+/* ─── Key/Value row ─────────────────────────────────────────────────── */
+.nx-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 12px;
+  align-items: center;
+  min-height: 38px;
+  padding: 8px 0;
+  border-bottom: 1px dashed #eef2f7;
+  font-size: 13px;
+
+  &:last-child {
+    border-bottom: none;
+  }
+
+  &__label {
+    color: $slate;
+    font-weight: 500;
+  }
+
+  &__value {
+    color: $navy;
+    font-weight: 600;
+    text-align: right;
+    word-break: break-word;
+
+    &--amount {
+      font-variant-numeric: tabular-nums;
+      font-weight: 700;
+    }
+
+    &--positive {
+      color: #047857;
+    }
+
+    &--negative {
+      color: #b91c1c;
+    }
+  }
+}
+
+.nx-muted {
+  color: $muted;
+  font-weight: 500;
+  font-style: italic;
 }