.top-nav-header{background:var(--bg-app);z-index:100;align-items:center;height:72px;padding:0 24px;display:flex;position:sticky;top:0;left:0;right:0}@media (max-width:767px){.top-nav-header{padding:0 12px}}.top-nav-header-container{width:var(--app-content-width,90%);max-width:var(--app-content-max-width,1380px);justify-content:space-between;align-items:center;gap:var(--top-nav-gap,16px);height:100%;margin:0 auto;display:flex}@media (max-width:767px){.top-nav-header-container{gap:8px}}.top-nav-brand-wrapper{flex-shrink:0;align-items:center;gap:12px;display:flex}@media (max-width:767px){.top-nav-brand-wrapper{gap:6px}}.top-nav-mobile-menu-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--fg-primary);flex-shrink:0;justify-content:center;align-items:center;display:none}@media (max-width:1023px){.top-nav-mobile-menu-btn{display:flex}}@media (max-width:767px){.top-nav-mobile-menu-btn{width:34px;height:34px}}.top-nav-tabs-wrapper{justify-content:center;align-items:center;gap:var(--top-nav-tabs-gap,clamp(5px, 5px + (100vw - 1024px) * .01966, 12px));flex:auto;min-width:0;height:100%;display:flex;overflow:hidden}@media (max-width:1023px){.top-nav-tabs-wrapper{display:none}}.top-nav-actions-wrapper{align-items:center;gap:clamp(6px,var(--top-nav-gap,16px)*.6,16px);flex-shrink:0;display:flex}@media (max-width:767px){.top-nav-actions-wrapper{gap:6px}}.top-nav-action-btn{border-radius:var(--radius-md);background:var(--bg-card);width:40px;height:40px;color:var(--fg-primary);transition:background var(--transition-fast),transform var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.top-nav-action-btn:hover{background:var(--bg-tab-hover);transform:translateY(-1px)}@media (max-width:767px){.top-nav-action-btn{border-radius:var(--radius-md);width:32px;height:32px}.top-nav-action-btn svg{width:16px;height:16px}}.top-nav-notification-badge{background-color:var(--danger);z-index:2;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}[dir=rtl] .top-nav-notification-badge{left:8px;right:auto}.top-nav-utility-tab{transition:background var(--transition-fast),transform var(--transition-fast),margin var(--transition-fast);margin:0}.top-nav-utility-tab svg:not(.top-nav-utility-curve){z-index:2;flex-shrink:0;position:relative}.top-nav-utility-curve{color:var(--app-surface);opacity:0;pointer-events:none;z-index:0;transition:opacity var(--transition-fast);position:absolute;top:4px;left:50%;transform:translate(-50%)}.top-nav-utility-active{margin:0 36px;background:0 0!important}.top-nav-utility-active:hover{transform:none;background:0 0!important}.top-nav-utility-active .top-nav-utility-curve{opacity:1}.top-nav-utility-active svg:not(.top-nav-utility-curve){top:5px}.top-nav-utility-active-glass .top-nav-utility-curve{color:var(--surface)}.top-nav-utility-tab .top-nav-utility-curve-glass{width:112px;height:52px;clip-path:path("M35 16C35 7.16 42.16 0 51 0H64C72.84 0 80 7.16 80 16V30.7C80 37.95 84.88 44.3 91.89 46.16L112 51.5H0L22.78 45.97C29.95 44.23 35 37.8 35 30.42V16Z");pointer-events:none;z-index:1;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:none!important;border-radius:0!important}.top-nav-utility-tab .top-nav-utility-curve-glass .liquid-glass-tint{background:color-mix(in oklab, var(--surface) 72%, transparent)}.top-nav-utility-tab .top-nav-utility-curve-glass .liquid-glass-shine{box-shadow:inset 2px 2px 2px #fffc,inset -2px -2px 2px 1px #fff9,inset 0 0 0 1px #ffffff59}@media (max-width:767px){.top-nav-utility-tab .top-nav-utility-curve,.top-nav-utility-tab .top-nav-utility-curve-glass{top:0}}.top-nav-avatar-wrapper{flex-shrink:0;align-items:center;display:flex}.top-nav-avatar-trigger{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;display:flex}.top-nav-avatar-chevron{color:var(--fg-secondary);transition:transform var(--transition-fast);flex-shrink:0}.top-nav-avatar-trigger[data-pressed=true] .top-nav-avatar-chevron,.top-nav-avatar-trigger[aria-expanded=true] .top-nav-avatar-chevron{transform:rotate(180deg)}.nav-tab{height:44px;color:var(--fg-primary);background:var(--app-surface);border-radius:min(var(--radius-pill),22px);min-width:0;transition:background var(--transition-fast),color var(--transition-fast),margin var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;flex-shrink:1;align-items:center;gap:clamp(4px,1.124vw - 7.50976px,8px);margin:0;padding:10px clamp(10px,3.933vw - 30.2739px,24px);font-size:clamp(.7rem,.7rem + .07022vw - .719053px,.95rem);font-weight:500;display:inline-flex;position:relative;top:0;transform:translateY(0)}.nav-tab:hover:not(.nav-tab-active){background:var(--bg-tab-hover)}.nav-tab .nav-tab-left-shoulder,.nav-tab .nav-tab-right-shoulder{width:55.8px;height:44px;color:var(--app-surface);pointer-events:none;z-index:101;opacity:0;transition:opacity var(--transition-fast);position:absolute;top:0}.nav-tab .nav-tab-left-shoulder{right:calc(100% - 3px)}.nav-tab .nav-tab-right-shoulder{left:calc(100% - 3px)}[dir=rtl] .nav-tab .nav-tab-left-shoulder{left:calc(100% - 1px);right:auto;transform:scaleX(-1)}[dir=rtl] .nav-tab .nav-tab-right-shoulder{left:auto;right:calc(100% - 1px);transform:scaleX(-1)}.nav-tab-content{z-index:2;align-items:center;gap:8px;min-width:0;display:inline-flex;position:relative}.nav-tab-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.2;display:inline-block;overflow:hidden}.nav-tab-chevron-btn{border-radius:var(--radius-md);cursor:pointer;z-index:3;justify-content:center;align-items:center;margin:-6px;padding:6px;display:inline-flex;position:relative}.nav-tab-chevron-btn:hover{background:color-mix(in oklab, var(--foreground) 6%, transparent)}.nav-tab-chevron{transition:transform var(--transition-fast);color:var(--fg-secondary);opacity:.75}.nav-tab-chevron-rotated{transform:rotate(180deg)}.nav-tab-active{height:48px;color:var(--app-surface);z-index:101;flex-shrink:0;margin:0 clamp(11px,3.652vw - 26.3965px,24px);padding:0 clamp(8px,1.685vw - 9.2544px,14px);position:relative;top:11px;transform:translateY(1px);background:var(--app-surface)!important;border-radius:0!important}.nav-tab-active .nav-tab-content{color:var(--fg-primary)}.nav-tab-active .nav-tab-left-shoulder,.nav-tab-active .nav-tab-right-shoulder{opacity:1;width:60.9px;height:48px}.nav-tab-glass-active{color:var(--mega-menu-surface);box-shadow:0 -4px 16px -6px #0000002e;background:var(--mega-menu-surface)!important}.nav-tab-glass-active .nav-tab-left-shoulder,.nav-tab-glass-active .nav-tab-right-shoulder{color:var(--mega-menu-surface)}.nav-tab-glass-active .nav-tab-content{color:var(--fg-primary)}.nav-tab-glass-active .nav-tab-chevron{color:var(--fg-primary);opacity:1}.brand-dropdown-container{display:inline-block;position:relative}.brand-dropdown-logo-btn{background:var(--bg-app);border-radius:var(--radius-pill);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);border:none;flex-shrink:0;align-items:center;gap:10px;padding:8px 16px;display:flex}.brand-dropdown-logo-btn:hover{background:var(--bg-card-hover);border-color:#8c6d3b40}@media (max-width:767px){.brand-dropdown-logo-btn{gap:6px;padding:6px 8px}}.brand-dropdown-logo-btn-open{background:var(--bg-card-hover);border-color:var(--fg-accent)}.brand-dropdown-logo-image{-o-object-fit:contain;object-fit:contain;width:auto;height:34px}.brand-dropdown-logo-image-compact{display:none}@media (max-width:767px){.brand-dropdown-logo-image-full{display:none}.brand-dropdown-logo-image-compact{width:auto;height:28px;display:block}}.brand-dropdown-logo-chevron{color:var(--fg-secondary);transition:transform var(--transition-normal);flex-shrink:0}@media (max-width:767px){.brand-dropdown-logo-chevron{width:14px;height:14px}}.brand-dropdown-chevron-rotated{transform:rotate(180deg)}.brand-dropdown-menu-wrapper{z-index:150;min-width:220px;position:absolute;top:calc(100% + 8px);left:0}[dir=rtl] .brand-dropdown-menu-wrapper{left:auto;right:0}.brand-dropdown-glass-panel{border:1px solid var(--border-glass);border-radius:var(--radius-lg)!important;padding:12px 8px!important;box-shadow:0 16px 36px -8px #0000001f,inset 0 0 0 1px #fff9!important}.brand-dropdown-projects-list{flex-direction:column;gap:4px;display:flex}.brand-dropdown-project-row{border-radius:var(--radius-md);width:100%;transition:background var(--transition-fast);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:14px;padding:12px 16px;display:flex}[dir=rtl] .brand-dropdown-project-row{text-align:right}.brand-dropdown-project-row:hover{background:var(--bg-tab-hover)}.brand-dropdown-row-checked{background:color-mix(in oklab, var(--foreground) 3%, transparent)}.brand-dropdown-checkbox{border-radius:var(--radius-sm);background:color-mix(in oklab, var(--foreground) 6%, transparent);border:1px solid color-mix(in oklab, var(--foreground) 8%, transparent);width:22px;height:22px;transition:background var(--transition-fast),border-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.brand-dropdown-checkbox-checked{box-shadow:0 2px 6px color-mix(in oklab, var(--accent) 30%, transparent);background:var(--accent)!important;border-color:var(--accent)!important}.brand-dropdown-check-icon{color:#fff}.brand-dropdown-project-label{color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:500;overflow:hidden}.brand-dropdown-project-logo{-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;flex:1;min-width:0;height:40px;max-height:40px}[dir=rtl] .brand-dropdown-project-logo{-o-object-position:right center;object-position:right center}.brand-dropdown-project-row--skeleton{cursor:default}.brand-dropdown-skeleton-checkbox{border-radius:var(--radius-sm);flex-shrink:0;width:22px;height:22px}.brand-dropdown-skeleton-logo{border-radius:var(--radius-sm);flex:1;height:40px}.brand-dropdown-skeleton-label{border-radius:var(--radius-sm);width:70%;height:14px}.brand-dropdown-empty{color:var(--fg-muted);text-align:center;margin:0;padding:10px 14px;font-size:.85rem}.brand-dropdown-selected-project{align-items:center;gap:10px;min-width:0;display:flex}.brand-dropdown-selected-project-logo{-o-object-fit:contain;object-fit:contain;width:auto;max-width:140px;height:32px}@media (max-width:767px){.brand-dropdown-selected-project-logo{max-width:96px}}.brand-dropdown-selected-project-name{color:var(--fg-primary);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.95rem;font-weight:600;overflow:hidden}@media (max-width:767px){.brand-dropdown-selected-project-name{max-width:96px}}