@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary-50: #f0fdf4;--color-primary-100: #dcfce7;--color-primary-500: #22c55e;--color-primary-600: #16a34a;--color-primary-700: #15803d;--color-secondary-500: #f59e0b;--color-secondary-600: #d97706;--color-accent-500: #c47d2a;--saudi-green: #22c55e;--saudi-gold: #f59e0b;--text-primary: #111827;--text-secondary: #6b7280;--background-primary: #ffffff;--background-secondary: #f9fafb;--border-color: #e5e7eb;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-soft: 0 2px 15px 0 rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(34, 197, 94, .3);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2}@media (prefers-color-scheme: dark){:root{--text-primary: #f9fafb;--text-secondary: #9ca3af;--background-primary: #111827;--background-secondary: #1f2937;--border-color: #374151}}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32}.font-arabic{font-family:Cairo,Tajawal,Amiri,system-ui,sans-serif;font-feature-settings:"liga" 1,"kern" 1,"calt" 1;font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility}.font-english{font-family:Inter,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:"cv11","ss01","cv02","cv03","cv04"}.rtl{direction:rtl}.ltr{direction:ltr}.text-start{text-align:start}.text-end{text-align:end}.focus-ring{@apply focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-white;}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.skeleton{@apply bg-gradient-to-r from-gray-200 via-gray-300 to-gray-200 bg-[length:200%_100%];animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glass{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.glass-dark{background:#00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.saudi-pattern{background-image:radial-gradient(circle at 25% 25%,#059669 2px,transparent 2px),radial-gradient(circle at 75% 75%,#f59e0b 1px,transparent 1px);background-size:24px 24px;background-position:0 0,12px 12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #05966980}50%{box-shadow:0 0 20px #059669cc}}.fade-in-up{animation:fadeInUp .6s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.slide-in-left{animation:slideInLeft .5s ease-out}.bounce-gentle{animation:bounce-gentle 2s infinite}.pulse-glow{animation:pulse-glow 2s infinite}@media (pointer: coarse){.touch-target{min-width:44px;min-height:44px}button,[role=button],input,select,textarea{min-height:44px}}@media (prefers-contrast: high){.glass{background:#fffffff2;border:2px solid #000}.text-gray-600{@apply text-gray-900;}.text-gray-500{@apply text-gray-800;}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-in-up,.slide-in-right,.slide-in-left,.bounce-gentle,.pulse-glow{animation:none}}@media print{.no-print{display:none!important}body{font-size:12pt;line-height:1.5;color:#000!important;background:#fff!important}.glass,.glass-dark{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid #ccc!important}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.no-break{page-break-inside:avoid}}.offline-indicator{position:fixed;top:0;left:0;right:0;z-index:50;background:#dc2626;color:#fff;text-align:center;padding:8px;font-size:14px;transform:translateY(-100%);transition:transform .3s ease}body.offline .offline-indicator{transform:translateY(0)}.theme-saudi{--primary-50: #f0fdf4;--primary-500: #059669;--primary-900: #14532d;--secondary-50: #fffbeb;--secondary-500: #f59e0b;--secondary-900: #78350f}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}