.ninja-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;gap:0;height:38px;padding:0;font-size:.85rem;font-weight:300;letter-spacing:.03em;color:#111;background:rgba(255,255,255,.7);border:1px solid #d4d4d4;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.ninja-toggle:hover{background:#fff;border-color:#bdbdbd;color:#000}.ninja-toggle:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.ninja-toggle svg{flex-shrink:0}html[data-theme=ninja] .ninja-toggle{color:var(--color-text);background:rgba(23,23,23,.7);border-color:var(--color-border)}html[data-theme=ninja] .ninja-toggle:hover{background:var(--color-bg-card);border-color:var(--color-border-light);color:var(--color-text)}.navbar{position:fixed;top:var(--promo-h,0);left:0;right:0;z-index:1000;padding:.9rem var(--space-2xl);border-bottom:1px solid rgba(0,0,0,.07);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{justify-content:space-between;position:relative;width:100%}.navbar-inner,.navbar-logo{display:flex;align-items:center}.navbar-logo{text-decoration:none;line-height:0;flex-shrink:0;justify-self:start}.navbar-logo svg{height:32px;width:auto}.navbar-nav-row{display:flex;align-items:center;gap:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 .5rem;overflow:hidden;height:38px}.nav-indicator{position:absolute;top:0;bottom:0;background:rgba(0,0,0,.06);border-radius:6px;transition:left .35s ease,width .35s ease,opacity .2s ease;pointer-events:none}.navbar-auth{margin-left:auto;flex-shrink:0}.nav-login-btn,.navbar-auth{display:flex;align-items:center;gap:.5rem}.nav-login-btn{justify-content:center;padding:0 1.25rem;font-size:.85rem;font-weight:300;letter-spacing:.03em;color:#111;text-decoration:none;height:38px;background:rgba(255,255,255,.7);border:1px solid #d4d4d4;border-radius:6px;transition:all var(--transition-base)}.nav-login-btn:hover{background:#fff;border-color:#bdbdbd;color:#000}.nav-login-icon{width:18px;height:18px}.nav-avatar-group{display:flex;align-items:center;gap:.5rem;text-decoration:none;background:var(--color-bg-alt);border:1px solid var(--color-border);padding:.25rem .75rem .25rem .3rem;border-radius:var(--radius-full);transition:all var(--transition-fast)}.nav-avatar-group:hover{background:var(--color-border)}.nav-avatar-bubble{color:var(--color-text);font-size:.7rem;font-weight:600;white-space:nowrap}.nav-avatar-group .nav-avatar-link{width:28px;height:28px;background:#E0E0E0}.nav-avatar-group:hover .nav-avatar-link{background:#CCC}.nav-avatar-link{display:flex;align-items:center;justify-content:center;width:140px;padding:.55rem 0;border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;text-decoration:none;letter-spacing:.02em;transition:color var(--transition-fast)}.nav-avatar-link:hover{color:var(--color-text)}.nav-avatar-group .nav-avatar-link svg{color:#666}.nav-avatar-link svg{width:18px;height:18px;color:#666}.nav-link{color:#111;font-size:.85rem;font-weight:300;text-decoration:none;transition:color var(--transition-fast);letter-spacing:.03em;height:38px;display:flex;align-items:center;justify-content:center;white-space:nowrap;position:relative;z-index:1;padding:0 .9rem;min-width:88px;text-align:center}.nav-link:hover{color:var(--color-text)}.nav-link.active{background:#000;color:#fff;border-radius:6px;font-weight:500}.nav-link-login{background:#111;color:#fff;border-radius:6px;transition:background .3s ease,color .3s ease}.nav-link-login:hover{background:transparent;color:var(--color-text)}.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:28px}}.nav-login-btn.nav-dashboard-btn,.ninja-toggle{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;gap:0}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);padding:.35rem .65rem;background:#111;color:#fff;font-size:.75rem;font-weight:400;letter-spacing:.02em;white-space:nowrap;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:60}[data-tooltip]:focus-visible:after,[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)}@media (min-width:1100px){.navbar-nav-row{gap:.35rem}.nav-link{padding:0 1.4rem;min-width:108px}}