Chỉnh sửa giao diện của admin, phân hồ sơ thành 2 cột

frontend/css/style.css

@@ -66,7 +66,6 @@ html, body {
     display: block;
     margin-bottom: 5px;
     font-weight: 600;
-    color: #333;
 }
 
 .form-group input, .form-group select {
@@ -77,15 +76,16 @@ html, body {
 }
 
 .submit-btn {
-    width: 100%;
-    padding: 12px;
-    background-color: #28a745;
-    color: white;
-    border: none;
+    background: transparent !important;
+    color: #fff;
+    padding: 0 20px;
+    height: 36px;
+    border: 1px solid rgba(255, 255, 255, 0.2) !important;
     border-radius: 4px;
     cursor: pointer;
-    font-weight: bold;
-    font-size: 16px;
+    font-size: 13px;
+    transition: background 0.2s;
+    white-space: nowrap;
 }
 
 .submit-btn:hover {
@@ -423,12 +423,40 @@ html, body {
 }
 
 /* Profile Styles */
+.profile-grid {
+    display: grid !important;
+    grid-template-columns: 1fr 1fr !important; /* Ép buộc chia 2 cột đều nhau */
+    gap: 10px 25px !important;
+    margin-bottom: 20px;
+    width: 100% !important;
+}
+
+/* Responsive cho mobile */
+@media (max-width: 768px) {
+    .profile-grid {
+        grid-template-columns: 1fr !important;
+    }
+}
+
+#profile-form .form-group {
+    margin-bottom: 10px;
+}
+
 .profile-header-edit {
     display: flex;
     justify-content: center;
     margin-bottom: 25px;
 }
 
+#profile-form input {
+    background: #2a2a2a !important; /* Đồng bộ màu nền xám tối như admin table */
+    border: 1px solid #444 !important; /* Viền sắc nét hơn */
+    color: #fff !important;
+    padding: 8px 12px !important;
+    border-radius: 4px;
+    font-size: 13px;
+}
+
 .avatar-edit-container {
     position: relative;
     width: 100px;
@@ -465,6 +493,24 @@ html, body {
     transform: scale(1.1);
 }
 
+.profile-submit-btn {
+    width: auto !important;
+    margin: 20px auto 0 !important;
+    display: block !important;
+    background: transparent !important; /* Loại bỏ hoàn toàn nền xanh */
+    border: 1px solid rgba(255, 255, 255, 0.15) !important;
+    color: #fff !important;
+    padding: 8px 25px !important;
+    border-radius: 6px !important;
+    font-weight: 500 !important;
+    font-size: 14px !important;
+    transition: background 0.2s;
+}
+
+.profile-submit-btn:hover {
+    background: rgba(255, 255, 255, 0.08) !important;
+}
+
 /* Storage Progress Bar */
 .storage-info {
     margin-top: 25px;
@@ -1080,6 +1126,71 @@ html, body {
     width: 100%;
 }
 
+/* Admin User Management Header */
+.admin-management-header {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    margin-bottom: 20px;
+    padding-bottom: 10px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+}
+
+.cleanup-btn {
+    background: transparent; /* Nền trùng màu dashboard */
+    color: #fff;
+    padding: 6px 12px;
+    font-size: 13px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background 0.2s;
+}
+
+.cleanup-btn:hover {
+    background: rgba(255, 255, 255, 0.1); /* Màu xám active của dashboard */
+}
+
+.admin-search-container {
+    display: flex;
+    flex-direction: row; /* Chuyển sang hàng ngang */
+    align-items: center;
+    gap: 10px;
+    margin-bottom: 20px;
+    width: 100%;
+}
+.admin-search-container input {
+    flex: 1; /* Trải dài toàn bộ chiều rộng còn lại */
+    background: rgba(255, 255, 255, 0.1) !important; /* Nền xám như màu active */
+    border: 1px solid rgba(255, 255, 255, 0.1) !important;
+    color: #000 !important; /* Text màu đen */
+    padding: 8px 15px !important;
+    border-radius: 4px;
+    font-size: 14px;
+    height: 36px;
+}
+
+.admin-search-container input::placeholder {
+    color: #555;
+}
+
+.admin-search-btn {
+    background: transparent !important;
+    color: #fff;
+    padding: 0 20px;
+    height: 36px;
+    border: 1px solid rgba(255, 255, 255, 0.2) !important;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 13px;
+    transition: background 0.2s;
+    white-space: nowrap;
+}
+
+.admin-search-btn:hover {
+    background: rgba(255, 255, 255, 0.1);
+}
+
 /* Pagination Styles */
 .pagination-container {
     display: flex;