diff --git a/public/index.php b/public/index.php
index 75613c0..787c2b0 100644
--- a/public/index.php
+++ b/public/index.php
@@ -173,9 +173,9 @@ $news_items = $stmt->fetchAll();
Kategorien
diff --git a/public/styles.css b/public/styles.css
index 1772fe7..16674a4 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -881,6 +881,72 @@ select.form-input { cursor: pointer; }
}
+/* -----------------------------------------------------------------
+ 4.10 Create Type Toggle (Contribution or Task)
+ ----------------------------------------------------------------- */
+.create-type-toggle {
+ display: flex;
+ gap: 8px;
+}
+
+.create-type-btn {
+ flex: 1;
+ padding: 10px;
+ border: 2px solid var(--color-border);
+ border-radius: 8px;
+ background: var(--color-surface);
+ cursor: pointer;
+ font-family: var(--font-body);
+ font-size: 0.85rem;
+ font-weight: 600;
+ color: var(--color-text-secondary);
+ transition: all var(--transition-fast);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 6px;
+}
+
+.create-type-btn:hover { border-color: var(--color-primary); color: var(--color-primary); }
+.create-type-btn.active { border-color: var(--color-primary); background: var(--color-primary-light); color: var(--color-primary); }
+
+
+/* -----------------------------------------------------------------
+ 4.11 Leaderboard (Sidebar Tasks Tab)
+ ----------------------------------------------------------------- */
+.leaderboard-box {
+ background: var(--color-surface);
+ border: 1px solid var(--color-border);
+ border-radius: 8px;
+ padding: var(--space-md);
+ margin-bottom: var(--space-md);
+}
+
+.leaderboard-box h3 { margin-top: 0 !important; }
+
+.leaderboard-entry {
+ display: flex;
+ align-items: center;
+ gap: var(--space-sm);
+ padding: 6px 0;
+ font-size: 0.85rem;
+ border-bottom: 1px solid #f0f0f0;
+}
+
+.leaderboard-entry:last-child { border-bottom: none; }
+.leaderboard-rank { font-size: 1rem; width: 28px; text-align: center; }
+.leaderboard-name { flex: 1; font-weight: 600; }
+.leaderboard-points { color: var(--color-primary); font-weight: 600; }
+
+.leaderboard-more-btn {
+ width: 100%;
+ margin-top: var(--space-sm);
+ font-size: 0.8rem !important;
+ min-height: 32px !important;
+ padding: 4px 12px !important;
+}
+
+
/* =================================================================
SECTION 5: Admin-specific Styles (admin.php)
================================================================= */