.tx-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.tx-sum-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px}.tx-sum-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748B;margin-bottom:8px}.tx-sum-label svg{width:16px;height:16px}.tx-sum-value{font-size:24px;font-weight:700;color:#1E293B;margin-bottom:4px}.tx-sum-value.tx-amber{color:#D97706}.tx-sum-sub{font-size:12px;color:#94A3B8}.tx-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tx-filter-pill{padding:5px 14px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid #e2e8f0;background:#fff;color:#64748B;cursor:pointer;transition:all .2s ease;font-family:inherit}.tx-filter-pill:hover{border-color:#DBEAFE;color:#1E293B}.tx-filter-pill.active{background:#2563EB;color:#fff;border-color:#2563EB}.tx-filter-spacer{flex:1}.tx-filter-total{font-size:13px;color:#94A3B8;font-weight:500}.tx-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.tx-table{width:100%;border-collapse:collapse;font-size:13px}.tx-table th{text-align:left;padding:12px 16px;font-weight:600;color:#64748B;background:#F8FAFC;border-bottom:1px solid #e2e8f0;font-size:12px}.tx-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#475569}.tx-table tr:last-child td{border-bottom:none}.tx-table tr:hover td{background:#FAFBFC}.tx-empty{text-align:center;padding:40px 16px!important;color:#94A3B8}.tx-badge{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.tx-b-recharge{background:#DCFCE7;color:#16A34A}.tx-b-consume{background:#FEF3C7;color:#D97706}.tx-b-refund{background:#DBEAFE;color:#2563EB}.tx-amt-positive{color:#16A34A;font-weight:600}.tx-amt-negative{color:#DC2626;font-weight:600}.tx-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding:12px 0}.tx-page-btn{padding:6px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:13px;color:#475569;cursor:pointer;transition:all .2s ease;font-family:inherit}.tx-page-btn:hover:not(:disabled){border-color:#93C5FD;color:#2563EB}.tx-page-btn:disabled{opacity:.4;cursor:not-allowed}.tx-page-info{font-size:13px;color:#94A3B8}@media (max-width:768px){.tx-summary{grid-template-columns:repeat(2,1fr)}}