:root,[data-theme=dark]{--bg-primary: #070a12;--bg-secondary: #0c1220;--bg-tertiary: #131d31;--bg-card: #101827;--bg-glass: rgba(16, 24, 39, .85);--bg-input: #0b1120;--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(0, 240, 255, .25);--border-focus: #00f0ff;--accent-cyan: #00f0ff;--accent-cyan-dim: rgba(0, 240, 255, .12);--accent-violet: #8b5cf6;--accent-violet-dim: rgba(139, 92, 246, .12);--accent-amber: #f59e0b;--accent-emerald: #10b981;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #030712;--nav-bg: rgba(7, 10, 18, .88);--card-shadow: 0 10px 30px rgba(0, 0, 0, .4);--card-shadow-hover: 0 15px 40px rgba(0, 240, 255, .15);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-arabic: "Tajawal", "Cairo", -apple-system, sans-serif}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .9);--bg-input: #f1f5f9;--border-subtle: rgba(15, 23, 42, .12);--border-glow: rgba(2, 132, 199, .28);--border-focus: #0284c7;--accent-cyan: #0284c7;--accent-cyan-dim: rgba(2, 132, 199, .1);--accent-violet: #7c3aed;--accent-violet-dim: rgba(124, 58, 237, .1);--accent-amber: #d97706;--accent-emerald: #059669;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-inverse: #ffffff;--nav-bg: rgba(255, 255, 255, .92);--card-shadow: 0 4px 20px rgba(0, 0, 0, .06);--card-shadow-hover: 0 10px 30px rgba(2, 132, 199, .15)}[dir=rtl]{direction:rtl;text-align:right;font-family:var(--font-arabic),var(--font-sans)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s ease,border-color .2s ease}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#96969640;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#96969673}button,input,select,textarea{font-family:inherit}.page-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}