Update style.css

style.css

@@ -36,6 +36,7 @@ h1 { font-size: 2rem; }
 h2 { font-size: 1.5rem; margin-bottom: 20px; }
 h3 { font-size: 1.75rem; margin-bottom: 25px; }
 
+
 /* --- FORM CONTAINER & ELEMENTS --- */
 .form-container {
     background-color: var(--navy-light);
@@ -44,10 +45,12 @@ h3 { font-size: 1.75rem; margin-bottom: 25px; }
     margin-bottom: 30px;
     border: 1px solid #1a2c4e;
 }
-/* ... Other form styles from before remain the same ... */
+
+/* ... Other form styles ... */
 
 /* --- BUTTONS --- */
 button { /* ... base button styles ... */ }
+
 .floating-action-button {
     position: fixed;
     bottom: 30px;
@@ -68,5 +71,24 @@ button { /* ... base button styles ... */ }
 .floating-action-button svg { fill: var(--navy-dark); }
 .floating-action-button:hover { background-color: var(--cyan-accent); transform: scale(1.1); }
 
-/* --- MODALS, STATUS, ADMIN PANEL, ETC --- */
-/* All other styles for modals, admin panel, status messages, and highlights remain the same as the previous version. */
+
+/* --- ADMIN PANEL FIX --- */
+.admin-panel summary {
+    cursor: pointer;
+    font-weight: 700;
+    font-size: 1.1rem;
+    color: var(--cyan-accent);
+    list-style-position: inside; /* Ensures marker is aligned */
+    outline: none; /* Removes focus ring on some browsers */
+}
+.details-content {
+    margin-top: 20px;
+    padding-top: 20px;
+    border-top: 1px solid var(--navy-dark);
+}
+.admin-buttons { display: flex; gap: 15px; }
+.admin-buttons button { flex-grow: 1; padding: 12px; font-size: 1rem; }
+/* ... other admin button styles ... */
+
+/* --- MODALS, STATUS, ETC. --- */
+/* All other styles for modals, status messages, etc. remain the same */