@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}}@layer components{.btn{@apply inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors;}.btn-primary{@apply bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500;}.btn-secondary{@apply bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500;}.btn-danger{@apply bg-red-600 text-white hover:bg-red-700 focus:ring-red-500;}.input-field{@apply block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm;}.card{@apply bg-white overflow-hidden shadow rounded-lg;}.card-header{@apply px-4 py-5 sm:px-6 border-b border-gray-200;}.card-body{@apply px-4 py-5 sm:p-6;}.card-footer{@apply px-4 py-4 sm:px-6 bg-gray-50 border-t border-gray-200;}}@layer utilities{.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.1)}.backdrop-blur-xs{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .ml-4{margin-left:0;margin-right:1rem}[dir=rtl] .mr-4{margin-right:0;margin-left:1rem}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.spinner{border:2px solid #f3f3f3;border-top:2px solid #3b82f6;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}