.navbar{background:white;box-shadow:0 4px 15px 0 rgba(0,0,0,.05);position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s ease}.navbar-hidden{transform:translateY(-100%)}.navbar-container{width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.navbar-logo-link{display:flex;align-items:center}.navbar-logo-link:hover{opacity:.8}.logo,.navbar-cart-button{display:flex;align-items:center}.navbar-cart-button{position:relative;background:none;border:none;cursor:pointer;padding:8px;justify-content:center;color:#111827;transition:all .2s ease;border-radius:8px}.navbar-cart-button:hover{background:rgba(0,0,0,.05)}.navbar-cart-badge{position:absolute;top:0;right:0;background:var(--primary);color:white;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;transform:translate(25%,-25%)}.mobile-menu-button-container{display:block;z-index:20}.mobile-menu-button{outline:none;color:var(--text-title);padding:var(--spacing-sm);background:white;border:1px solid var(--glass-border);border-radius:var(--border-radius-small)}.mobile-menu-button:hover{opacity:.8}.mobile-menu-icon-open{width:1.5rem;height:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.mobile-menu-icon-open-line1{transform:rotate(45deg)}.mobile-menu-icon-open-line1,.mobile-menu-icon-open-line2{width:1.25rem;height:.125rem;background-color:currentColor;position:absolute}.mobile-menu-icon-open-line2{transform:rotate(-45deg)}.mobile-menu-icon-closed{width:1.5rem;height:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.mobile-menu-icon-closed-line{width:1.25rem;height:.125rem;background-color:currentColor}.navbar-nav{display:none;width:100%}.navbar-nav-items{display:flex;gap:var(--spacing-sm);justify-content:center}.navbar-nav-link{padding:6px 10px;color:#1f2937;font-weight:600;border-radius:12px;font-size:.95rem;text-align:center;white-space:nowrap;min-width:120px}.navbar-nav-link:hover{background:white;color:var(--primary)}.coin-icon{width:16px;height:16px;color:#ffd943}.session-menu-container{display:none}.session-menu-dropdown{position:relative}.session-menu-button{display:flex;align-items:center;padding:6px 20px;background:#fdfdfd;border:none;border-radius:8px;color:#1f2937;font-size:.8rem;font-weight:600;gap:8px;cursor:pointer;transition:all .2s ease}.session-menu-button:hover{background:#f4f4f4}.user-icon{width:14px;height:14px;color:var(--primary);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0}.user-info{flex-direction:column;gap:2px}.user-header,.user-info{display:flex;align-items:center}.user-header{gap:6px}.user-name{color:var(--primary);font-size:.6rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-points{display:flex;align-items:center;gap:3px;padding:1px 4px;background:rgba(255,255,255,.1);border-radius:4px;border:1px solid rgba(255,255,255,.15)}.points-icon{width:8px;height:8px}.points-icon,.user-points .points-text{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.user-points .points-text{font-size:.8rem;font-weight:600;line-height:1}.session-menu-dropdown-content{position:absolute;right:0;margin-top:8px;min-width:220px;background:white;border-radius:14px;border:1px solid white;box-shadow:0 8px 32px rgba(0,0,0,.12),0 3px 12px rgba(0,0,0,.08),inset 0 1px 0 white;padding:8px 6px;z-index:50;overflow:hidden}.session-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:2px 0;border-radius:8px;font-size:.9rem;font-weight:500;background:white;cursor:pointer;border:1px solid white;outline:none;position:relative;overflow:hidden;transition:background .1s ease,border-color .1s ease,color .1s ease}.session-menu-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;border-radius:8px;opacity:0;pointer-events:none}.session-menu-item:hover:before{opacity:0}.session-menu-icon{width:15px;height:15px;display:flex;align-items:center;justify-content:center;color:#6366f1;font-size:1em;flex-shrink:0;transition:color .1s ease,transform .15s cubic-bezier(.68,-.55,.265,1.55),filter .1s ease}.session-menu-item:hover .session-menu-icon{transform:scale(1.2)}.session-menu-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent);margin:6px 8px;border:none}.session-menu-item span{color:inherit!important;font-weight:inherit;line-height:1.1}.session-menu-item{color:#000000!important}.session-menu-icon[data-icon=user]{color:var(--nav-icon-user);background:transparent}.session-menu-icon[data-icon=points]{color:var(--nav-icon-points);background:transparent}.session-menu-icon[data-icon=help]{color:var(--nav-icon-help);background:transparent}.session-menu-icon[data-icon=business]{color:var(--nav-icon-business);background:transparent}.session-menu-icon[data-icon=products]{color:var(--nav-icon-products);background:transparent}.session-menu-icon[data-icon=marketing]{color:var(--nav-icon-marketing);background:transparent}.session-menu-icon[data-icon=businesses]{color:var(--nav-icon-businesses);background:transparent}.session-menu-icon[data-icon=users]{color:var(--nav-icon-users);background:transparent}.session-menu-icon[data-icon=history]{color:var(--nav-icon-history);background:transparent}.session-menu-icon[data-icon=subscription]{color:var(--nav-icon-subscription);background:transparent}.session-menu-icon[data-icon=gifts]{color:var(--nav-icon-gifts);background:transparent}.session-menu-icon[data-icon=logout]{color:var(--nav-icon-logout);background:transparent}.session-menu-icon:not([data-icon]){color:var(--nav-icon-default);background:transparent}.session-menu-item:hover .session-menu-icon[data-icon]{filter:brightness(1.15)}.mobile-menu{display:block;background:white;border-top:1px solid white;box-shadow:0 8px 30px rgba(0,0,0,.1);position:fixed;top:70px;left:0;right:0;z-index:99;overflow:hidden}.mobile-menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,white,white);pointer-events:none;z-index:0}.mobile-menu-nav{padding:var(--spacing-md);position:relative;z-index:1}.mobile-menu-nav>*+*{margin-top:var(--spacing-sm)}.mobile-menu-link{display:flex;align-items:center;padding:14px 16px;font-weight:500;border-radius:12px;margin:2px 0;border:none;background:white;position:relative;overflow:hidden;transition:background .1s ease,border-color .1s ease,color .1s ease;color:#000000!important}.mobile-menu-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;border-radius:12px;pointer-events:none}.mobile-menu-link:hover{background:white;border-color:white}.mobile-menu-link .session-menu-icon{margin-right:12px;color:#6b7280;width:18px;height:18px;transition:color .1s ease,transform .15s cubic-bezier(.68,-.55,.265,1.55),filter .1s ease}.mobile-menu-link .session-menu-icon[data-icon=user]{color:var(--nav-icon-user)}.mobile-menu-link .session-menu-icon[data-icon=points]{color:var(--nav-icon-points)}.mobile-menu-link .session-menu-icon[data-icon=help]{color:var(--nav-icon-help)}.mobile-menu-link .session-menu-icon[data-icon=business]{color:var(--nav-icon-business)}.mobile-menu-link .session-menu-icon[data-icon=products]{color:var(--nav-icon-products)}.mobile-menu-link .session-menu-icon[data-icon=marketing]{color:var(--nav-icon-marketing)}.mobile-menu-link .session-menu-icon[data-icon=businesses]{color:var(--nav-icon-businesses)}.mobile-menu-link .session-menu-icon[data-icon=users]{color:var(--nav-icon-users)}.mobile-menu-link .session-menu-icon[data-icon=history]{color:var(--nav-icon-history)}.mobile-menu-link .session-menu-icon[data-icon=subscription]{color:var(--nav-icon-subscription)}.mobile-menu-link .session-menu-icon[data-icon=gifts]{color:var(--nav-icon-gifts)}.mobile-menu-link .session-menu-icon[data-icon=logout]{color:var(--nav-icon-logout)}.mobile-menu-link .session-menu-icon:not([data-icon]){color:var(--nav-icon-default)}.mobile-menu-link:hover .session-menu-icon{transform:scale(1.2)}.mobile-menu-link:hover .session-menu-icon[data-icon]{filter:brightness(1.15)}@media (min-width:768px){.mobile-menu-button-container{display:none}.navbar-nav{display:flex;justify-content:center;align-items:center;width:100%}.session-menu-container{display:block}.mobile-menu{display:none}}@media (max-width:1024px){.session-menu-dropdown-content{right:-.5rem}.session-menu-button{padding:8px 12px;font-size:.85rem}}.navbar.scrolled{background:white}.mobile-menu-link.active,.navbar-nav-link.active{background:white;color:var(--accent);font-weight:600}.session-menu-item[data-icon=user]:hover{background:color-mix(in srgb,var(--nav-icon-user) 12%,transparent)!important;color:var(--nav-icon-user)!important}.session-menu-item[data-icon=points]:hover{background:color-mix(in srgb,var(--nav-icon-points) 12%,transparent)!important;color:var(--nav-icon-points)!important}.session-menu-item[data-icon=help]:hover{background:color-mix(in srgb,var(--nav-icon-help) 12%,transparent)!important;color:var(--nav-icon-help)!important}.session-menu-item[data-icon=business]:hover{background:color-mix(in srgb,var(--nav-icon-business) 12%,transparent)!important;color:var(--nav-icon-business)!important}.session-menu-item[data-icon=products]:hover{background:color-mix(in srgb,var(--nav-icon-products) 12%,transparent)!important;color:var(--nav-icon-products)!important}.session-menu-item[data-icon=marketing]:hover{background:color-mix(in srgb,var(--nav-icon-marketing) 12%,transparent)!important;color:var(--nav-icon-marketing)!important}.session-menu-item[data-icon=businesses]:hover{background:color-mix(in srgb,var(--nav-icon-businesses) 12%,transparent)!important;color:var(--nav-icon-businesses)!important}.session-menu-item[data-icon=users]:hover{background:color-mix(in srgb,var(--nav-icon-users) 12%,transparent)!important;color:var(--nav-icon-users)!important}.session-menu-item[data-icon=history]:hover{background:color-mix(in srgb,var(--nav-icon-history) 12%,transparent)!important;color:var(--nav-icon-history)!important}.session-menu-item[data-icon=subscription]:hover{background:color-mix(in srgb,var(--nav-icon-subscription) 12%,transparent)!important;color:var(--nav-icon-subscription)!important}.session-menu-item[data-icon=gifts]:hover{background:color-mix(in srgb,var(--nav-icon-gifts) 12%,transparent)!important;color:var(--nav-icon-gifts)!important}.session-menu-item[data-icon=logout]:hover{background:color-mix(in srgb,var(--nav-icon-logout) 12%,transparent)!important;color:var(--nav-icon-logout)!important}.session-menu-item:not([data-icon]):hover{background:color-mix(in srgb,var(--nav-icon-default) 12%,transparent)!important;color:var(--nav-icon-default)!important}.mobile-menu-link[data-icon=user]:hover{background:color-mix(in srgb,var(--nav-icon-user) 12%,transparent)!important;color:var(--nav-icon-user)!important}.mobile-menu-link[data-icon=points]:hover{background:color-mix(in srgb,var(--nav-icon-points) 12%,transparent)!important;color:var(--nav-icon-points)!important}.mobile-menu-link[data-icon=help]:hover{background:color-mix(in srgb,var(--nav-icon-help) 12%,transparent)!important;color:var(--nav-icon-help)!important}.mobile-menu-link[data-icon=business]:hover{background:color-mix(in srgb,var(--nav-icon-business) 12%,transparent)!important;color:var(--nav-icon-business)!important}.mobile-menu-link[data-icon=products]:hover{background:color-mix(in srgb,var(--nav-icon-products) 12%,transparent)!important;color:var(--nav-icon-products)!important}.mobile-menu-link[data-icon=marketing]:hover{background:color-mix(in srgb,var(--nav-icon-marketing) 12%,transparent)!important;color:var(--nav-icon-marketing)!important}.mobile-menu-link[data-icon=businesses]:hover{background:color-mix(in srgb,var(--nav-icon-businesses) 12%,transparent)!important;color:var(--nav-icon-businesses)!important}.mobile-menu-link[data-icon=users]:hover{background:color-mix(in srgb,var(--nav-icon-users) 12%,transparent)!important;color:var(--nav-icon-users)!important}.mobile-menu-link[data-icon=history]:hover{background:color-mix(in srgb,var(--nav-icon-history) 12%,transparent)!important;color:var(--nav-icon-history)!important}.mobile-menu-link[data-icon=subscription]:hover{background:color-mix(in srgb,var(--nav-icon-subscription) 12%,transparent)!important;color:var(--nav-icon-subscription)!important}.mobile-menu-link[data-icon=gifts]:hover{background:color-mix(in srgb,var(--nav-icon-gifts) 12%,transparent)!important;color:var(--nav-icon-gifts)!important}.mobile-menu-link[data-icon=logout]:hover{background:color-mix(in srgb,var(--nav-icon-logout) 12%,transparent)!important;color:var(--nav-icon-logout)!important}.mobile-menu-link:not([data-icon]):hover{background:color-mix(in srgb,var(--nav-icon-default) 12%,transparent)!important;color:var(--nav-icon-default)!important}.user-role{margin-top:3px;display:flex;align-items:center;gap:4px;padding:2px 6px;background:rgba(107,114,128,.1);border-radius:6px;border:1px solid rgba(107,114,128,.2)}.role-text{color:#6b7280;font-size:.7rem;font-weight:600;line-height:1;letter-spacing:.02em}