@tailwind base;@tailwind components;@tailwind utilities;body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[dir=rtl] body,html[lang=ar] body{font-family:Tajawal,sans-serif}.card,.pill{@apply inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-xs font-medium text-slate-600}@keyframes float-up-down{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-slow{animation:float-up-down 4s ease-in-out infinite}.float-medium{animation:float-up-down 3.2s ease-in-out infinite}.float-fast{animation:float-up-down 2.6s ease-in-out infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .2s ease-out}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-pop{animation:modal-pop .25s ease-out}@keyframes drawer-panel-enter{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-panel-enter{animation:drawer-panel-enter .25s ease-out}@keyframes template-card-stagger{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.template-card-stagger{animation:template-card-stagger .45s ease-out both}