fixes and awards

public/styles.css

@@ -400,35 +400,33 @@ button:disabled {
   flex-wrap: wrap;
   gap: 0.5rem;
   margin-bottom: 2rem;
-  padding: 0.5rem;
-  background: var(--bg-secondary);
+  padding: 0.75rem;
+  background: var(--bg-primary);
+  border: 1px solid var(--border);
   border-radius: var(--radius);
+  box-shadow: var(--shadow);
 }
 
 #adminTabs button {
   flex: 1;
   min-width: fit-content;
-  background: transparent;
-  color: var(--text-secondary);
-  border: none;
   border-radius: calc(var(--radius) - 0.25rem);
   padding: 0.75rem 1rem;
-  font-weight: 500;
   transition: var(--transition);
-  box-shadow: none;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
   cursor: pointer;
+  margin: 0 2px;
+  /* Base styles now controlled in tab-contrast.css */
 }
 
+/* Hover styles are now controlled in tab-contrast.css */
 #adminTabs button:hover {
-  background: var(--bg-primary);
-  color: var(--text-primary);
-  transform: none;
+  transform: translateY(-2px);
 }
 
+/* Active state is now controlled in tab-contrast.css */
 #adminTabs button.active {
-  background: var(--primary) !important;
-  color: white !important;
-  box-shadow: var(--shadow);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
 }
 
 .adminTab {