.spending-content{max-width:1740px}.spending-hero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.spending-hero h1{font-size:27px;letter-spacing:-1px;margin:4px 0 6px}.spending-hero p:last-child{font-size:11px;color:#697987;margin:0}.export-button{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.spending-summary{grid-template-columns:repeat(4,1fr)}
.filter-panel{display:grid;grid-template-columns:1.7fr repeat(3,minmax(130px,1fr));gap:11px;align-items:end;padding:15px;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow);margin-bottom:12px}.filter-panel label{display:block;font-size:9px;color:#617180;font-weight:700;margin:0 0 6px}.filter-panel input,.filter-panel select{width:100%;height:36px;border:1px solid #d4dfe5;border-radius:6px;background:#fff;color:#253b4b;font:500 10px Inter,sans-serif;padding:0 9px;outline:0}.filter-panel input:focus,.filter-panel select:focus{border-color:#0aa09c;box-shadow:0 0 0 3px rgba(10,160,156,.1)}.filter-search>div{position:relative}.filter-search i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#78909d;font-size:10px}.filter-search input{padding-left:29px}.filter-actions{display:flex;gap:7px;align-items:center}.filter-actions .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:1;padding:0 10px}
.transactions-panel{overflow:hidden}.spending-table-head{height:auto;min-height:58px}.spending-table-head label{display:flex;align-items:center;gap:7px;color:#687987;font-size:9px}.spending-table-head select{height:30px;border:1px solid #d4dfe5;border-radius:5px;background:#fff;font-size:9px;padding:0 7px}.transaction-table-wrap{padding:0;overflow-x:auto}.transaction-table{min-width:1250px}.transaction-table th{white-space:nowrap;padding:11px 12px}.transaction-table th a{color:inherit}.transaction-table td{vertical-align:top;padding:11px 12px;line-height:1.45}.transaction-table td strong{display:block;font-size:10px}.transaction-table td small{display:block;color:#7b8995;font-size:8.5px;margin-top:3px}.transaction-table th:first-child,.transaction-table td:first-child{width:100px}.transaction-table th:nth-child(2),.transaction-table td:nth-child(2){width:220px}.transaction-table th:nth-child(3),.transaction-table td:nth-child(3){width:190px}.transaction-table th:nth-child(5),.transaction-table td:nth-child(5){width:105px}.transaction-table th:nth-child(6),.transaction-table td:nth-child(6){width:125px}.amount-column{text-align:right!important;white-space:nowrap;font-weight:700}.credit-value{color:#c34f47}.record-label{display:inline-flex;padding:4px 7px;border-radius:20px;background:#f0f4f6;color:#61717e;font-size:8px;font-weight:700;text-transform:capitalize;white-space:nowrap}.record-transaction{background:#e7f7f0;color:#07865b}.record-aggregate{background:#fff2df;color:#a76512}.empty-table{text-align:center!important;color:#758592;padding:35px!important}
.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border-top:1px solid #e9eef1;color:#6c7b88;font-size:9.5px}.pagination-bar nav{display:flex;align-items:center;gap:10px}.pagination-bar nav a,.pagination-bar nav strong{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #d8e2e7;border-radius:5px;background:#fff;color:#315064}.pagination-bar nav a:hover{border-color:#0a9f9c;color:#087f7e}.pagination-bar nav strong{background:#f3f7f8;font-weight:600}
@media(max-width:1280px){.filter-panel{grid-template-columns:repeat(3,1fr)}.filter-search{grid-column:span 2}}
@media(max-width:900px){.spending-hero{align-items:flex-start;flex-direction:column;gap:12px}.spending-summary{grid-template-columns:repeat(2,1fr)}.filter-panel{grid-template-columns:repeat(2,1fr)}.filter-search{grid-column:span 2}.pagination-bar{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.spending-summary,.filter-panel{grid-template-columns:1fr}.filter-search{grid-column:auto}.filter-actions{grid-column:1}.pagination-bar nav{width:100%;justify-content:space-between}.pagination-bar nav strong{order:-1}.export-button{width:100%;justify-content:center}}