*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{font-family:Poppins,sans-serif;background-color:#08cb00;background-image:url(https://www.transparenttextures.com/patterns/dark-exa.png);margin:0;padding:0}.container{max-width:800px;margin:20px auto;padding:15px;background-color:#253900;box-shadow:0 0 10px #0000001a;border-radius:8px;width:95%}@media (min-width: 768px){.container{margin:50px auto;padding:20px;width:90%}}h1{text-align:center;margin-bottom:20px;font-size:1.8rem;color:#fff}h2{text-align:center;margin-bottom:20px;font-size:1.5rem;color:#fff}@media (min-width: 768px){h1{font-size:2.2rem}h2{font-size:1.8rem}}form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}form input,form select,form button{padding:10px;border:1px solid #ccc;border-radius:4px;flex:1 0 calc(50% - 10px)}form button{background-color:#28a745;color:#fff;border:none;cursor:pointer;flex:1 0 100%;margin-top:10px}form button:hover{background-color:#218838}@media (min-width: 768px){form input,form select{flex:1}form button{flex:0 0 auto;margin-top:0}}.expense-table{overflow-x:auto}.expense-table table{width:100%;border-collapse:collapse;margin-bottom:20px;min-width:600px}.expense-table th,.expense-table td{padding:10px;border:1px solid #ddd;text-align:left}.expense-table th{background-color:#4e9f3d}@media (max-width: 767px){.expense-table td,.expense-table th{padding:8px 5px;font-size:14px}}.total-amount{text-align:right;font-size:18px;margin-top:15px;padding:10px;background-color:#4e9f3d33;border-radius:4px;color:#fff}.total-amount strong{margin-right:5px}#total-amount{font-weight:700;color:#4e9f3d}.filter-categories{margin-bottom:20px;text-align:center;display:flex;flex-direction:column}.filter-categories label{margin-bottom:10px;color:#fff}.filter-categories select{padding:10px;border:1px solid #ccc;border-radius:4px;width:100%;max-width:300px;margin:0 auto}@media (min-width: 768px){.filter-categories{text-align:right;flex-direction:row;justify-content:flex-end;align-items:center}.filter-categories label{margin-right:10px;margin-bottom:0}.filter-categories select{width:auto;margin:0}}.fa{padding:20px;font-size:30px;width:30px;text-align:center;text-decoration:none;border-radius:50%}.fa:hover{background:#ffffff1a}.fa-github{color:#fff;font-size:10px;text-decoration:none;transition:color .3s;background:#000;padding:10px;border-radius:50%;margin-left:10px}.fa-linkedin{color:#fff;font-size:10px;text-decoration:none;transition:color .3s;background:#0077b5;padding:10px;border-radius:50%;margin-left:10px}.fa-twitter{color:#fff;font-size:10px;text-decoration:none;transition:color .3s;background:#1da1f2;padding:10px;border-radius:50%;margin-left:10px}.fa-instagram{color:#fff;font-size:10px;text-decoration:none;transition:color .3s;background:#c13584;padding:10px;border-radius:50%;margin-left:10px}.footer{text-align:center;margin-top:30px;padding-top:20px;font-size:13px;color:#eee;border-top:1px solid rgba(255,255,255,.1)}@media (min-width: 768px){.footer{margin-top:50px;font-size:14px}}@media (max-width: 767px){.fa-github,.fa-linkedin,.fa-twitter,.fa-instagram{margin-left:5px;padding:8px;font-size:9px}.expense-table,.filter-categories,.total-amount{margin-top:15px}button{min-height:44px;min-width:44px}.container>*{margin-bottom:15px}}