@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-page-bg: #F4F6F7;--color-page-bg-alt: #F4F6F7;--color-surface: #FFFFFF;--color-surface-hover: #F9FAFB;--color-surface-muted: #F3F4F6;--color-surface-elevated: #FFFFFF;--color-text-primary: #0F172A;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-muted: #4B5563;--color-text-brand: #2D4A42;--color-border: #F3F4F6;--color-border-strong: #E5E7EB;--color-border-subtle: #F9FAFB;--color-input-bg: #FFFFFF;--color-input-border: #E5E7EB;--color-navbar-bg: rgba(255, 255, 255, .5);--color-navbar-border: #F3F4F6;--color-overlay-bg: #FFFFFF;--color-skeleton: #E5E7EB;--color-skeleton-shimmer: rgba(255, 255, 255, .6);--color-scrollbar-track: rgba(255, 255, 255, .05);--color-scrollbar-thumb: rgba(158, 192, 52, .5);--color-chart-stroke: #FBFBF9;--color-tooltip-bg: #FFFFFF;--color-tooltip-text: #2D4A42;--color-cta-bg: #2D4A42;--color-cta-hover: #1F3730;--color-cta-text: #FFFFFF;--lynx-body: #323D35;--lynx-detail: #FFFFFF;--lynx-shadow: rgba(158, 192, 52, .3);--color-quote: rgba(0, 0, 0, .04)}.dark{--color-page-bg: #101828;--color-page-bg-alt: #101828;--color-surface: #1A2332;--color-surface-hover: #1E293B;--color-surface-muted: #1E293B;--color-surface-elevated: #243447;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-text-tertiary: #64748B;--color-text-muted: #94A3B8;--color-text-brand: #E2E8F0;--color-border: #1A2230;--color-border-strong: #222C3A;--color-border-subtle: #151C28;--color-input-bg: #1A2332;--color-input-border: #141B25;--color-navbar-bg: rgba(16, 24, 40, .92);--color-navbar-border: #111820;--color-overlay-bg: #1A2332;--color-skeleton: #2D3B4E;--color-skeleton-shimmer: rgba(255, 255, 255, .1);--color-scrollbar-track: rgba(0, 0, 0, .3);--color-scrollbar-thumb: rgba(158, 192, 52, .6);--color-chart-stroke: #1A2332;--color-tooltip-bg: #1A2332;--color-tooltip-text: #E2E8F0;--color-cta-bg: #9EC034;--color-cta-hover: #8AAE28;--color-cta-text: #1F3730;--lynx-body: #FFFFFF;--lynx-detail: #1A2332;--lynx-shadow: #0F1828;--color-quote: #131B28}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-color:var(--color-page-bg);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ec034b3}select option{background-color:#1f2937;color:#fff}a,button,input,select,textarea,[role=button],[tabindex]{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.recharts-wrapper{margin:0 auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideUp .4s ease-out}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.overflow-x-auto::-webkit-scrollbar{display:none}.overflow-x-auto{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#8080804d;border-radius:2px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}