.app-nav{padding:var(--space-md) var(--space-2xl);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:100;background:#0a0a12d9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-nav-links{align-items:center;gap:var(--space-xs);display:flex}.app-nav-link{white-space:nowrap;font-size:var(--text-sm)!important;padding:var(--space-sm) var(--space-md)!important;border-radius:var(--radius-md)!important;transition:all .2s!important}.app-nav-link.active{color:var(--color-accent-primary)!important;background:#d4a8531a!important}.app-nav-link:hover{background:var(--color-surface-alt)!important}.app-nav-profile{margin-left:var(--space-sm);position:relative}.app-nav-avatar{background:var(--gradient-button);cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;transition:box-shadow .2s;display:flex;overflow:hidden}.app-nav-avatar:hover{box-shadow:0 0 0 2px var(--color-accent-primary)}.app-nav-avatar img{object-fit:cover;width:100%;height:100%}.app-nav-dropdown{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);z-index:200;animation:.15s navDropdownFade;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes navDropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-nav-dropdown-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.app-nav-dropdown-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary)}.app-nav-dropdown-item{width:100%;padding:var(--space-sm) var(--space-lg);text-align:left;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;font-family:var(--font-sans);background:0 0;border:none;transition:all .15s;display:block}.app-nav-dropdown-item:hover{background:var(--color-bg-glass-light);color:var(--color-text-primary)}.app-nav-dropdown-divider{background:var(--color-border);height:1px;margin:var(--space-xs) 0}.app-nav-logout{color:#ef4444!important}.app-nav-logout:hover{background:#ef44441a!important}.app-nav-mobile-right{align-items:center;gap:var(--space-sm);display:none}.app-nav-mobile-wallet{border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-accent-secondary);cursor:pointer;font-weight:600;font-family:var(--font-sans);white-space:nowrap;background:0 0;padding:4px 12px}.app-nav-hamburger{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;display:flex}.hamburger-line{background:var(--color-text-primary);border-radius:2px;width:18px;height:2px;transition:all .25s;display:block}.hamburger-line.open:first-child{transform:rotate(45deg)translate(4px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(4px,-5px)}.mobile-menu-backdrop{inset:0;top:var(--nav-height);z-index:98;background:#00000080;animation:.15s fadeIn;position:fixed}.mobile-menu{top:var(--nav-height);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);z-index:99;padding:var(--space-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:2px;animation:.2s ease-out mobileMenuSlide;display:flex;position:fixed;left:0;right:0}@keyframes mobileMenuSlide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);text-align:left;color:var(--color-text-secondary);font-size:var(--text-base);font-weight:500;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;transition:all .15s;display:flex}.mobile-menu-item:hover,.mobile-menu-item.active{background:var(--color-bg-glass-light);color:var(--color-text-primary)}.mobile-menu-item.active{color:var(--color-accent-primary)}.mobile-menu-divider{background:var(--color-border);height:1px;margin:var(--space-sm) 0}.mobile-menu-logout{color:#ef4444!important}.mobile-menu-logout:hover{background:#ef44441a!important}@media (max-width:768px){.app-nav{padding:var(--space-sm) var(--space-md)}.app-nav-desktop{display:none!important}.app-nav-mobile-right{display:flex}}