V.1.2 - Improved Secrurity, Better Ticket Handling

public/user.css

@@ -654,4 +654,54 @@ a:focus {
   .header h1 {
     font-size: 1.2rem;
   }
+}
+/* ===== ACCORDION ===== */
+.accordion-section {
+  margin-top: 2rem;
+}
+
+.accordion-toggle {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 14px 20px;
+  background: var(--card-bg-color);
+  border: 1px solid var(--border-color);
+  border-radius: var(--border-radius);
+  color: var(--neutral-medium);
+  font-size: 1.1rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background-color 0.2s ease, color 0.2s ease;
+  user-select: none;
+}
+
+.accordion-toggle:hover {
+  background: var(--border-color);
+  color: var(--text-color);
+}
+
+.accordion-toggle .accordion-arrow {
+  margin-left: auto;
+  transition: transform 0.3s ease;
+}
+
+.accordion-toggle.open .accordion-arrow {
+  transform: rotate(180deg);
+}
+
+.accordion-count {
+  background: var(--primary-color);
+  color: white;
+  font-size: 0.8rem;
+  font-weight: 700;
+  padding: 2px 10px;
+  border-radius: 12px;
+  min-width: 24px;
+  text-align: center;
+}
+
+.accordion-body {
+  padding-top: 15px;
 }