body:not(.auth-ready){visibility:hidden}.navbar{background:var(--panel);border-bottom:1px solid var(--border);padding:16px 15px;display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:100}.navbar-title{font-size:1.1rem;font-weight:600;color:var(--text);margin-right:auto}.navbar-logo{display:flex;align-items:center;margin-right:auto;padding:0;text-decoration:none;background:none!important}.navbar-logo:hover{background:none!important;opacity:.8}.navbar-logo-img{height:32px;width:auto;display:block}.navbar-links{display:flex;align-items:center;gap:8px}.navbar a{color:var(--text);text-decoration:none;font-weight:500;font-size:.95rem;padding:8px 12px;transition:color .2s,background .2s;border-radius:0}.navbar a:hover{color:var(--accent);background:var(--accent-muted)}.navbar a.active{color:#fff;background:var(--accent);border-radius:8px;text-decoration:none}.navbar-dropdown{position:relative;display:inline-block}.navbar-dropdown-toggle{cursor:pointer}.navbar-dropdown-menu{display:none;position:absolute;top:100%;right:0;background:var(--panel);border:1px solid var(--border);border-top:none;min-width:220px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;margin-top:0;white-space:nowrap}.navbar-dropdown:hover .navbar-dropdown-menu{display:block}.navbar-dropdown-menu a{display:block;padding:12px 16px;color:var(--text);text-decoration:underline;font-weight:500;font-size:.95rem;border-radius:0;transition:color .2s,background .2s;white-space:nowrap}.navbar-dropdown-menu a:hover{color:var(--accent);background:var(--accent-muted)}.navbar-dropdown-menu a.active{color:#fff;background:#000;text-decoration:underline}.navbar-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;background:none;border:none;cursor:pointer;z-index:1001;gap:0}.navbar-hamburger span{display:block;width:24px;height:2px;background-color:var(--text);transition:transform .3s ease,opacity .3s ease,margin .3s ease;border-radius:2px;margin:3px 0}.navbar-hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.navbar-mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--panel);z-index:999;padding-top:80px;flex-direction:column;overflow-y:auto}.navbar-mobile-menu.open{display:flex}.navbar-mobile-menu a{display:block;padding:16px 24px;color:var(--text);text-decoration:none;font-weight:500;font-size:1.1rem;border-bottom:1px solid var(--border);transition:color .2s,background .2s;border-radius:0}.navbar-mobile-menu a:hover{color:var(--accent);background:var(--accent-muted)}.navbar-mobile-menu a.active{color:#fff;background:var(--accent);border-radius:0}.navbar-mobile-section{padding:12px 24px 8px;font-size:.8rem;font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--bg)}@media(max-width:768px){.navbar{padding:12px 16px;gap:12px}.navbar-links{display:none}.navbar-hamburger{display:flex}.navbar-dropdown-menu{right:auto;left:0}.navbar-logo-img{height:28px}}