| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap'); | |
| @import "tailwindcss"; | |
| @theme { | |
| --color-bg: #F6F8FA; | |
| --color-card: #FFFFFF; | |
| --color-sidebar: #FBFBFC; | |
| --color-accent: #2563EB; | |
| --color-accent-light: #EFF6FF; | |
| --font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; | |
| } | |
| body { | |
| margin: 0; | |
| padding: 0; | |
| background: var(--color-bg); | |
| color: #111827; | |
| font-family: var(--font-family-sans); | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| /* Scrollbar */ | |
| ::-webkit-scrollbar { width: 6px; } | |
| ::-webkit-scrollbar-track { background: transparent; } | |
| ::-webkit-scrollbar-thumb { background: #D1D5DB; border-radius: 99px; } | |
| ::-webkit-scrollbar-thumb:hover { background: #9CA3AF; } | |
| /* Animations */ | |
| @keyframes pulse-dot { | |
| 0%, 100% { opacity: 1; } | |
| 50% { opacity: 0.4; } | |
| } | |
| .pulse-dot { animation: pulse-dot 2s ease-in-out infinite; } | |
| /* Recharts Fix */ | |
| .recharts-tooltip-wrapper { outline: none ; } | |