Pagination on audit log

src/main/resources/static/css/styles.css

@@ -2571,6 +2571,44 @@ button:disabled:hover {
     margin: 0 0 6px;
 }
 
+.audit-filters {
+    margin-top: 18px;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 12px 16px;
+    align-items: end;
+}
+
+.audit-filter {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    font-size: 12px;
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    color: #94a3b8;
+}
+
+.audit-filter input,
+.audit-filter select {
+    border-radius: 10px;
+    border: 1px solid #1f2937;
+    background: rgba(15, 23, 42, 0.9);
+    color: #e2e8f0;
+    padding: 10px 12px;
+    font-size: 14px;
+}
+
+.audit-filter input::placeholder {
+    color: #64748b;
+}
+
+.audit-filter-actions {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+}
+
 .audit-table-wrapper {
     margin-top: 16px;
     overflow-x: auto;
@@ -2606,6 +2644,25 @@ button:disabled:hover {
     color: #cbd5e1;
 }
 
+.audit-pagination {
+    margin-top: 16px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+
+.audit-pagination-info {
+    color: #cbd5e1;
+    font-size: 14px;
+}
+
+.audit-pagination-actions {
+    display: flex;
+    gap: 10px;
+}
+
 .control-list {
     display: flex;
     flex-direction: column;