Update.

static/css/style.css

@@ -171,6 +171,25 @@ body {
     background-color: #AA0000;
 }
 
+.button-danger {
+    background-color: var(--secondary-color);
+    color: var(--accent-color);
+}
+
+.button-danger:hover {
+    background-color: #AA0000;
+}
+
+.deleted-item {
+    border-color: var(--secondary-color);
+    background-color: rgba(255, 0, 0, 0.05); /* Light red tint */
+}
+
+.deleted-item .file-name,
+.deleted-item .file-deleted-date {
+    color: var(--secondary-color);
+}
+
 .input-field {
     border: 1px solid var(--border-color);
     padding: var(--spacing-unit);
@@ -786,3 +805,93 @@ body.dark-mode {
     margin: 0 0 calc(var(--spacing-unit) * 2) 0;
     color: var(--primary-color);
 }
+
+.admin-dashboard-container {
+    background-color: var(--accent-color);
+    border-radius: 8px;
+    padding: calc(var(--spacing-unit) * 2);
+}
+
+.admin-dashboard-container h2 {
+    margin: 0 0 calc(var(--spacing-unit) * 2) 0;
+    color: var(--primary-color);
+    border-bottom: 1px solid var(--border-color);
+    padding-bottom: calc(var(--spacing-unit) * 2);
+}
+
+.admin-section {
+    margin-bottom: calc(var(--spacing-unit) * 3);
+}
+
+.admin-section h3 {
+    margin: 0 0 calc(var(--spacing-unit) * 1.5) 0;
+    color: var(--text-color);
+    font-size: 1.2rem;
+}
+
+.user-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-unit);
+}
+
+.user-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: var(--spacing-unit) calc(var(--spacing-unit) * 2);
+    border: 1px solid var(--border-color);
+    border-radius: 4px;
+    background-color: var(--background-color);
+}
+
+.user-actions {
+    display: flex;
+    gap: var(--spacing-unit);
+}
+
+.button-small {
+    padding: calc(var(--spacing-unit) / 2) var(--spacing-unit);
+    font-size: 0.8rem;
+}
+
+.star-btn {
+    color: gold; /* Gold color for stars */
+    border: none;
+    background: none;
+    font-size: 1.2rem;
+    cursor: pointer;
+    padding: 0;
+    margin-left: var(--spacing-unit);
+}
+
+.star-btn:hover {
+    transform: scale(1.1);
+}
+
+.batch-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-unit);
+    background-color: var(--background-color);
+    padding: var(--spacing-unit);
+    border-radius: 8px;
+    margin-bottom: calc(var(--spacing-unit) * 2);
+    flex-wrap: wrap;
+}
+
+.batch-actions label {
+    font-weight: 500;
+    margin-right: var(--spacing-unit);
+}
+
+.select-item {
+    margin-right: var(--spacing-unit);
+}
+
+.file-item .select-item {
+    position: absolute;
+    top: var(--spacing-unit);
+    left: var(--spacing-unit);
+    z-index: 1;
+}