.navbar{background:linear-gradient(180deg,rgba(255,255,255,1) 0,rgba(255,255,255,.98));position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03),0 0 30px -10px rgba(99,102,241,.1);transition:transform .3s cubic-bezier(.4,0,.2,1)}.navbar-visible{transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.navbar-container{max-width:80rem;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width:640px){.navbar-container{padding:0 var(--spacing-lg)}}@media (min-width:1024px){.navbar-container{padding:0 var(--spacing-xl)}}.navbar-content{display:flex;align-items:center;padding:10px 0;gap:var(--spacing-md)}@media (min-width:768px){.navbar-content{display:grid;grid-template-columns:1fr auto 1fr}}.navbar-logo-section{display:flex;align-items:center;justify-content:flex-start}.navbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);margin-left:auto}@media (min-width:768px){.navbar-actions{margin-left:0}}.navbar-search-button-mobile{display:flex}@media (min-width:768px){.navbar-search-button-mobile{display:none}}.navbar-notification-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.navbar-notification-wrapper .btn{cursor:pointer;position:relative}.navbar-notification-badge{position:absolute;top:4px;right:4px;width:10px;height:10px;background:linear-gradient(135deg,var(--color-error) 0,#dc2626 100%);border-radius:50%;border:2px solid white;box-shadow:0 2px 4px rgba(239,68,68,.4);z-index:10;pointer-events:none}.navbar-notification-badge-count{width:auto;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:white;line-height:1}.navbar-user-menu{position:relative}.navbar-user-menu,.navbar-user-menu .btn{display:flex;align-items:center;gap:var(--spacing-sm)}@media (max-width:480px){.navbar-user-menu{position:static}}.navbar-user-name{display:none;font-size:.8rem;font-weight:600;background:linear-gradient(135deg,var(--color-gray-700) 0,var(--color-gray-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:768px){.navbar-user-name{display:block}}.navbar-user-chevron{width:16px;height:16px;color:var(--color-gray-500)}.navbar-auth-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}