.expenses,.wallet-balance{align-items:center;background-color:#e0e0e0;border-radius:8px;display:flex;justify-content:space-between;margin:10px;padding:10px;width:100%}.expenses button,.wallet-balance button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.expenses button{background-color:#f44336}.expenses h2,.wallet-balance h2{margin:0}.transaction-item{align-items:center;background-color:#fff;border:1px solid #e1e4e8;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin:10px 0;padding:12px 20px;transition:box-shadow .2s}.transaction-item:hover{box-shadow:0 4px 8px #0000001a}.transaction-title{flex:1 1;font-size:16px}.transaction-date{color:#657786;margin:0 12px;white-space:nowrap}.transaction-amount{color:#f44336;font-weight:500}.delete-button,.edit-button{background:none;border:none;cursor:pointer;margin-left:8px}.icon{height:24px;width:24px}.edit-button .icon{color:#ffc107}.delete-button .icon{color:#f44336}.delete-button:hover .icon,.edit-button:hover .icon{color:#d32f2f}.transaction-list-container{background-color:#f7f7f7;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px}.transaction-header{color:#333;font-size:1.25rem;margin-bottom:20px;text-align:left}.pagination{align-items:center;display:flex;justify-content:center;padding-top:20px}.pagination-icon{color:#9e9e9e;cursor:pointer;font-size:24px}.pagination-icon:hover{color:#424242}.page-number{align-items:center;background-color:#4caf50;border-radius:16px;color:#fff;display:inline-flex;font-size:.875rem;height:32px;justify-content:center;margin:0 8px;width:32px}.expense-summary-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.expense-summary-header{color:#333;font-size:1.5rem;margin-bottom:20px}.Modal{border-radius:4px}.modal-actions{justify-content:space-between}.button{border:none;border-radius:5px;cursor:pointer;padding:10px 20px}.Modal{bottom:auto;box-shadow:0 0 10px 0 #00000080;margin-right:-50%;outline:none;overflow:auto;right:auto}.modal-actions{display:flex;justify-content:space-around;margin-top:20px}button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px}input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin:10px 0;padding:10px;width:100%}.cancel-btn{background-color:#ccc;color:#fff}input::placeholder{color:#aaa}h2{margin-bottom:20px;text-align:center}.Modal{background:#fff;border-radius:10px;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.Overlay{background-color:#000000bf;bottom:0;left:0;position:fixed;right:0;top:0}.add-btn{background-color:orange;color:#fff}.app{display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.header{font-size:2rem;margin-bottom:20px;text-align:center}.bottom-section,.top-section{display:flex;justify-content:space-between;margin-bottom:20px}.bottom-section>div,.top-section>div{flex:1 1;margin-right:10px}.bottom-section>div:last-child,.top-section>div:last-child{margin-right:0}.charts{max-width:600px}@media (max-width:768px){.bottom-section,.top-section{flex-direction:column}.bottom-section>div,.top-section>div{margin-bottom:10px;margin-right:0}.bottom-section>div:last-child,.top-section>div:last-child{margin-bottom:0}}
/*# sourceMappingURL=main.5b44eb4e.css.map*/