#navbar{border-bottom:1px solid var(--border);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:var(--bg-surface-glass);justify-content:flex-end;align-items:center;gap:1.5rem;width:100%;height:64px;padding:0 2rem;transition:transform .3s ease-in-out;display:flex}.dark #navbar{background-color:var(--bg-surface-glass)}#navbar a{color:var(--muted-foreground);border-radius:var(--radius);white-space:nowrap;flex-shrink:0;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}#navbar a:hover{color:var(--foreground);background-color:var(--muted)}.brand-logo{color:var(--foreground);align-items:center;gap:.75rem;margin-right:auto;padding-left:0;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.logo-container{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-icon{background:linear-gradient(135deg,var(--primary),var(--primary-dark));width:100%;height:100%;color:var(--primary-foreground);border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.logo-image{object-fit:contain;max-width:100%;max-height:100%}.navbar-toggle{color:var(--foreground);cursor:pointer;background:0 0;border:none;padding:.4rem;display:none!important}.navbar-sidebar-toggle{color:var(--foreground);cursor:pointer;background:0 0;border:none;margin-right:.5rem;padding:.4rem;display:none!important}.navbar-sidebar-toggle:hover,.navbar-toggle:hover{background-color:var(--muted);border-radius:var(--radius)}@media (max-width:768px){#navbar.navbar-hidden{transform:translateY(-100%)}.navbar-spacer{display:none!important}#navbar{padding:.75rem 1.5rem;padding-top:max(.75rem,env(safe-area-inset-top));gap:0}#navbar.open{background-color:var(--background);flex-flow:wrap;align-content:flex-start;height:100dvh;overflow-y:auto}.navbar-sidebar-toggle{order:-1;display:flex!important}.navbar-toggle{color:var(--foreground);background-color:var(--muted);cursor:pointer;border-radius:var(--radius);border:none;order:1;align-self:flex-start;margin-top:-4px;margin-left:auto;padding:.5rem;display:flex!important}#navbar>:first-child{color:var(--foreground);flex-shrink:0;order:0;margin-right:auto;font-size:1rem;font-weight:600}#navbar>:not(:first-child):not(.navbar-toggle){text-align:center;border-bottom:1px solid var(--border);width:100%;color:var(--foreground);order:2;justify-content:center;margin:0;padding:1.25rem 0;font-size:1.125rem;font-weight:500;display:none}#navbar.open>:not(:first-child):not(.navbar-toggle){animation:.3s ease-in-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}