.fi-bank-reconciliation .fi-bank-rec-hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1rem;padding:1.5rem 1.75rem;background:#1f2b66;box-shadow:0 1px 2px #00000014,0 8px 24px #1565c047;color:#fff}.fi-bank-reconciliation .fi-bank-rec-hero-eyebrow{margin:0;font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8}.fi-bank-reconciliation .fi-bank-rec-hero-title{margin:.25rem 0 0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#fff}.fi-bank-reconciliation .fi-bank-rec-hero-description{margin:.375rem 0 0;max-width:44rem;font-size:.875rem;line-height:1.55;color:#ffffffe0}.fi-bank-reconciliation .fi-bank-rec-hero-stats{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1rem}.fi-bank-reconciliation .fi-bank-rec-hero-stat{display:flex;flex-direction:column;gap:.125rem;min-width:6rem;padding:.625rem .875rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.16)}.fi-bank-reconciliation .fi-bank-rec-hero-stat--primary{background:#fff3}.fi-bank-reconciliation .fi-bank-rec-hero-stat--matched{background:#4ade8038;border-color:#4ade8059}.fi-bank-reconciliation .fi-bank-rec-hero-stat--unmatched{background:#fbbf2438;border-color:#fbbf2459}.fi-bank-reconciliation .fi-bank-rec-hero-stat--in{background:#34d3992e}.fi-bank-reconciliation .fi-bank-rec-hero-stat--out{background:#f8717133}.fi-bank-reconciliation .fi-bank-rec-hero-stat-value{font-size:1.05rem;font-weight:700}.fi-bank-reconciliation .fi-bank-rec-hero-stat-label{font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase;color:#ffffffc7}.fi-bank-reconciliation .fi-bank-rec-hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.875rem}.fi-bank-reconciliation .fi-bank-rec-hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border:1px solid rgba(255,255,255,.22);background:#ffffff14;font-size:.75rem}.fi-bank-reconciliation .fi-bank-rec-hero-badge svg{width:.875rem;height:.875rem}.fi-bank-reconciliation .fi-bank-rec-hero-links{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.fi-bank-reconciliation .fi-bank-rec-hero-link{display:inline-flex;align-items:center;gap:.375rem;color:#fff;font-size:.8125rem;text-decoration:none}.fi-bank-reconciliation .fi-bank-rec-hero-link:hover{text-decoration:underline}.fi-bank-reconciliation .fi-bank-rec-hero-link svg{width:1rem;height:1rem}.fi-bank-reconciliation .fi-bank-rec-hero-actions .fi-btn{--c-400: 255, 255, 255}.fi-bank-reconciliation .fi-bank-rec-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0 0 1rem;padding:.75rem 1rem;background:#1f2b660f;font-size:.8125rem}.dark .fi-bank-reconciliation .fi-bank-rec-legend{background:#ffffff0a}.fi-bank-reconciliation .fi-bank-rec-legend-item{display:inline-flex;align-items:center;gap:.5rem}.fi-bank-reconciliation .fi-bank-rec-legend-dot{width:.5rem;height:.5rem;border-radius:999px}.fi-bank-reconciliation .fi-bank-rec-legend-dot--in{background:#34d399}.fi-bank-reconciliation .fi-bank-rec-legend-dot--out{background:#f87171}.fi-bank-reconciliation .fi-bank-rec-legend-dot--csv{background:#60a5fa}.fi-bank-reconciliation .fi-bank-rec-statement{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem}.fi-bank-reconciliation .fi-bank-rec-statement-label{font-size:.8125rem;font-weight:600}.fi-bank-reconciliation .fi-bank-rec-statement-select{min-width:18rem;max-width:100%;padding:.5rem .75rem;border:1px solid rgba(15,23,42,.16);background:#fff;font-size:.875rem}.dark .fi-bank-reconciliation .fi-bank-rec-statement-select{border-color:#ffffff29;background:#0f172a66;color:#fff}.fi-bank-reconciliation .fi-header{display:none}.fi-bank-reconciliation .fi-ta-ctn{border-radius:0}@media (max-width: 640px){.fi-bank-reconciliation .fi-bank-rec-hero-links{align-items:flex-start}}
