@import"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--text-color: #1f2937;--bg-color: #ffffff;--border-color: #e5e7eb}body{@apply text-gray-800 bg-white;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}n.card{@apply bg-white rounded-lg shadow-md overflow-hidden transition-all duration-200 hover:shadow-lg;}.btn{@apply px-4 py-2 rounded-md font-medium transition-colors duration-200;}.btn-primary{@apply bg-blue-600 text-white hover:bg-blue-700;}.btn-outline{@apply border border-gray-300 text-gray-700 hover:bg-gray-50;}.input{@apply w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500;}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}