@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-background: #020617;--color-surface: #0f172a;--color-surface-elevated: #1e293b;--color-border: rgba(51, 65, 85, .5);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-primary: #6366F1;--color-primary-hover: #4F46E5;--color-primary-light: rgba(99, 102, 241, .15);--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-default: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-glow: 0 0 15px var(--color-primary-light);--radius: .75rem;--radius-card: .75rem;--radius-button: .625rem;--radius-input: .625rem;--font-family: "Cairo", sans-serif;--animation-duration: .3s;--spacing-unit: 1rem;--background: 223 47% 3%;--foreground: 210 40% 98%;--card: 222 47% 11%;--card-foreground: 210 40% 98%;--popover: 222 47% 11%;--popover-foreground: 210 40% 98%;--primary: 245 58% 51%;--primary-foreground: 210 40% 98%;--secondary: 217 33% 17%;--secondary-foreground: 210 40% 98%;--muted: 217 33% 17%;--muted-foreground: 215 20% 65%;--accent: 217 33% 17%;--accent-foreground: 210 40% 98%;--destructive: 0 84% 60%;--destructive-foreground: 210 40% 98%;--border: 217 19% 27%;--input: 217 19% 27%;--ring: 245 58% 51%}:root.light{--color-background: #f1f5f9;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-border: rgba(226, 232, 240, 1);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-default: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--background: 210 40% 96%;--foreground: 222 47% 11%;--card: 0 0% 100%;--card-foreground: 222 47% 11%;--popover: 0 0% 100%;--popover-foreground: 222 47% 11%;--muted: 210 40% 96%;--muted-foreground: 215 16% 47%;--border: 214 32% 91%;--input: 214 32% 91%}*{@apply border-border;}html{direction:rtl}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;transition:background-color .3s,color .3s}:root.light .bg-slate-950{background-color:#f1f5f9!important}:root.light .bg-slate-900{background-color:#fff!important}:root.light .bg-slate-900\/95{background-color:#fffffff2!important}:root.light .bg-slate-900\/90{background-color:#ffffffe6!important}:root.light .bg-slate-900\/80{background-color:#fffc!important}:root.light .bg-slate-900\/50{background-color:#ffffff80!important}:root.light .bg-slate-800{background-color:#f8fafc!important}:root.light .bg-slate-800\/60{background-color:#f8fafce6!important}:root.light .bg-slate-800\/50{background-color:#f8fafccc!important}:root.light .bg-slate-700{background-color:#e2e8f0!important}:root.light .text-white{color:#0f172a!important}:root.light .text-slate-50{color:#0f172a!important}:root.light .text-slate-100{color:#1e293b!important}:root.light .text-slate-200{color:#334155!important}:root.light .text-slate-300{color:#475569!important}:root.light .text-slate-400{color:#64748b!important}:root.light .text-slate-500{color:#94a3b8!important}:root.light .border-slate-800{border-color:#e2e8f0!important}:root.light .border-slate-700{border-color:#cbd5e1!important}:root.light .border-slate-700\/50{border-color:#cbd5e180!important}:root.light .border-slate-600{border-color:#94a3b8!important}:root.light .text-indigo-400{color:#4f46e5!important}:root.light .text-emerald-400{color:#10b981!important}:root.light .text-blue-400{color:#3b82f6!important}:root.light .text-purple-400{color:#8b5cf6!important}:root.light .text-rose-400{color:#f43f5e!important}:root.light .text-amber-400{color:#f59e0b!important}:root.light .text-cyan-400{color:#06b6d4!important}:root.light .shadow-lg{box-shadow:0 10px 15px -3px #0000001a!important}:root.light .shadow-indigo-500\/20{box-shadow:0 4px 14px #6366f126!important}}@layer components{.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-card);transition:all var(--animation-duration)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-border)}:root:not(.glass-enabled) .glass-card{backdrop-filter:none;-webkit-backdrop-filter:none}.card-modern{background:var(--glass-bg);border-radius:var(--radius-card);border:1px solid var(--glass-border);transition:all var(--animation-duration)}.card-modern:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-indigo-400 to-cyan-400;}.text-gradient-gold{@apply bg-clip-text text-transparent bg-gradient-to-r from-amber-200 to-yellow-500;}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64748b}:root.light ::-webkit-scrollbar-thumb{background:#cbd5e1}:root.light ::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root.light input,:root.light select,:root.light textarea{background-color:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-primary-light)}.btn-primary{background-color:var(--color-primary);color:#fff;font-weight:700;padding:.625rem 1rem;border-radius:var(--radius-button);transition:all var(--animation-duration);box-shadow:0 4px 14px 0 var(--color-primary-light)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{@apply font-bold py-2.5 px-4 transition-colors;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-button);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-surface-elevated)}.bg-indigo-600{background-color:var(--color-primary)!important}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-in{animation:fadeIn var(--animation-duration) ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-from-bottom-4{animation:slideInFromBottom var(--animation-duration) ease-out}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.slide-in-from-right-4{animation:slideInFromRight var(--animation-duration) ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.modal-overlay{animation:fadeInOverlay .2s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}