@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";@layer base{body{@apply bg-gray-50 text-gray-900;font-family:IBM Plex Sans Arabic}[dir=rtl]{direction:rtl}}*{font-family:IBM Plex Sans Arabic,sans-serif}@layer components{.btn{@apply px-4 py-2 rounded-lg font-medium transition-colors duration-200;}.btn-primary{@apply bg-primary-600 text-white hover:bg-primary-700;}.btn-secondary{@apply bg-gray-600 text-white hover:bg-gray-700;}.btn-danger{@apply bg-red-600 text-white hover:bg-red-700;}.input{@apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent;}.card{@apply bg-white rounded-xl shadow-sm border border-gray-200;}.table{@apply w-full text-sm text-right;}.table thead{@apply bg-gray-50 border-b border-gray-200;}.table th{@apply px-6 py-3 font-semibold text-gray-700;}.table td{@apply px-6 py-4 border-b border-gray-100;}.table tbody tr:hover{@apply bg-gray-50;}}