1.table-controls {
 2  margin-bottom: 20px;
 3  display: flex;
 4  justify-content: space-between;
 5  align-items: center;
 6}
 7
 8#search-input {
 9  padding: 8px;
10  width: 250px;
11}
12
13.column-toggles {
14  display: flex;
15  gap: 10px;
16  align-items: center;
17}
18
19.data-table {
20  width: 100%;
21  border-collapse: collapse;
22  margin-top: 20px;
23}
24
25.data-table th,
26.data-table td {
27  padding: 10px;
28  text-align: left;
29  border-bottom: 1px solid #ddd;
30}
31
32.data-table th.sortable {
33  cursor: pointer;
34  position: relative;
35}
36
37.data-table th.sortable:after {
38  content: "⇵";
39  margin-left: 5px;
40  opacity: 0.5;
41}
42
43.data-table th.asc:after {
44  content: "↑";
45  opacity: 1;
46}
47
48.data-table th.desc:after {
49  content: "↓";
50  opacity: 1;
51}