@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Cairo:wght@300;400;600;700;800;900&family=Reem+Kufi:wght@400;600;800&family=Scheherazade+New:wght@400;700&family=Tajawal:wght@300;400;500;700;900&display=swap";:root{--bg-app: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-subtle: #F1F5F9;--border-color: #E2E8F0;--border-subtle: #F1F5F9;--text-main: #0F172A;--text-muted: #475467;--text-subtle: #94A3B8;--primary: #6366F1;--primary-hover: #4F46E5;--primary-light: #EEF2FF;--primary-border: #C7D2FE;--secondary: #0284C7;--secondary-light: #F0F9FF;--secondary-border: #BAE6FD;--emerald: #059669;--emerald-light: #ECFDF5;--emerald-border: #A7F3D0;--rose: #E11D48;--rose-light: #FFF1F2;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .08);--shadow-glow: 0 0 20px rgba(99, 102, 241, .2)}[data-theme=dark]{--bg-app: #0F172A;--bg-surface: #1E293B;--bg-surface-subtle: #334155;--border-color: #334155;--border-subtle: #1E293B;--text-main: #F8FAFC;--text-muted: #94A3B8;--text-subtle: #64748B;--primary: #818CF8;--primary-hover: #6366F1;--primary-light: rgba(129, 140, 248, .15);--primary-border: rgba(129, 140, 248, .3);--secondary: #38BDF8;--secondary-light: rgba(56, 189, 248, .15);--secondary-border: rgba(56, 189, 248, .3);--emerald: #10B981;--emerald-light: rgba(16, 185, 129, .15);--emerald-border: rgba(16, 185, 129, .3);--rose: #FB7185;--rose-light: rgba(251, 113, 133, .15);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 10px 30px rgba(0,0,0,.5);--shadow-glow: 0 0 25px rgba(129, 140, 248, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Cairo,Tajawal,sans-serif;background-color:var(--bg-app);color:var(--text-main);direction:rtl;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.tree-folder-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;border-radius:6px;background:transparent;border:none;color:var(--text-main);font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s ease}.tree-folder-btn:hover{background:var(--bg-surface-subtle)}.tree-folder-btn.active{background:var(--primary-light);color:var(--primary)}.tree-file-btn{width:100%;display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem .35rem 1.4rem;border-radius:6px;background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tree-file-btn:hover{background:var(--bg-surface-subtle);color:var(--text-main)}.tree-file-btn.active{background:var(--primary-light);color:var(--primary);font-weight:800}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--emerald)}.status-dot.saving{background:#d97706;animation:activePulse 1.2s infinite}.skeleton{background:var(--border-color);animation:activePulse 1.5s infinite ease-in-out}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md)}.card-hover:hover{background:var(--bg-surface-subtle)!important}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes activePulse{0%{box-shadow:0 0 #7c3aed80}70%{box-shadow:0 0 0 12px #7c3aed00}to{box-shadow:0 0 #7c3aed00}}.agent-active-pulse{animation:activePulse 1.8s infinite;border-color:var(--primary)!important}@keyframes shimmerGlow{0%{background-position:-200% 0}to{background-position:200% 0}}.glow-text{background:linear-gradient(90deg,var(--primary) 0%,#A855F7 50%,var(--primary) 100%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmerGlow 4s linear infinite}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #7c3aed40}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-subtle);border-color:var(--primary-border)}.btn-ghost{background:transparent;color:var(--text-muted);border:none}.btn-ghost:hover{background:var(--bg-surface-subtle);color:var(--text-main)}.btn-danger{background:var(--rose-light);color:var(--rose);border-color:var(--rose)}.btn-danger:hover{background:var(--rose);color:#fff}.btn-ai{background:linear-gradient(135deg,#7c3aed,#4338ca);color:#fff;box-shadow:0 4px 14px #7c3aed4d}.btn-ai:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed66}.btn-icon{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;transition:all .15s ease}.btn-icon:hover{color:var(--primary);border-color:var(--primary-border);background:var(--primary-light)}.glass-input{width:100%;padding:.55rem .85rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);font-family:inherit;font-size:.85rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:99px;font-size:.72rem;font-weight:700}.badge-purple{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.badge-cyan{background:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary-border)}.badge-gold{background:#fffaeb;color:#b54708;border:1px solid #FEF0C7}.toast-container{position:fixed;bottom:1.5rem;left:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.toast{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.1rem;border-radius:10px;background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);font-size:.85rem;font-weight:700;animation:slideIn .2s cubic-bezier(.16,1,.3,1)}.toast.success{border-color:var(--emerald);background:var(--emerald-light)}.toast.error{border-color:var(--rose);background:var(--rose-light)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-fadeIn{animation:fadeIn .22s ease-out forwards}.animate-modal-pop{animation:modalPop .22s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-left{animation:slideInLeft .25s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-right{animation:slideInRight .25s cubic-bezier(.16,1,.3,1) forwards}body.modal-open{overflow:hidden!important}.glass-overlay{background:#0b0f19a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=dark] div[style*="background: #fff"],[data-theme=dark] div[style*="background: #FFFFFF"],[data-theme=dark] div[style*="background: rgb(255, 255, 255)"],[data-theme=dark] div[style*="background: '#fff'"],[data-theme=dark] div[style*="background: #F9FAFB"],[data-theme=dark] div[style*="background: #F5F7FA"]{background-color:var(--bg-surface)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}[data-theme=dark] div[style*="background: #F9FAFB"],[data-theme=dark] div[style*="background: #F8FAFC"]{background-color:var(--bg-surface-subtle)!important;border-color:var(--border-color)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] label{color:var(--text-main)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--bg-surface-subtle)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}[data-theme=dark] [style*="color: #1E293B"],[data-theme=dark] [style*="color: #1e293b"],[data-theme=dark] [style*="color: #344054"],[data-theme=dark] [style*="color: #374151"],[data-theme=dark] [style*="color: #6B7280"],[data-theme=dark] [style*="color: #475467"],[data-theme=dark] [style*="color: #101828"]{color:var(--text-main)!important}[data-theme=dark] [style*="background: #FAF5FF"],[data-theme=dark] [style*="background: #EFF8FF"],[data-theme=dark] [style*="background: #ECFDF3"],[data-theme=dark] [style*="background: #FFFAEB"]{background-color:var(--bg-surface-subtle)!important;border-color:var(--border-color)!important}.studio-aurora-bg{background:radial-gradient(circle at 15% 15%,rgba(99,102,241,.12) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(245,158,11,.1) 0%,transparent 45%),radial-gradient(circle at 50% 40%,rgba(16,185,129,.06) 0%,transparent 50%),var(--bg-app)}.studio-glass-panel{background:#1a2035bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 35px #00000059}[data-theme=light] .studio-glass-panel{background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.85);box-shadow:0 10px 30px #0f172a0d}.studio-card-glow{transition:all .25s cubic-bezier(.16,1,.3,1)}.studio-card-glow:hover{transform:translateY(-4px);border-color:#6366f173!important;box-shadow:0 14px 40px #0006,0 0 25px #6366f133!important}.studio-card-glow-amber{transition:all .25s cubic-bezier(.16,1,.3,1)}.studio-card-glow-amber:hover{transform:translateY(-4px);border-color:#f59e0b80!important;box-shadow:0 14px 40px #0006,0 0 25px #f59e0b33!important}.studio-badge-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}