.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.1rem var(--space-2xl);transition:all var(--transition-base)}.navbar-scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:.75rem var(--space-2xl)}.navbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:0 var(--space-md)}.navbar-logo{display:flex;align-items:center;text-decoration:none;line-height:0;flex-shrink:0;justify-self:start}.navbar-logo svg{height:36px;width:auto}.navbar-nav-row{display:flex;align-items:center;gap:0;justify-self:center;position:relative;padding:0 .5rem;overflow:hidden}.nav-indicator{position:absolute;top:2px;bottom:2px;background:rgba(0,0,0,.06);border-radius:100px;transition:left .35s ease,width .35s ease,opacity .2s ease;pointer-events:none}.navbar-auth{justify-self:end}.nav-avatar-link,.navbar-auth{display:flex;align-items:center}.nav-avatar-link{justify-content:center;width:34px;height:34px;border-radius:50%;background:#E0E0E0;transition:background var(--transition-fast);overflow:hidden}.nav-avatar-link:hover{background:#CCC}.nav-avatar-link svg{width:18px;height:18px;color:#666}.nav-link{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast);letter-spacing:.02em;padding:.55rem 0;white-space:nowrap;position:relative;z-index:1;width:120px;text-align:center}.nav-link.active,.nav-link:hover{color:var(--color-text)}.nav-link.active{font-weight:600}.nav-user{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);transition:opacity var(--transition-fast)}.nav-user:hover{opacity:.7}.nav-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}.nav-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.nav-avatar-fallback{display:flex;align-items:center;justify-content:center}.nav-avatar-fallback,.nav-avatar-fallback svg{width:100%;height:100%}.nav-welcome{font-size:.85rem;font-weight:500;white-space:nowrap}.nav-login-link{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;transition:color var(--transition-fast)}.nav-login-link:hover{color:var(--color-text)}.nav-login-link svg{flex-shrink:0}.mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.mobile-toggle span{display:block;width:24px;height:2px;background:var(--color-text);transition:all var(--transition-base);border-radius:2px}.mobile-toggle.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.mobile-toggle{display:flex}.navbar-inner{display:flex;justify-content:space-between}.nav-indicator,.navbar-nav-row{display:none}.navbar-logo svg{height:30px}}