:root{--bg-primary-dark: #0a0e27;--bg-secondary-dark: #1a1f3a;--bg-card-dark: rgba(26, 31, 58, .8);--bg-card-hover-dark: rgba(36, 41, 68, .9);--text-primary-dark: #f8fafc;--text-secondary-dark: #cbd5e1;--text-muted-dark: #94a3b8;--accent-primary-dark: #fbbf24;--accent-secondary-dark: #60a5fa;--accent-tertiary-dark: #a78bfa;--border-dark: rgba(148, 163, 184, .2);--shadow-dark: rgba(0, 0, 0, .5);--bg-primary-light: #f0f4f8;--bg-secondary-light: #ffffff;--bg-card-light: rgba(255, 255, 255, .9);--bg-card-hover-light: rgba(255, 255, 255, 1);--text-primary-light: #1e293b;--text-secondary-light: #475569;--text-muted-light: #64748b;--accent-primary-light: #f59e0b;--accent-secondary-light: #3b82f6;--accent-tertiary-light: #8b5cf6;--border-light: rgba(71, 85, 105, .2);--shadow-light: rgba(0, 0, 0, .1);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}:root{--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--bg-card: var(--bg-card-dark);--bg-card-hover: var(--bg-card-hover-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--text-muted: var(--text-muted-dark);--accent-primary: var(--accent-primary-dark);--accent-secondary: var(--accent-secondary-dark);--accent-tertiary: var(--accent-tertiary-dark);--border: var(--border-dark);--shadow: var(--shadow-dark)}[data-theme=light]{--bg-primary: var(--bg-primary-light);--bg-secondary: var(--bg-secondary-light);--bg-card: var(--bg-card-light);--bg-card-hover: var(--bg-card-hover-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--text-muted: var(--text-muted-light);--accent-primary: var(--accent-primary-light);--accent-secondary: var(--accent-secondary-light);--accent-tertiary: var(--accent-tertiary-light);--border: var(--border-light);--shadow: var(--shadow-light)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-primary);color:var(--text-primary);direction:rtl;text-align:right;line-height:1.6;min-height:100vh;transition:background var(--transition-normal),color var(--transition-normal)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(251,191,36,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(96,165,250,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:2.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem;color:var(--text-primary)}h3{font-size:1.5rem;color:var(--text-primary)}p{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.container{max-width:1400px;margin:0 auto;padding:var(--spacing-lg)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px var(--shadow);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 12px 48px var(--shadow)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;font-family:Cairo,sans-serif;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 4px 16px #fbbf244d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #fbbf2466}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--accent-primary)}.input-group{margin-bottom:var(--spacing-md)}.input-label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-primary)}.input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:Cairo,sans-serif;font-size:1rem;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #fbbf241a}.select{width:100%;padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:Cairo,sans-serif;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #fbbf241a}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(4,1fr)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}@media(max-width:768px){html{font-size:14px}.container{padding:var(--spacing-sm)}h1{font-size:2rem}h2{font-size:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}