/* Transactions CSS */
.filter-bar { background: var(--white); border-bottom: 1px solid var(--border); }
.txn-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; }
.sum-card { border-radius: var(--radius-sm); padding: 16px; }
.sum-credit { background: #E6FFF5; border: 1px solid rgba(0,201,123,0.2); }
.sum-debit  { background: #FFEBEE; border: 1px solid rgba(229,57,53,0.2); }
.sum-label  { font-size: 12px; font-weight: 600; color: var(--text2); margin-bottom: 6px; }
.sum-val    { font-size: 16px; font-weight: 800; color: var(--text); }
.sum-credit .sum-val { color: var(--success); }
.sum-debit  .sum-val { color: var(--danger); }
.txn-day-label { font-size: 12px; font-weight: 700; color: var(--text3); text-transform: uppercase; letter-spacing: 0.5px; padding: 14px 0 8px; }
.txn-group { margin-bottom: 4px; }
.txn-row { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--border); cursor: pointer; transition: var(--transition); }
.txn-row:last-child { border-bottom: none; }
.txn-row:active { opacity: 0.75; }
.txn-right { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.txn-amt { font-size: 14px; }