#mainNav{display:flex !important;justify-content:space-between !important;align-items:center !important;width:100%;position:relative;padding:0 20px}#mainNav .logo{display:block !important;z-index:1002;flex-shrink:0}#mainNav .nav-links{display:flex !important;gap:15px;list-style:none;margin:0;padding:0;position:absolute;left:50%;transform:translateX(-50%);background:transparent;flex-direction:row}#mainNav .nav-links li a{font-size:1rem;white-space:nowrap;text-decoration:none;color:var(--text-muted);transition:color 0.2s}#mainNav .nav-right-group{display:flex !important;align-items:center !important;gap:15px;z-index:1002;flex-shrink:0;margin-left:auto}#mainNav .hamburger-btn{display:none !important;background:none;border:0;cursor:pointer;width:30px;height:30px;position:relative;padding:0;z-index:9999 !important;pointer-events:auto !important}#mainNav .hamburger-btn span{display:block;width:100%;height:2px;background-color:var(--text-primary);position:absolute;left:0;transition:all 0.3s ease;border-radius:2px}#mainNav .hamburger-btn span:nth-child(1){top:0}#mainNav .hamburger-btn span:nth-child(2){top:50%;transform:translateY(-50%)}#mainNav .hamburger-btn span:nth-child(3){bottom:0}#mainNav .user-menu-container{margin-left:0 !important}.user-dropdown{pointer-events:none}.user-dropdown.show{pointer-events:auto}

/* === Nav Dropdown (Desktop) === */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-toggle{background:none;border:none;font-size:1rem;white-space:nowrap;text-decoration:none;color:var(--text-muted);transition:color 0.2s;cursor:pointer;display:flex;align-items:center;gap:4px;font-family:inherit;padding:0;line-height:inherit}
.nav-dropdown-toggle:hover,.nav-dropdown-toggle.active{color:var(--accent)}
.nav-dropdown-arrow{font-size:0.6rem;transition:transform 0.2s}
.nav-dropdown.open .nav-dropdown-arrow{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-5px);background:var(--bg-secondary);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px 0;min-width:140px;opacity:0;visibility:hidden;pointer-events:none;transition:all 0.2s ease;list-style:none;z-index:1001;margin:0}
.nav-dropdown.open .nav-dropdown-menu::before{content:'';position:absolute;top:-12px;left:0;right:0;height:14px;background:transparent}
.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-dropdown-menu li{width:100%;margin:0 !important}
.nav-dropdown-menu li a{display:block !important;padding:8px 20px !important;color:var(--text-secondary) !important;text-decoration:none;font-size:0.92rem !important;white-space:nowrap;transition:all 0.15s}
.nav-dropdown-menu li a:hover,.nav-dropdown-menu li a.active{background:var(--accent-subtle);color:var(--accent) !important}

@media (max-width:992px){#mainNav .hamburger-btn{display:block !important}#mainNav .nav-links{position:absolute !important;top:100% !important;left:0 !important;width:100% !important;height:auto !important;min-height:auto !important;background:var(--bg-secondary) !important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--border-color);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column !important;justify-content:flex-start !important;align-items:center !important;padding:20px 0 !important;transform:translateY(-10px) !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:all 0.2s ease;z-index:1000 !important}#mainNav .nav-links.active{transform:translateY(0) !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important}#mainNav .nav-links li{width:100%;text-align:center;margin:4px 0 !important;opacity:0;transform:translateY(-10px);transition:all 0.2s ease}#mainNav .nav-links.active li{opacity:1;transform:translateY(0)}#mainNav .nav-links.active li:nth-child(1){transition-delay:0.03s}#mainNav .nav-links.active li:nth-child(2){transition-delay:0.06s}#mainNav .nav-links.active li:nth-child(3){transition-delay:0.09s}#mainNav .nav-links.active li:nth-child(4){transition-delay:0.12s}#mainNav .nav-links.active li:nth-child(5){transition-delay:0.15s}#mainNav .nav-links.active li:nth-child(6){transition-delay:0.18s}#mainNav .nav-links li a{display:block !important;font-size:1.05rem !important;padding:10px !important;width:90%;margin:0 auto;border-radius:var(--radius-md);color:var(--text-secondary) !important}#mainNav .nav-links li a:hover,#mainNav .nav-links li a.active{background:var(--accent-subtle);color:var(--accent) !important}#mainNav .nav-links li a::after{display:none !important}#mainNav .hamburger-btn.active span:nth-child(1){transform:rotate(45deg);top:14px;background-color:var(--accent)}#mainNav .hamburger-btn.active span:nth-child(2){opacity:0}#mainNav .hamburger-btn.active span:nth-child(3){transform:rotate(-45deg);bottom:14px;background-color:var(--accent)}

/* === Nav Dropdown (Mobile) === */
.nav-dropdown{display:block;width:100%}
.nav-dropdown-toggle{display:block !important;font-size:1.05rem !important;padding:10px !important;width:90%;margin:0 auto;border-radius:var(--radius-md);color:var(--text-secondary) !important;text-align:center;cursor:pointer}
.nav-dropdown-toggle:hover,.nav-dropdown-toggle.active{background:var(--accent-subtle);color:var(--accent) !important}
.nav-dropdown-menu{position:static !important;opacity:1 !important;visibility:visible !important;pointer-events:none !important;transform:none !important;background:transparent !important;border:none !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;padding:0 !important;min-width:0;display:none}
.nav-dropdown.open .nav-dropdown-menu{display:block;pointer-events:auto !important}
/* Prevent nav-links li animation from bleeding into dropdown sub-items */
.nav-dropdown-menu li{opacity:1 !important;transform:none !important;transition:none !important;transition-delay:0s !important}
.nav-dropdown-menu li a{font-size:0.95rem !important;padding:8px !important;width:80% !important;margin:0 auto;opacity:0.8}
.nav-dropdown-menu li a:hover,.nav-dropdown-menu li a.active{opacity:1}
.nav-dropdown-arrow{display:inline-block;margin-left:4px}
}

@media (max-width:480px){#mainNav{padding:0 15px !important}}.theme-toggle-btn{background:none;border:1px solid var(--border-color);color:var(--text-muted);width:34px;height:34px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.9rem;transition:all 0.2s ease;flex-shrink:0}.theme-toggle-btn:hover{color:var(--accent-text);border-color:var(--accent);background:var(--accent-subtle)}