Data - Copy this React, Tailwind Component to your project

Create a responsive metrics dashboard card with the following specifications: Design Elements: - Apply a smooth gradient background transitioning from ocean blue (#0ea5e9) to indigo (#6366f1) - Implement a frosted glass effect with backdrop-filter: blur() and background opacity - Add subtle shadows and rounded corners for depth Graph Requirements: - Implement a Recharts line graph component - Display data points with smooth curve interpolation - Include hover interactions for data point details - Add responsive grid lines and axes - Ensure the graph resizes smoothly on different screen sizes Stats Overlay: - Position key metrics in a floating container above the graph - Use semi-transparent background with frosted glass effect - Display at least 3 key statistics with appropriate icons - Ensure proper spacing and alignment of stats Responsive Behavior: - Implement fluid typography using clamp() or responsive font sizes - Adjust padding and margins using relative units - Use CSS Grid or Flexbox for layout management - Set appropriate breakpoints for mobile, tablet, and desktop views - Ensure touch-friendly interaction areas on mobile devices Accessibility: - Include proper ARIA labels for interactive elements - Maintain sufficient color contrast for text readability - Provide alternative text for visual data