*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--bg-hover:#1e1e2a;--bg-input:#1a1a24;--border:#2a2a3a;--border-focus:#5b5bf6;--accent:#5b5bf6;--accent-dim:#5b5bf626;--accent-hover:#7070ff;--success:#22c55e;--success-dim:#22c55e1f;--error:#ef4444;--error-dim:#ef44441f;--warning:#f59e0b;--warning-dim:#f59e0b1f;--text-primary:#f0f0f8;--text-secondary:#88a;--text-muted:#55556a;--text-accent:#88f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-fa:"Vazirmatn", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition:.18s ease;--bg-header:#0a0a0feb;--overlay-bg:#0a0a0fe0}html[data-theme=light]{--bg-primary:#f4f4f9;--bg-secondary:#eeeef8;--bg-card:#fff;--bg-hover:#e8e8f5;--bg-input:#f0f0fa;--border:#d5d5e8;--border-focus:#5b5bf6;--accent:#5b5bf6;--accent-dim:#5b5bf61f;--accent-hover:#7070ff;--success:#16a34a;--success-dim:#16a34a1f;--error:#dc2626;--error-dim:#dc26261f;--warning:#d97706;--warning-dim:#d977061f;--text-primary:#1a1a2e;--text-secondary:#55557a;--text-muted:#9090aa;--text-accent:#5b5bf6;--bg-header:#f4f4f9eb;--overlay-bg:#f0f0f8e0}html{font-family:var(--font-fa);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;direction:rtl;font-size:15px;line-height:1.6}body{min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-dim);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:.3s both fadeIn}.slide-in{animation:.25s both slideIn}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes slideDown{0%{transform:translateY(-52px)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(52px)}to{transform:translateY(0)}}