@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{@apply transition-colors duration-200;}body{@apply bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--card-bg: #ffffff;--primary-color: #0ea5e9;--primary-hover: #0284c7}.dark{--card-bg: #1f2937}}@layer components{.btn-primary{@apply bg-sky-500 text-white px-5 py-2.5 rounded-lg hover:bg-sky-600 transition-all disabled:opacity-50 disabled:cursor-not-allowed font-medium shadow-sm hover:shadow-md;}.btn-secondary{@apply bg-gray-200 dark:bg-gray-700 text-gray-900 dark:text-gray-100 px-5 py-2.5 rounded-lg hover:bg-gray-300 dark:hover:bg-gray-600 transition-all font-medium;}.input-field{@apply w-full px-4 py-3 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-sky-500 dark:focus:ring-sky-400 focus:border-transparent transition-all;}.card{@apply bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6 transition-all hover:shadow-md;}}