.accordion-menu[data-v-b20f1b65]{width:100%}.accordion-trigger[data-v-b20f1b65]{cursor:pointer;text-align:start;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;transition:all .2s;display:flex}.trigger-content[data-v-b20f1b65]{flex:1;align-items:center;gap:12px;display:flex}.trigger-text[data-v-b20f1b65]{color:#374151;font-weight:500}.accordion-trigger.level-1.is-expanded .trigger-text[data-v-b20f1b65],.trigger-icon[data-v-b20f1b65]{color:var(--color-primary)}.accordion-trigger.level-1[data-v-b20f1b65]{background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:16px}.accordion-trigger.level-1.is-expanded[data-v-b20f1b65],.accordion-trigger.level-1[data-v-b20f1b65]:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.accordion-trigger.level-2[data-v-b20f1b65]{border-bottom:1px solid #f3f4f6;padding:12px 16px 12px 24px;font-size:15px}.accordion-trigger.level-2.is-expanded[data-v-b20f1b65],.accordion-trigger.level-2[data-v-b20f1b65]:hover{background:#00000005}.accordion-trigger.level-2.is-expanded .trigger-text[data-v-b20f1b65],.accordion-trigger.level-2:hover .trigger-text[data-v-b20f1b65],.category-icon[data-v-b20f1b65]{color:var(--category-color,var(--color-primary))}.accordion-trigger.level-3[data-v-b20f1b65]{border-bottom:1px solid #f9fafb;padding:10px 16px 10px 40px;font-size:14px}.accordion-trigger.level-3[data-v-b20f1b65]:hover{background:color-mix(in srgb,var(--color-primary) 4%,transparent)}.audience-icon[data-v-b20f1b65]{color:var(--color-primary);flex-shrink:0}.count-badge[data-v-b20f1b65]{color:#6b7280;text-align:center;background:#0000000f;border-radius:12px;min-width:24px;margin-inline:auto 8px;padding:2px 8px;font-size:12px;font-weight:600}.count-badge.small[data-v-b20f1b65]{min-width:20px;padding:1px 6px;font-size:11px}.accordion-arrow[data-v-b20f1b65]{color:#9ca3af;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.accordion-arrow.is-rotated[data-v-b20f1b65]{transform:rotate(180deg)}.accordion-content[data-v-b20f1b65],.course-title[data-v-b20f1b65]{overflow:hidden}.level-1-content[data-v-b20f1b65]{background:#fff;border-bottom:1px solid #e5e7eb}.level-2-content[data-v-b20f1b65]{background:#fafafa}.level-3-content[data-v-b20f1b65]{background:#f5f5f5;padding:8px 0}.course-link[data-v-b20f1b65]{align-items:center;gap:12px;padding:10px 16px 10px 32px;text-decoration:none;transition:all .2s;display:flex}.course-link[data-v-b20f1b65]:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.course-icon-wrapper[data-v-b20f1b65]{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 12%,transparent) 0,color-mix(in srgb,var(--color-primary) 6%,transparent) 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.course-icon[data-v-b20f1b65]{color:var(--color-primary);transition:transform .2s}.course-link:hover .course-icon-wrapper[data-v-b20f1b65]{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 20%,transparent) 0,color-mix(in srgb,var(--color-primary) 10%,transparent) 100%)}.course-link:hover .course-icon[data-v-b20f1b65]{transform:scale(1.1)}.course-info[data-v-b20f1b65]{flex-direction:column;gap:2px;min-width:0;display:flex}.course-title[data-v-b20f1b65]{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500}.course-meta[data-v-b20f1b65]{color:#9ca3af;font-size:11px}.view-all-link[data-v-b20f1b65]{color:var(--color-primary);align-items:center;gap:6px;padding:8px 16px 8px 56px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.category-view-all[data-v-b20f1b65]:hover,.view-all-link[data-v-b20f1b65]:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.category-view-all[data-v-b20f1b65]{color:var(--category-color,var(--color-primary));border-top:1px solid #e5e7eb;justify-content:space-between;padding:12px 16px 12px 24px;font-size:13px;font-weight:500}.all-courses-link[data-v-b20f1b65],.category-view-all[data-v-b20f1b65]{align-items:center;text-decoration:none;transition:all .2s;display:flex}.all-courses-link[data-v-b20f1b65]{color:var(--color-primary);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,color-mix(in srgb,var(--color-primary) 4%,transparent) 100%);border-top:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);gap:12px;padding:14px 16px;font-size:14px;font-weight:600}.all-courses-link[data-v-b20f1b65]:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 12%,transparent) 0,color-mix(in srgb,var(--color-primary) 8%,transparent) 100%)}.all-courses-link .arrow-icon[data-v-b20f1b65]{margin-inline-start:auto}.accordion-enter-active[data-v-b20f1b65]{animation:.3s ease-out accordion-in-b20f1b65}.accordion-leave-active[data-v-b20f1b65]{animation:.2s ease-in accordion-out-b20f1b65}@keyframes accordion-in-b20f1b65{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@keyframes accordion-out-b20f1b65{0%{opacity:1;max-height:1000px}to{opacity:0;max-height:0}}[dir=rtl] .accordion-trigger[data-v-b20f1b65]{text-align:end}[dir=rtl] .accordion-arrow.is-rotated[data-v-b20f1b65]{transform:rotate(-180deg)}[dir=rtl] .course-link[data-v-b20f1b65]{padding:10px 56px 10px 16px}[dir=rtl] .view-all-link[data-v-b20f1b65]{padding:8px 56px 8px 16px}[dir=rtl] .accordion-trigger.level-2[data-v-b20f1b65]{padding:12px 24px 12px 16px}[dir=rtl] .accordion-trigger.level-3[data-v-b20f1b65]{padding:10px 40px 10px 16px}[dir=rtl] .category-view-all[data-v-b20f1b65]{padding:12px 24px 12px 16px}.mobile-nav[data-v-852725c4]{width:100%}.nav-content[data-v-852725c4]{gap:0}.nav-content[data-v-852725c4],.other-links[data-v-852725c4]{flex-direction:column;display:flex}.nav-link[data-v-852725c4]{color:#374151;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.nav-link[data-v-852725c4]:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 4%,transparent)}.auth-section[data-v-852725c4]{border-top:1px solid #e5e7eb;gap:16px;margin-top:8px;padding:16px;display:flex}.signin-link[data-v-852725c4]{color:#374151;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.signin-link[data-v-852725c4]:hover{color:var(--color-primary);border-color:var(--color-primary)}.signup-link[data-v-852725c4]{color:#fff;background:var(--color-primary);border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.signup-link[data-v-852725c4]:hover{opacity:.9}.user-card[data-v-852725c4]{width:100%;padding:0}.user-info[data-v-852725c4]{gap:12px;padding-bottom:12px}.user-avatar[data-v-852725c4],.user-info[data-v-852725c4]{align-items:center;display:flex}.user-avatar[data-v-852725c4]{background:linear-gradient(145deg,var(--color-primary) 0,var(--color-primary-hover) 100%);width:48px;height:48px;box-shadow:0 3px 10px color-mix(in srgb,var(--color-primary) 25%,transparent),inset 0 1px 0 #fff3;border-radius:50%;flex-shrink:0;justify-content:center}.avatar-image[data-v-852725c4]{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-initials[data-v-852725c4]{color:#fff;letter-spacing:.02em;font-size:1rem;font-weight:600}.user-details[data-v-852725c4]{flex:1;min-width:0}.user-name[data-v-852725c4]{color:#181818;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.user-role[data-v-852725c4]{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);text-transform:capitalize;border-radius:4px;align-items:center;gap:6px;margin-top:4px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.role-dot[data-v-852725c4]{background:var(--color-primary);border-radius:50%;width:4px;height:4px}.mobile-greeting[data-v-852725c4]{border-bottom:1px solid #c9a22726;justify-content:center;align-items:center;padding:8px 0 12px;display:flex}.greeting-text[data-v-852725c4]{color:#c9a227;font-family:Amiri,Traditional Arabic,serif;font-size:14px;font-weight:500}.user-actions[data-v-852725c4]{flex-direction:column;gap:10px;padding-top:12px;display:flex}.dashboard-btn[data-v-852725c4]{border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.dashboard-btn.primary[data-v-852725c4]{color:#fff;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 25%,transparent)}.dashboard-btn.primary[data-v-852725c4]:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 35%,transparent);transform:translateY(-1px)}.dashboard-btn svg[data-v-852725c4]{flex-shrink:0;width:18px;height:18px}.mobile-timezone[data-v-852725c4]{justify-content:center;align-items:center;padding:4px 0 12px;font-size:.8125rem;font-weight:500;display:flex}.mobile-timezone[data-v-852725c4] .timezone-label{margin:0}.signout-btn[data-v-852725c4]{color:#374151;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.signout-btn[data-v-852725c4]:hover{color:#8f2439;background:#8f24390a;border-color:#8f24394d}.signout-btn svg[data-v-852725c4]{flex-shrink:0;width:18px;height:18px}.mobile-child-selector[data-v-852725c4]{border-bottom:1px solid #e5e7eb;padding:12px 0}.mobile-child-selector[data-v-852725c4] .child-context-selector{position:static}.mobile-child-selector[data-v-852725c4] .context-trigger{background:#30d5c80a;border:1px solid #e5e7eb;border-radius:10px;justify-content:flex-start;width:100%;padding:10px 12px}.mobile-child-selector[data-v-852725c4] .context-name{max-width:none;display:block}.mobile-child-selector[data-v-852725c4] .context-dropdown{box-shadow:none;border:1px solid #e5e7eb;margin-top:8px;position:static}
