.nav-top{--nav-top-height:48px;--nav-top-px:var(--spacing-md);--nav-top-gap:var(--space-40);--nav-top-left-gap:var(--space-40);--nav-top-bg:var(--surface-background);--nav-top-border:var(--border-muted);--nav-top-divider-font:var(--font-family-mono);--nav-top-divider-size:var(--font-size-base);--nav-top-divider-weight:var(--font-weight-bold);--nav-top-divider-color:var(--text-disabled);--nav-top-divider-tracking:-0.24px;position:sticky;top:0;z-index:50;width:100%;height:var(--nav-top-height);justify-content:space-between;padding:0 var(--nav-top-px);background:var(--nav-top-bg);border-bottom:1px solid var(--nav-top-border);backdrop-filter:blur(4px)}.nav-top,.nav-top-left{display:flex;align-items:center}.nav-top-left{gap:var(--nav-top-left-gap)}.nav-top-logo{display:flex;align-items:center;gap:var(--space-20);text-decoration:none;flex-shrink:0}.nav-top-divider{font-family:var(--nav-top-divider-font);font-size:var(--nav-top-divider-size);font-weight:var(--nav-top-divider-weight);line-height:var(--line-height-tight);letter-spacing:var(--nav-top-divider-tracking);color:var(--nav-top-divider-color);user-select:none;flex-shrink:0}.nav-top-selector,.nav-top-selector-trigger{display:flex;align-items:center;gap:var(--space-10)}.nav-top-selector-trigger{background:none;border:none;padding:0;cursor:pointer;font-family:var(--system-font);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);color:var(--text-primary);white-space:nowrap;outline:none}.nav-top-right{display:flex;align-items:center;gap:var(--space-60)}.nav-top-referral{--nav-top-referral-fg:var(--color-lava-500);display:inline-flex;align-items:center;gap:var(--space-20);padding:var(--space-10) var(--space-30);background:none;border:1px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;font-family:var(--system-font);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--nav-top-referral-fg);white-space:nowrap;transition:border-color var(--system-transition),background var(--system-transition)}.nav-top-referral:hover{border-color:var(--border-muted);background:var(--surface-muted-hover)}.nav-top-referral svg{width:var(--size-icon);height:var(--size-icon);flex-shrink:0;pointer-events:none}.nav-top-status{--nav-top-status-bg:var(--surface-success);--nav-top-status-fg:var(--surface-success-foreground);--nav-top-status-dot:var(--color-success);display:inline-flex;align-items:center;gap:var(--space-40);padding:var(--space-20) var(--space-40);background:var(--nav-top-status-bg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-family:var(--system-font);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--nav-top-status-fg);white-space:nowrap;transition:opacity var(--system-transition)}.nav-top-status:hover{opacity:.85}.nav-top-status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--nav-top-status-dot);flex-shrink:0}.nav-top-avatar{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;outline:none;flex-shrink:0;border-radius:var(--radius-full);transition:opacity var(--system-transition)}.nav-top-avatar:hover{opacity:.8}.nav-top-user-menu{min-width:180px;border:1px solid var(--border-muted);background:var(--surface-background);padding:4px 0;box-shadow:var(--shadow-md)}.nav-top-user-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-family:var(--font-family-sans);font-size:14px;font-weight:400;line-height:20px;color:var(--text-primary)}.nav-top-user-menu-item svg{width:16px;height:16px;flex-shrink:0}.nav-top-user-menu-item--logout{border-top:1px solid var(--border-muted);margin-top:0}.nav-top-user-menu-item--danger{color:var(--color-destructive)}