body{font-family:Arial,sans-serif;background-color:#f9fafb;margin:0;padding:20px}table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden}thead{background-color:#f3f4f6}th{text-align:left;padding:12px;border-top:1px solid #e5e7eb;font-size:14px;color:#374151}td{padding:12px;border-top:1px solid #e5e7eb;font-size:14px}tbody tr:hover{background-color:#f9fafb}button{padding:6px 10px;margin-right:4px;border:none;border-radius:4px;cursor:pointer}button.edit,button.search{background-color:#3b82f6;color:#fff}button.delete{background-color:#ef4444;color:#fff}.search-container{display:flex;justify-content:flex-end;margin-top:10px}button.current{background-color:#3b82f6;color:#fff}