@tailwind base;@tailwind components;@tailwind utilities;@media (prefers-color-scheme: dark){html{@apply bg-gray-900 text-gray-100;}.card{@apply bg-gray-800 text-white;}.btn{@apply bg-blue-700 hover:bg-blue-800;}.heading{@apply text-gray-100;}.badge{@apply bg-gray-700 text-white;}::-webkit-scrollbar-thumb{background-color:#cbd5e14d}::-webkit-scrollbar-thumb:hover{background-color:#cbd5e180}}html,body{@apply m-0 p-0 box-border font-sans bg-gray-50 text-gray-800 dark:bg-gray-900 dark:text-gray-100;}*{@apply box-border;}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#64748b4d;border-radius:9999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#64748b80}.container{@apply mx-auto px-4;}.heading{@apply text-2xl font-bold mb-4 text-gray-800 dark:text-gray-100;}.card{@apply bg-white dark:bg-gray-800 text-gray-900 dark:text-white p-4 rounded-lg shadow hover:shadow-md transition-shadow;}.btn{@apply px-4 py-2 rounded bg-blue-600 text-white font-semibold hover:bg-blue-700 transition-colors dark:bg-blue-700 dark:hover:bg-blue-800;}.fade-in{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1,.text-3xl{@apply text-2xl md:text-3xl lg:text-4xl font-bold;}p,.text-base{@apply text-sm md:text-base;}.price-up{@apply text-green-500 font-semibold;}.price-down{@apply text-red-500 font-semibold;}.badge{@apply inline-block px-2 py-1 rounded-full text-xs font-medium bg-gray-200 text-gray-800 dark:bg-gray-700 dark:text-white;}.stock-grid{@apply grid grid-cols-2 md:grid-cols-3 gap-4;}.hover-card{@apply transition duration-200 transform hover:-translate-y-1 hover:shadow-lg;}.overlay-hover{@apply relative;}.overlay-hover:after{content:"";@apply absolute inset-0 bg-black bg-opacity-5 rounded opacity-0 transition-opacity duration-300;}.overlay-hover:hover:after{@apply opacity-100;}