.filters-section,.page-header,.transactions-section{margin-bottom:2rem}.action-btn-small,.pagination-btn:hover:not(:disabled),.transaction-icon,.transaction-item:hover{background-color:var(--background-color)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.page-title h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.action-btn-small,.page-title p,.results-count,.transaction-meta{color:var(--text-secondary)}.page-title p{font-size:1rem}.page-actions{display:flex;gap:1rem;flex-shrink:0}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filters-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.results-count{font-size:.875rem}.header-actions{display:flex;gap:1rem;align-items:center}.transactions-list{min-height:400px}.transaction-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color);transition:.2s;position:relative}.transaction-item:last-child{border-bottom:none}.transaction-main{display:flex;align-items:center;gap:1rem;flex:1}.transaction-icon{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.transaction-details{flex:1}.transaction-details h4{font-weight:500;margin-bottom:.25rem;color:var(--text-primary)}.transaction-meta{font-size:.875rem;display:flex;gap:.5rem;align-items:center}.transaction-meta .separator{color:var(--border-color)}.transaction-amount{font-weight:600;font-size:1.125rem;margin-right:1rem}.transaction-amount.income{color:var(--success-color)}.action-btn-small.delete,.transaction-amount.expense{color:var(--danger-color)}.transaction-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.action-btn-small,.pagination-btn{cursor:pointer;transition:.2s;font-size:.875rem}.transaction-item:hover .transaction-actions{opacity:1}.action-btn-small{padding:.5rem;border:none;border-radius:.25rem}.action-btn-small:hover{background-color:var(--border-color);color:var(--text-primary)}.action-btn-small.edit{color:var(--primary-color)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 0;border-top:1px solid var(--border-color)}.pagination-btn{padding:.5rem .75rem;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-primary);border-radius:.25rem}.empty-state,.loading,.pagination-info{color:var(--text-secondary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-info{font-size:.875rem;margin:0 1rem}.loading{text-align:center;padding:3rem}.empty-state{text-align:center;padding:3rem 1rem}.empty-state h3{margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{margin-bottom:1.5rem}.modal-content{max-width:600px}@media (max-width:768px){.page-header{flex-direction:column;align-items:stretch}.page-actions{width:100%;justify-content:stretch}.page-actions .btn{flex:1}.filters-grid{grid-template-columns:1fr}.filters-actions{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{flex-direction:column;align-items:stretch;gap:.5rem}.transaction-item{flex-direction:column;align-items:flex-start;gap:1rem}.transaction-main{width:100%}.transaction-amount{margin-right:0;align-self:flex-end}.transaction-actions{opacity:1;width:100%;justify-content:center}.pagination{flex-wrap:wrap;gap:.25rem}.pagination-info{width:100%;text-align:center;margin:.5rem 0}}@media (max-width:480px){.transaction-meta{flex-direction:column;gap:.25rem;align-items:flex-start}.transaction-meta .separator{display:none}}