Chỉnh sửa giao diện quản lí của admin giai đoạn 1

frontend/css/style.css

@@ -992,6 +992,7 @@ html, body {
     padding: 12px;
     text-align: left;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    vertical-align: middle;
 }
 
 .admin-table th {
@@ -999,6 +1000,32 @@ html, body {
     font-weight: 600;
     text-transform: uppercase;
     font-size: 12px;
+    white-space: nowrap;
+}
+
+/* Thiết lập độ rộng tối thiểu để tránh co rúm nội dung */
+.admin-table th:nth-child(1) { min-width: 160px; } /* Họ tên */
+.admin-table th:nth-child(2) { min-width: 120px; } /* Username */
+.admin-table th:nth-child(3) { min-width: 200px; } /* Email */
+.admin-table th:nth-child(4) { min-width: 130px; } /* Quyền hạn */
+.admin-table th:nth-child(5) { min-width: 140px; } /* Reset Password */
+.admin-table th:nth-child(6) { min-width: 140px; } /* Thao tác */
+
+.admin-table td input, .admin-table td select {
+    background: #2a2a2a !important;
+    border: 1px solid #444 !important;
+    color: #fff !important;
+    padding: 8px !important;
+    border-radius: 4px;
+    width: 100%;
+    font-size: 13px;
+}
+
+/* Fix lỗi dropdown trắng trên nền trắng */
+.admin-table select option {
+    background-color: #1e1e1e;
+    color: #ffffff;
+    padding: 10px;
 }
 
 .admin-table input, .admin-table select {
@@ -1010,6 +1037,43 @@ html, body {
     width: 100%;
 }
 
+/* Pagination Styles */
+.pagination-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 15px;
+    margin-top: 25px;
+    padding-top: 15px;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.pagination-btn {
+    background: rgba(255, 255, 255, 0.1);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    color: #fff;
+    padding: 8px 16px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: 13px;
+    transition: all 0.2s;
+}
+
+.pagination-btn:hover:not(:disabled) {
+    background: rgba(255, 255, 255, 0.2);
+    border-color: #007bff;
+}
+
+.pagination-btn:disabled {
+    opacity: 0.3;
+    cursor: not-allowed;
+}
+
+.pagination-info {
+    color: #888;
+    font-size: 13px;
+}
+
 /* --- Privacy Settings Enhancements --- */
 .privacy-settings-btn {
     background: rgba(255, 255, 255, 0.1);