:root{--font-family:"Cairo", sans-serif;--bg-main:#07090e;--bg-card:#101726bf;--bg-card-hover:#182235d9;--border-color:#38bdf826;--border-glow:#38bdf859;--primary:#38bdf8;--primary-hover:#0ea5e9;--accent:#818cf8;--success:#34d399;--warning:#fbbf24;--danger:#f43f5e;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--glass-shadow:0 8px 32px 0 #0000005e;--glow-shadow:0 0 25px #38bdf840}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);direction:rtl;background-image:radial-gradient(at 0 0,#38bdf814 0,#0000 50%),radial-gradient(at 100% 100%,#818cf80f 0,#0000 50%),radial-gradient(#0f172acc 0,#0000 100%);min-height:100vh;line-height:1.6;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-glow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a99}::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#38bdf880}@keyframes pulse-wave{0%{transform:scale(.95);box-shadow:0 0 #38bdf8b3}70%{transform:scale(1.05);box-shadow:0 0 0 25px #38bdf800}to{transform:scale(.95);box-shadow:0 0 #38bdf800}}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #f43f5eb3}70%{transform:scale(1.05);box-shadow:0 0 0 25px #f43f5e00}to{transform:scale(.95);box-shadow:0 0 #f43f5e00}}@keyframes soundBar{0%,to{height:6px}50%{height:28px}}.animate-pulse-mic{animation:1.8s infinite pulse-red}.animate-ready-mic{animation:2.5s infinite pulse-wave}.sound-bar{background:linear-gradient(to top, var(--primary), var(--accent));border-radius:2px;width:4px;animation:1.2s ease-in-out infinite soundBar}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#38bdf8);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #38bdf84d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #38bdf873}.btn-secondary{color:var(--text-main);cursor:pointer;background:#1e293bb3;border:1px solid #94a3b833;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#334155cc;border-color:#38bdf866}.badge-success{color:#34d399;background:#34d39926;border:1px solid #34d3994d;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.badge-info{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.badge-warning{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.badge-danger{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e4d;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}