:root{--color-primary: #6C63FF;--color-primary-hover: #5A52E0;--color-secondary: #FF6584;--color-bg: #1a1a2e;--color-surface: #16213e;--color-surface-hover: #1c2a4a;--color-text: #eaeaea;--color-text-secondary: #a0a0b8;--color-accent: #e94560;--color-success: #2ecc71;--color-warning: #f39c12;--color-error: #e74c3c;--font-family: "IBM Plex Sans Arabic", sans-serif;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);direction:rtl;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}input,button,textarea,select{font-family:inherit;font-size:inherit;direction:rtl}button{cursor:pointer;border:none;outline:none}input,textarea{outline:none}a{color:var(--color-primary);text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.fade-in{animation:fadeIn .3s ease-out}