@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--page-bg: #F7FBFF}html{font-family:Cairo,system-ui,sans-serif}body{@apply bg-[var(--page-bg)] text-secondary;background:radial-gradient(circle at 20% 20%,rgba(20,184,166,.08),transparent 30%),radial-gradient(circle at 80% 0%,rgba(29,53,87,.12),transparent 25%),#f7fbff}}@layer components{.btn-primary{@apply bg-primary hover:bg-primary-dark text-white font-semibold py-2.5 px-5 rounded-2xl shadow-soft transition-all;}.btn-secondary{@apply bg-secondary text-white hover:bg-secondary-dark font-semibold py-2.5 px-5 rounded-2xl shadow-soft transition-all;}.btn-danger{@apply bg-danger hover:bg-red-600 text-white font-semibold py-2.5 px-5 rounded-2xl shadow-soft transition-all;}.form-input{@apply w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary;}.form-label{@apply block text-sm font-medium text-gray-700 mb-1;}.card{@apply bg-white/90 backdrop-blur-md border border-white/70 rounded-3xl shadow-soft p-6;}.alert-success{@apply bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded;}.alert-error{@apply bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded;}.alert-warning{@apply bg-yellow-100 border border-yellow-400 text-yellow-700 px-4 py-3 rounded;}.alert-info{@apply bg-blue-100 border border-blue-400 text-blue-700 px-4 py-3 rounded;}}@layer utilities{.rtl\:space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}.animate-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{@apply bg-gray-100;}::-webkit-scrollbar-thumb{@apply bg-gray-300 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-gray-400;}.spinner{border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{.no-print{display:none!important}.print-break{page-break-before:always}}