add quests page

static/css/character-quests.css

@@ -0,0 +1,104 @@
+.quests-table {
+    max-width: 500px;
+    width: 100%;
+}
+
+.quests-table h2 {
+    color: #FFD700;
+}
+
+.quest-name {
+    color: white;
+}
+
+.quest-level {
+    text-align: center;
+    width: 80px;
+}
+
+.quest-status {
+    text-align: center;
+    width: 120px;
+}
+
+.quest-status.completed {
+    color: #4CAF50;
+}
+
+.quest-status.in-progress {
+    color: #FFD100;
+}
+
+.collapsible {
+    cursor: pointer;
+    user-select: none;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.collapse-icon {
+    display: inline-block;
+    transition: transform 0.3s ease;
+    font-size: 12px;
+}
+
+.collapsible.expanded .collapse-icon {
+    transform: rotate(180deg);
+}
+
+.collapsible-content {
+    display: none;
+    overflow: hidden;
+    transition: height 0.3s ease-out;
+}
+
+.collapsible-content.expanded {
+    display: block;
+}
+
+.completed-quests.expanded .collapsible-content {
+    display: block;
+}
+
+.completed-quests.expanded .collapse-icon {
+    transform: rotate(180deg);
+}
+
+.quest-category {
+    margin-bottom: 20px;
+}
+
+.quest-category h3 {
+    color: #ccc;
+    margin-bottom: 10px;
+}
+
+.is-size-5 {
+    margin-bottom: 10px;
+}
+
+.category-header {
+    cursor: pointer;
+    user-select: none;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.category-content {
+    display: none;
+    margin-top: 10px;
+}
+
+.category-content.expanded {
+    display: block;
+}
+
+.category-header .collapse-icon {
+    margin-left: auto;
+}
+
+.category-header.expanded .collapse-icon {
+    transform: rotate(180deg);
+}