.account-avatar{width:var(--avatar-size,72px);height:var(--avatar-size,72px);background:var(--accent-tint);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%;display:block}.account-avatar-initials{font-family:var(--heading-family);font-size:calc(var(--avatar-size,72px) * .36);font-weight:var(--weight-semibold);color:var(--accent);letter-spacing:.02em;-webkit-user-select:none;user-select:none;line-height:1}.navbar{top:var(--demo-bar-height,0px);z-index:var(--z-sticky);padding:var(--space-md) 0;transition:background var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), padding var(--duration-normal) var(--ease-out);background:0 0;position:fixed;left:0;right:0}.navbar.scrolled{background:var(--navbar-bg-scrolled);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);padding:var(--space-sm) 0}.navbar.menu-open{-webkit-backdrop-filter:none!important;background:var(--bg-primary)!important}.navbar-inner{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.navbar-brand{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:.04em;color:var(--text-primary);flex-shrink:0;display:flex}.navbar-logo-icon{color:var(--accent)}.navbar-logo-image{object-fit:contain;width:auto;height:24px}.navbar-links{align-items:center;gap:var(--space-xs);display:flex}.nav-link{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--duration-fast), background var(--duration-fast);white-space:nowrap}.nav-link:hover{color:var(--text-primary);background:var(--accent-subtle)}.navbar-cta{padding:var(--space-sm) var(--space-lg);background:var(--accent);color:var(--text-on-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--cta-radius);transition:background var(--duration-fast), transform var(--duration-fast);white-space:nowrap}.navbar-cta:hover{background:var(--accent-hover);transform:translateY(-1px)}.navbar-actions{align-items:center;gap:var(--space-md);display:flex}.navbar-back-admin{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);border:1px solid var(--border-color,var(--accent-line));border-radius:var(--cta-radius);white-space:nowrap;transition:color var(--duration-fast), background var(--duration-fast);display:flex}.navbar-back-admin:hover{color:var(--text-primary);background:var(--accent-subtle)}@media (width<=640px){.navbar-back-admin span{display:none}}.navbar-hamburger{color:var(--text-primary);display:none}.navbar-mobile-extras,.navbar-links .navbar-cta,.navbar-drawer-head{display:none}@media (width<=1024px){.navbar-links{top:var(--demo-bar-height,0px);width:300px;max-width:80vw;padding:var(--space-2xl) var(--space-xl) var(--space-xl);z-index:var(--z-modal);border-left:1px solid var(--accent-glow);-webkit-overflow-scrolling:touch;background:linear-gradient(165deg,#1e1914fa 0%,#120f0cfc 100%);flex-direction:column;align-items:stretch;gap:0;transition:transform .4s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 40px #00000080}.navbar-links.open{transform:translate(0)}.navbar-drawer-head{text-align:center;align-items:center;gap:var(--space-sm);padding:0 0 var(--space-lg);margin-bottom:var(--space-md);border-bottom:1px solid var(--accent-line);opacity:0;flex-direction:column;animation:none;display:flex;transform:translate(20px)}.navbar-links.open .navbar-drawer-head{animation:.4s cubic-bezier(.32,.72,0,1) forwards navLinkSlideIn}.navbar-drawer-logo{object-fit:contain;max-width:100%;display:block}.navbar-drawer-mark{color:var(--accent)}.navbar-drawer-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);overflow-wrap:anywhere}.navbar-drawer-hours{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--eyebrow-tracking);text-transform:var(--eyebrow-transform);color:var(--accent)}.navbar-links .nav-link{padding:var(--space-lg) var(--space-md);font-size:var(--text-lg);font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:.03em;color:var(--text-secondary);opacity:0;border-bottom:1px solid #ffffff0a;border-radius:0;transition:color .3s,background .3s,padding-left .3s;animation:none;position:relative;transform:translate(20px)}.navbar-links.open .nav-link{animation:.4s cubic-bezier(.32,.72,0,1) forwards navLinkSlideIn;animation-delay:calc((var(--nav-i,0) + 1) * 50ms)}.navbar-links .nav-link:before{content:"";background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 78%, #000));border-radius:0 3px 3px 0;width:3px;height:60%;transition:transform .3s cubic-bezier(.32,.72,0,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.navbar-links .nav-link:hover,.navbar-links .nav-link:active{color:var(--text-primary);background:var(--accent-subtle);padding-left:var(--space-lg)}.navbar-links .nav-link:hover:before,.navbar-links .nav-link:active:before{transform:translateY(-50%)scaleY(1)}.navbar-links .navbar-cta{text-align:center;margin-top:var(--space-xl);padding:var(--space-md) var(--space-xl);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:.05em;background:linear-gradient(135deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 78%, #000) 100%);color:var(--text-on-accent);border-radius:var(--cta-radius);box-shadow:0 4px 20px var(--accent-shadow);opacity:0;animation:none;display:block;transform:translateY(10px)}.navbar-links.open .navbar-cta{animation:.5s cubic-bezier(.32,.72,0,1) forwards navCtaFadeIn;animation-delay:calc((var(--nav-count,6) + 1) * 50ms)}.navbar-inner{grid-template-columns:44px minmax(0,1fr) 44px;gap:0;display:grid}.navbar-brand{grid-column:2;justify-content:center;align-items:center;min-width:0;min-height:44px;display:inline-flex}.navbar-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navbar-actions{grid-column:3;justify-content:flex-end}.navbar-hamburger{width:44px;height:44px;z-index:var(--z-toast);justify-content:center;align-items:center;margin-right:-10px;display:flex}.desktop-cta,.navbar-theme-desktop{display:none}.navbar-mobile-extras{padding-top:var(--space-lg);border-top:1px solid var(--accent-tint);justify-content:center;margin-top:auto;display:flex;position:relative}.navbar-mobile-extras:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-line), transparent);height:1px;position:absolute;top:-1px;left:20%;right:20%}.mobile-menu-overlay{-webkit-backdrop-filter:blur(6px);z-index:calc(var(--z-modal) - 1);background:#000000b3;animation:.35s fadeIn;position:fixed;inset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes navLinkSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes navCtaFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navbar-account{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-primary);justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.navbar-account:hover{color:var(--accent);background:var(--accent-tint)}.navbar-account-photo:hover{background:0 0}.navbar-account-photo:hover .account-avatar{border-color:var(--accent)}