Sửa lỗi quản lí users, chỉnh sửa users

frontend/css/style.css

@@ -197,6 +197,8 @@ html, body {
     z-index: 1600; /* Above top-bar */
     border: 1px solid rgba(255, 255, 255, 0.1);
     min-width: 180px; /* Đảm bảo không quá nhỏ */
+    max-height: 550px;
+    overflow-y: auto;
 }
 
 #user-dropdown.show {
@@ -210,6 +212,54 @@ html, body {
     /* Nếu đây là tiêu đề "Welcome", nó sẽ bị ẩn bởi quy tắc bên dưới */
 }
 
+.auth-tabs {
+    display: flex;
+    padding: 0 10px 10px;
+    margin-bottom: 15px;
+    border-bottom: 1px solid rgba(255,255,255,0.1);
+}
+
+.auth-tab-btn {
+    flex: 1;
+    background: none;
+    border: none;
+    color: #888;
+    cursor: pointer;
+    padding: 8px 0;
+    font-size: 14px;
+    transition: all 0.2s;
+}
+
+.auth-tab-btn.active {
+    color: #fff;
+    border-bottom: 2px solid #007bff;
+}
+
+.auth-error {
+    color: #ff4d4d;
+    font-size: 12px;
+    margin: 0 20px 10px 20px;
+    display: none;
+}
+
+.auth-submit-btn {
+    margin: 0 20px 15px;
+    width: calc(100% - 40px) !important;
+    background: #007bff !important;
+    color: white !important;
+    padding: 10px !important;
+}
+
+.rules-checkbox {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    color: #ccc;
+    font-size: 12px;
+    margin: 5px 20px 15px;
+    cursor: pointer;
+}
+
 #user-dropdown input {
     width: calc(100% - 40px);
     margin: 0 20px 10px 20px;
@@ -837,6 +887,36 @@ html, body {
     border: 1px solid rgba(255, 255, 255, 0.1);
 }
 
+/* --- Admin User Management Table --- */
+.admin-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 15px;
+    font-size: 14px;
+}
+
+.admin-table th, .admin-table td {
+    padding: 12px;
+    text-align: left;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.admin-table th {
+    color: #888;
+    font-weight: 600;
+    text-transform: uppercase;
+    font-size: 12px;
+}
+
+.admin-table input, .admin-table select {
+    background: rgba(255, 255, 255, 0.05) !important;
+    border: 1px solid rgba(255, 255, 255, 0.1) !important;
+    color: #fff !important;
+    padding: 5px !important;
+    border-radius: 4px;
+    width: 100%;
+}
+
 /* --- Privacy Settings Enhancements --- */
 .privacy-settings-btn {
     background: rgba(255, 255, 255, 0.1);