body{font-family:Arial,sans-serif;margin:0;padding:20px;background-color:#f5f5f5}.app{max-width:800px;margin:0 auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}h1{text-align:center;color:#333}.expense-form{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.expense-form input,.expense-form select{padding:8px;border:1px solid #ddd;border-radius:4px}.expense-form button{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.search-bar{margin-bottom:20px}.search-bar input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.expense-table{width:100%;border-collapse:collapse}.expense-table th,.expense-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.expense-table th{background-color:#f2f2f2;cursor:pointer}.expense-table th:hover{background-color:#e6e6e6}.expense-table button{padding:6px 12px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}