.navbar-wrapper{position:sticky;top:0;z-index:1000;background:var(--color-bg-dark);border-bottom:1px solid var(--color-primary)}.navbar-container-inner{max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.5rem 1.5rem}.navbar-brand-logo{display:flex;align-items:center;flex-shrink:0}.navbar-logo-link{display:flex;align-items:center;text-decoration:none;transition:transform .2s ease}.navbar-logo-link:hover{transform:scale(1.1)}.navbar-logo-img{width:40px;height:40px;filter:brightness(0) saturate(100%) invert(64%) sepia(95%) saturate(2878%) hue-rotate(161deg) brightness(102%) contrast(101%)}.navbar-menu-items{display:flex;align-items:center;gap:1.5rem;flex:1;justify-content:flex-end}.navbar-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);text-decoration:none;font-family:var(--font-body);font-size:.95rem;border:none;background:0 0;cursor:pointer;transition:color .2s ease,border-color .2s ease;border-bottom:2px solid transparent;padding-bottom:.25rem}.navbar-item:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.navbar-item-dropdown{cursor:pointer}.navbar-dropdown{position:relative}.navbar-dropdown-menu{position:absolute;top:100%;right:0;background:var(--color-bg-medium);border:1px solid var(--color-primary);border-radius:.5rem;min-width:200px;display:none;flex-direction:column;margin-top:.5rem;box-shadow:0 4px 6px rgba(0,217,255,.1);animation:slideDown .2s ease}.navbar-dropdown:hover .navbar-dropdown-menu{display:flex}.navbar-dropdown-item{padding:.75rem 1rem;color:var(--color-text-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.9rem;background:0 0;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.navbar-dropdown-item:hover{background-color:rgba(0,217,255,.1);color:var(--color-primary)}.navbar-dropdown-logout:hover{background-color:rgba(255,0,0,.1);color:#f44}.navbar-dropdown-divider{border:none;border-top:1px solid var(--color-border);margin:0}.navbar-guest-pop{position:relative;display:flex;align-items:center}.guest-avatar-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:2px solid var(--color-primary);color:var(--color-primary);background:linear-gradient(135deg,rgba(0,217,255,.12),rgba(147,51,234,.08));box-shadow:0 0 0 2px rgba(0,217,255,.12);transition:transform .15s ease,box-shadow .2s ease,color .2s ease,border-color .2s ease}.guest-avatar-btn i{font-size:1.2rem}.guest-avatar-btn:focus-visible,.guest-avatar-btn:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 8px 25px rgba(0,217,255,.18);color:#fff;border-color:#6b21a8;outline:0}.guest-popover{position:absolute;right:-4px;top:calc(100% + 10px);width:240px;background:var(--color-bg-medium);border:2px solid var(--color-primary);border-radius:12px;padding:.9rem 1rem;box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 0 3px rgba(0,217,255,.12);color:var(--color-text-primary);font-family:var(--font-body);transform-origin:top right;transform:scale(.96) translateY(-6px);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.guest-popover::after{content:"";position:absolute;top:-10px;right:22px;border-width:0 10px 10px 10px;border-style:solid;border-color:transparent transparent var(--color-primary) transparent}.guest-popover::before{content:"";position:absolute;top:-8px;right:22px;border-width:0 9px 9px 9px;border-style:solid;border-color:transparent transparent var(--color-bg-medium) transparent}.guest-popover-title{display:block;font-weight:700;letter-spacing:.01em;color:#e0f2fe}.guest-popover-text{display:block;margin-top:.2rem;font-size:.9rem;color:var(--color-text-secondary,#cbd5e1)}.guest-popover-cta{display:inline-block;margin-top:.5rem;padding:.2rem .55rem;background:linear-gradient(90deg,var(--color-primary),#a855f7);color:#0b1220;border-radius:999px;font-weight:700;font-size:.8rem;letter-spacing:.01em}.guest-avatar-btn:focus-visible+.guest-popover,.navbar-guest-pop:hover .guest-popover{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.navbar-container-inner{flex-wrap:wrap;padding:0 1rem;gap:1rem}.navbar-logo-img{width:35px;height:35px}.navbar-item{font-size:.85rem}}@media (max-width:480px){.navbar-container-inner{padding:0 .75rem;gap:.75rem}.navbar-menu-items{gap:1rem}.navbar-item span{display:none}}