@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--color-saudi-green: #006C35;--color-saudi-green-light: #009A4B;--color-saudi-green-dark: #022c15;--color-saudi-gold: #C5A059;--color-saudi-gold-light: #D4B475;--color-saudi-gold-dark: #8a6d3b;--color-saudi-accent: #70B446;--color-bg-light: #F9FAFB;--color-bg-dark: #0B1221;--gradient-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-gold: linear-gradient(135deg, #C5A059 0%, #A38240 100%);--gradient-dark: linear-gradient(135deg, #1e293b 0%, #0f172a 100%)}@layer base{body{@apply bg-gray-50 text-gray-900 transition-colors duration-300 antialiased;font-family:Outfit,Plus Jakarta Sans,IBM Plex Sans Arabic,system-ui,-apple-system,sans-serif;letter-spacing:-.01em}html[lang=ar] body{font-family:IBM Plex Sans Arabic,Outfit,Plus Jakarta Sans,system-ui,-apple-system,sans-serif}*{@apply selection:bg-emerald-500/20 selection:text-emerald-900 dark:selection:bg-emerald-400/30 dark:selection:text-emerald-100;}html{scroll-behavior:smooth}:focus-visible{@apply outline-2 outline-offset-2 outline-emerald-500 outline;}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:inherit;-webkit-box-shadow:0 0 0px 1000px transparent inset;transition:background-color 5000s ease-in-out 0s}}@layer components{.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{@apply bg-transparent;}.custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-gray-200 dark:bg-gray-700 rounded-full;}.custom-scrollbar::-webkit-scrollbar-thumb:hover{@apply bg-gray-300 dark:bg-gray-600;}.glass{@apply bg-white/70 dark:bg-gray-800/70 backdrop-blur-xl border border-white/20 dark:border-gray-700/50;}.glass-dark{@apply bg-gray-900/80 backdrop-blur-xl border border-gray-800/50;}.glass-card{@apply bg-white/5 backdrop-blur-2xl border border-white/10 shadow-2xl;}.gradient-text{@apply bg-clip-text text-transparent bg-gradient-to-r from-emerald-500 to-teal-600;}.gradient-text-gold{@apply bg-clip-text text-transparent bg-gradient-to-r from-amber-400 to-amber-600;}.gradient-text-primary{@apply bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 via-cyan-400 to-emerald-500;}.card-hover{@apply transition-all duration-300 hover:shadow-xl hover:-translate-y-1;}.card-interactive{@apply transition-all duration-300 hover:shadow-2xl hover:-translate-y-2 hover:border-emerald-500/30;}.card-glow{@apply relative;}.card-glow:before{content:"";@apply absolute -inset-1 bg-gradient-to-r from-emerald-500/20 via-transparent to-amber-500/20 rounded-2xl blur-xl opacity-0 transition-opacity duration-500;}.card-glow:hover:before{@apply opacity-100;}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:rotate(30deg) translate(-100%);transition:transform .6s}.btn-shine:hover:after{transform:rotate(30deg) translate(100%)}.btn-primary{@apply relative overflow-hidden bg-gradient-to-r from-emerald-600 to-emerald-500 text-white font-semibold rounded-xl px-6 py-3 transition-all duration-300;}.btn-primary:hover{@apply from-emerald-500 to-emerald-400 shadow-lg shadow-emerald-500/30 transform -translate-y-0.5;}.btn-primary:active{@apply transform translate-y-0;}.btn-secondary{@apply bg-white/5 border border-white/10 text-white font-semibold rounded-xl px-6 py-3 transition-all duration-300 backdrop-blur-sm;}.btn-secondary:hover{@apply bg-white/10 border-white/20;}.gradient-border{position:relative;background:linear-gradient(var(--color-bg-light),var(--color-bg-light)) padding-box,linear-gradient(135deg,#10b981,#06b6d4,#8b5cf6) border-box;border:2px solid transparent}.dark .gradient-border{background:linear-gradient(#1f2937,#1f2937) padding-box,linear-gradient(135deg,#10b981,#06b6d4,#8b5cf6) border-box}.animated-border{@apply relative;}.animated-border:before{content:"";@apply absolute -inset-[1px] rounded-2xl;background:linear-gradient(90deg,#10b981,#06b6d4,#8b5cf6,#10b981);background-size:300% 100%;animation:border-flow 3s linear infinite;z-index:-1}@keyframes border-flow{0%{background-position:0% 50%}to{background-position:300% 50%}}.pulse-dot{@apply relative;}.pulse-dot:before{content:"";@apply absolute -top-1 -right-1 w-3 h-3 bg-emerald-500 rounded-full;animation:pulse-ring 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.skeleton{@apply bg-gray-200 dark:bg-gray-700 rounded animate-pulse;}.skeleton-shimmer{@apply relative overflow-hidden bg-gray-200 dark:bg-gray-700 rounded;}.skeleton-shimmer:after{content:"";@apply absolute inset-0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.input-focus{@apply focus:ring-2 focus:ring-emerald-500/50 focus:border-emerald-500 transition-all duration-200;}.input-modern{@apply w-full bg-white/5 text-white placeholder-gray-500 rounded-xl px-4 py-3.5 border border-white/10 focus:border-emerald-500/50 focus:ring-2 focus:ring-emerald-500/20 focus:bg-white/10 transition-all duration-300 outline-none;}.tooltip{@apply invisible opacity-0 absolute z-50 px-3 py-2 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-lg transition-all duration-200;}.tooltip-trigger:hover .tooltip{@apply visible opacity-100;}.badge{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;}.badge-success{@apply bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400;}.badge-warning{@apply bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400;}.badge-danger{@apply bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400;}.badge-info{@apply bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400;}.stat-card{@apply relative overflow-hidden bg-gradient-to-br from-white/10 to-white/5 backdrop-blur-xl border border-white/10 rounded-2xl p-6 transition-all duration-300;}.stat-card:hover{@apply border-emerald-500/30 shadow-xl shadow-emerald-500/10 -translate-y-1;}.stat-card:before{content:"";@apply absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-emerald-500/10 to-transparent rounded-full -translate-y-1/2 translate-x-1/2;}.feature-card{@apply relative bg-gradient-to-br from-white/5 to-white/[.02] backdrop-blur-sm border border-white/10 rounded-2xl p-6 transition-all duration-500;}.feature-card:hover{@apply border-emerald-500/30 -translate-y-2 shadow-2xl shadow-emerald-500/10;}.feature-card:after{content:"";@apply absolute inset-0 bg-gradient-to-br from-emerald-500/10 to-transparent rounded-2xl opacity-0 transition-opacity duration-500;}.feature-card:hover:after{@apply opacity-100;}}@layer utilities{.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-700{animation-delay:.7s}.animation-delay-1000{animation-delay:1s}.text-balance{text-wrap:balance}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scroll-smooth{scroll-behavior:smooth}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.1)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.2)}.text-shadow-xl{text-shadow:0 8px 16px rgba(0,0,0,.3)}.glow-emerald{box-shadow:0 0 30px #10b9814d}.glow-gold{box-shadow:0 0 30px #c5a0594d}.glow-white{box-shadow:0 0 30px #ffffff1a}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{@apply bg-transparent;}::-webkit-scrollbar-thumb{@apply bg-gray-300 dark:bg-gray-600 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-gray-400 dark:bg-gray-500;}@media print{.no-print{display:none!important}body{@apply bg-white text-black;}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes admin-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-fade-in{animation:admin-fade-in .4s ease-out forwards;opacity:0}.dashboard-bg-gradient{background:linear-gradient(135deg,#10b98105,#06b6d405)}.dark .dashboard-bg-gradient{background:linear-gradient(135deg,#10b9810d,#06b6d408)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fade-in .4s ease-out forwards}.animate-fade-in-up{animation:fade-in-up .5s ease-out forwards}.animate-fade-in-down{animation:fade-in-down .5s ease-out forwards}.animate-fade-in-left{animation:fade-in-left .5s ease-out forwards}.animate-fade-in-right{animation:fade-in-right .5s ease-out forwards}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-count-up{animation:count-up .6s ease-out forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 20s linear infinite}@keyframes scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-scale-pulse{animation:scale-pulse 2s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}