.nav-links.open{right:0!important;opacity:1!important;visibility:visible!important}.ai-page-container{--alt-bg:#ffffff;--alt-border:rgba(79,70,229,0.08);--alt-text:#334155;--alt-title:#1e1b4b;--alt-label:#475569;--alt-input-bg:#f8fafc;--alt-input-border:#e2e8f0;--alt-input-text:#1e293b;--alt-input-focus-border:#4f46e5;--alt-input-focus-bg:#ffffff;--alt-card-bg:#ffffff;--alt-card-border:rgba(226,232,240,0.8);--alt-shadow:0 25px 50px -12px rgba(79,70,229,0.05),0 0 0 1px rgba(79,70,229,0.02);font-family:Tajawal,sans-serif;min-height:calc(100vh - 80px);padding:80px 0 0;background:var(--gradient-hero-mesh),var(--alt-bg);display:flex;flex-direction:column;color:var(--alt-text);transition:background .3s ease,color .3s ease}[data-theme=dark] .ai-page-container{--alt-bg:rgba(15,23,42,0.7);--alt-border:rgba(255,255,255,0.06);--alt-text:#cbd5e1;--alt-title:#ffffff;--alt-label:#cbd5e1;--alt-input-bg:rgba(10,14,26,0.6);--alt-input-border:rgba(255,255,255,0.08);--alt-input-text:#ffffff;--alt-input-focus-border:#818cf8;--alt-input-focus-bg:rgba(10,14,26,0.9);--alt-card-bg:rgba(15,23,42,0.55);--alt-card-border:rgba(255,255,255,0.05);--alt-shadow:0 30px 60px -15px rgba(0,0,0,0.5),0 0 50px rgba(79,70,229,0.04)}.ai-chat-wrapper{width:100%;max-width:1200px;margin:0 auto;flex:1;flex-direction:column;overflow:hidden;box-sizing:border-box}.ai-chat-wrapper,.ai-header-card{padding:16px 24px;display:flex;gap:12px}.ai-header-card{background:var(--alt-card-bg);border:1px solid var(--alt-card-border);border-radius:var(--radius-xl);box-shadow:var(--alt-shadow);align-items:center;justify-content:space-between;flex-shrink:0;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.ai-header-info{gap:12px}.ai-avatar,.ai-header-info{display:flex;align-items:center}.ai-avatar{width:44px;height:44px;background:var(--primary-gradient);border-radius:50%;justify-content:center;font-size:22px;box-shadow:var(--shadow-primary);flex-shrink:0}.ai-header-text h1{font-size:1.2rem;color:var(--alt-title);margin:0;font-weight:800}.ai-header-text p{font-size:.85rem;color:var(--alt-text);margin:2px 0 0;font-weight:600;opacity:.8;min-height:20px}.ai-header-controls{gap:8px}.ai-header-controls,.clear-btn{display:flex;align-items:center}.clear-btn{padding:10px 18px;border:1px solid var(--alt-input-border);background:var(--alt-input-bg);border-radius:var(--radius-full);font-size:.85rem;font-weight:700;color:var(--alt-text);cursor:pointer;transition:var(--transition);font-family:inherit;gap:4px}.clear-btn:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.08);box-shadow:0 4px 12px rgba(239,68,68,.15)}.ai-tabs-container{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--alt-input-bg);padding:6px;border-radius:var(--radius-xl);border:1px solid var(--alt-input-border);margin-bottom:5px;flex-shrink:0;transition:background .3s ease,border-color .3s ease}.ai-tab-btn{padding:12px;border:none;background:none;color:var(--alt-text);font-family:inherit;font-weight:800;font-size:.95rem;border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:6px;opacity:.85}.ai-tab-btn.active{background:var(--alt-card-bg);color:var(--alt-title);border:1px solid var(--alt-card-border);box-shadow:var(--alt-shadow);opacity:1}.ai-tab-btn:hover:not(.active){color:var(--alt-title);background:rgba(79,70,229,.05);opacity:1}.voice-chat-section{flex:1;justify-content:space-between;padding:20px 10px;gap:20px;min-height:400px}.voice-chat-section,.voice-visualizer-container{display:flex;flex-direction:column;align-items:center}.voice-visualizer-container{text-align:center;margin-top:25px;position:relative;width:100%}.sound-sphere{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.sphere-mic-icon{font-size:46px;z-index:10;animation:sphereMicFloat 3s ease-in-out infinite}@keyframes sphereMicFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.05)}}.visualizer-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid;opacity:0;pointer-events:none;z-index:1}.sound-sphere.idle{color:#818cf8;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(59,130,246,.08))!important;border:2.5px solid rgba(99,102,241,.4)!important;box-shadow:0 0 50px rgba(99,102,241,.25);animation:morphSphere 6s ease-in-out infinite alternate}.sound-sphere.recording{color:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.35),rgba(239,68,68,.1))!important;border:2.5px solid rgba(239,68,68,.8)!important;box-shadow:0 0 70px rgba(239,68,68,.5);animation:morphSphere 3s cubic-bezier(.25,1,.5,1) infinite alternate}.sound-sphere.recording .visualizer-ring-1,.sound-sphere.recording .visualizer-ring-2{animation:ringRipple 2.4s cubic-bezier(.1,.8,.3,1) infinite}.sound-sphere.recording .visualizer-ring-2{animation-delay:.8s}.sound-sphere.recording .visualizer-ring-3{animation:ringRipple 2.4s cubic-bezier(.1,.8,.3,1) infinite;animation-delay:1.6s}.sound-sphere.thinking{color:#a855f7;background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(139,92,246,.1))!important;border:2.5px solid rgba(168,85,247,.8)!important;box-shadow:0 0 80px rgba(168,85,247,.55);animation:morphSphere 4s linear infinite,thinkingSpinGlow 2.5s infinite alternate}.sound-sphere.speaking{color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.35),rgba(16,185,129,.1))!important;border:2.5px solid rgba(245,158,11,.8)!important;box-shadow:0 0 75px rgba(245,158,11,.45);animation:morphSphere 4s cubic-bezier(.37,0,.63,1) infinite alternate}.sound-sphere.speaking .visualizer-ring-1,.sound-sphere.speaking .visualizer-ring-2{animation:ringRipple 2s cubic-bezier(.1,.8,.3,1) infinite}.sound-sphere.speaking .visualizer-ring-2{animation-delay:.66s}.sound-sphere.speaking .visualizer-ring-3{animation:ringRipple 2s cubic-bezier(.1,.8,.3,1) infinite;animation-delay:1.33s}.waveform-bars{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;margin-top:10px;margin-bottom:20px;width:120px}.wave-bar{width:5px;height:6px;background-color:rgba(255,255,255,.1);border-radius:var(--radius-full);transition:all .3s ease}.waveform-bars.recording .wave-bar{background-color:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.5)}.waveform-bars.speaking .wave-bar{background-color:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.5)}.waveform-bars.thinking .wave-bar{background-color:#a855f7;box-shadow:0 0 8px rgba(168,85,247,.5)}.waveform-bars.recording .wave-bar:first-child,.waveform-bars.speaking .wave-bar:first-child{animation:bounceBar .5s ease-in-out infinite alternate}.waveform-bars.recording .wave-bar:nth-child(2),.waveform-bars.speaking .wave-bar:nth-child(2){animation:bounceBar .7s ease-in-out infinite alternate;animation-delay:.15s}.waveform-bars.recording .wave-bar:nth-child(3),.waveform-bars.speaking .wave-bar:nth-child(3){animation:bounceBar .6s ease-in-out infinite alternate;animation-delay:.3s}.waveform-bars.recording .wave-bar:nth-child(4),.waveform-bars.speaking .wave-bar:nth-child(4){animation:bounceBar .8s ease-in-out infinite alternate;animation-delay:.1s}.waveform-bars.recording .wave-bar:nth-child(5),.waveform-bars.speaking .wave-bar:nth-child(5){animation:bounceBar .4s ease-in-out infinite alternate;animation-delay:.25s}.waveform-bars.thinking .wave-bar{animation:wavePulse 1.2s ease-in-out infinite}.waveform-bars.thinking .wave-bar:first-child{animation-delay:.1s}.waveform-bars.thinking .wave-bar:nth-child(2){animation-delay:.2s}.waveform-bars.thinking .wave-bar:nth-child(3){animation-delay:.3s}.waveform-bars.thinking .wave-bar:nth-child(4){animation-delay:.4s}.waveform-bars.thinking .wave-bar:nth-child(5){animation-delay:.5s}.voice-status-badge{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--alt-title);padding:8px 24px;border-radius:var(--radius-full);font-size:15px;font-weight:800;margin-bottom:12px;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.voice-status-subtext{font-size:14px;color:var(--alt-text);margin:0;font-weight:600;opacity:.8;max-width:440px;line-height:1.6;transition:all .3s ease}@keyframes morphSphere{0%,to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:rotate(0deg)}33%{border-radius:70% 30% 52% 48%/60% 40% 60% 40%;transform:rotate(120deg)}66%{border-radius:50% 50% 30% 70%/40% 60% 40% 60%;transform:rotate(240deg)}}@keyframes ringRipple{0%{transform:scale(.95);opacity:.7}to{transform:scale(2.2);opacity:0}}@keyframes bounceBar{0%{height:6px}to{height:32px}}@keyframes wavePulse{0%,to{height:6px;transform:scaleY(1);opacity:.3}50%{height:18px;transform:scaleY(1.2);opacity:1}}@keyframes thinkingSpinGlow{0%{box-shadow:0 0 60px rgba(168,85,247,.4)}to{box-shadow:0 0 90px rgba(168,85,247,.7)}}.voice-transcript-card{width:100%;max-width:550px;background:var(--alt-input-bg);border:1px solid var(--alt-input-border);border-radius:var(--radius-xl);padding:18px;box-shadow:var(--alt-shadow);display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;box-sizing:border-box;transition:all .3s ease}.transcript-row{display:flex;flex-direction:column;gap:4px}.transcript-row.user{border-bottom:1px dashed var(--alt-input-border);padding-bottom:10px}.transcript-label{font-size:12.5px;font-weight:800;color:var(--alt-input-focus-border)}.transcript-row.ai .transcript-label{color:#10b981}[data-theme=dark] .transcript-row.ai .transcript-label{color:#34d399}.transcript-text{font-size:14.5px;margin:0;color:var(--alt-input-text);font-weight:600;line-height:1.6}.voice-controls-row{display:flex;align-items:center;gap:20px;margin-bottom:10px}.voice-mic-main-btn{width:72px;height:72px;border-radius:50%;border:none;background:var(--primary-gradient);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,99,235,.35);transition:all .3s cubic-bezier(.4,0,.2,1)}.voice-mic-main-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 24px rgba(37,99,235,.5)}.voice-mic-main-btn:disabled{opacity:.5;cursor:not-allowed}.voice-mic-main-btn.recording{background:#ef4444!important;box-shadow:0 0 25px rgba(239,68,68,.6)!important;animation:recordingPulse 1.2s ease-in-out infinite}.mic-svg{width:32px;height:32px}.mic-stop-square{font-size:26px}.voice-action-btn{padding:12px 20px;background:var(--alt-input-bg);border:1px solid var(--alt-input-border);border-radius:var(--radius-full);font-size:13.5px;font-weight:700;color:var(--alt-text);cursor:pointer;transition:all .2s ease;font-family:inherit}.voice-action-btn:hover:not(:disabled){border-color:var(--alt-input-focus-border);color:var(--alt-input-focus-border);background:rgba(79,70,229,.06);transform:translateY(-1px)}.voice-action-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes idlePulse{0%,to{transform:scale(1);box-shadow:0 0 40px rgba(99,102,241,.25)}50%{transform:scale(1.03);box-shadow:0 0 50px rgba(99,102,241,.4)}}@keyframes recordingPulse{0%,to{transform:scale(1);box-shadow:0 0 40px rgba(239,68,68,.45)}50%{transform:scale(1.08);box-shadow:0 0 65px rgba(239,68,68,.7)}}@keyframes thinkingSpin{0%{transform:rotate(0deg) scale(1.02);box-shadow:0 0 45px rgba(139,92,246,.35)}50%{transform:rotate(180deg) scale(1.05);box-shadow:0 0 60px rgba(139,92,246,.55)}to{transform:rotate(1turn) scale(1.02);box-shadow:0 0 45px rgba(139,92,246,.35)}}@keyframes speakingPulse{0%,to{transform:scale(1.02);box-shadow:0 0 45px rgba(234,179,8,.35)}50%{transform:scale(1.1);box-shadow:0 0 70px rgba(234,179,8,.6)}}.ai-messages-area{flex:1;overflow-y:auto;background:var(--alt-card-bg);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--alt-shadow);border:1px solid var(--alt-card-border);display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth;min-height:250px;max-height:calc(100vh - 280px);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.welcome-msg{text-align:center;padding:40px 20px;color:var(--alt-text)}.welcome-msg .welcome-icon{font-size:58px;display:block;margin-bottom:12px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-msg h3{font-size:1.35rem;color:var(--alt-title);margin:0 0 10px;font-weight:800}.welcome-msg p{margin:0;font-size:1rem;font-weight:600;opacity:.85}.welcome-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px}.suggestion-chip{padding:12px 20px;background:var(--alt-input-bg);border:1px solid var(--alt-input-border);border-radius:var(--radius-full);font-size:.88rem;color:var(--alt-text);cursor:pointer;transition:var(--transition);font-family:inherit;font-weight:700}.suggestion-chip:hover{border-color:var(--alt-input-focus-border);color:var(--alt-input-focus-border);background:rgba(79,70,229,.08);transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,.12)}.msg-row{display:flex;gap:10px;animation:msgSlide .3s ease}@keyframes msgSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.msg-row.user{flex-direction:row-reverse}.msg-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;margin-top:2px}.msg-row.user .msg-avatar{background:var(--primary-gradient);box-shadow:0 2px 6px rgba(37,99,235,.25)}.msg-row.ai .msg-avatar{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px rgba(16,185,129,.25)}.msg-bubble{max-width:75%;padding:14px 20px;border-radius:var(--radius-xl);font-size:.98rem;line-height:1.8;word-wrap:break-word;position:relative}.msg-row.user .msg-bubble{background:var(--primary-gradient);color:white;border-radius:var(--radius-xl) var(--radius-xl) 6px var(--radius-xl);box-shadow:0 4px 15px rgba(37,99,235,.15)}.msg-row.ai .msg-bubble{background:var(--alt-input-bg);color:var(--alt-input-text);border:1px solid var(--alt-input-border);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) 6px;box-shadow:var(--alt-shadow)}.msg-time{font-size:.7rem;color:var(--gray-400);margin-top:6px;display:block;font-weight:600}.msg-row.user .msg-time{text-align:left;color:rgba(255,255,255,.75)}.msg-row.ai .msg-time{text-align:right;color:var(--alt-text);opacity:.6}.typing-indicator{display:flex;gap:10px;animation:msgSlide .3s ease}.typing-dots{display:flex;align-items:center;gap:5px;padding:14px 20px;background:var(--alt-input-bg);border-radius:var(--radius-xl);box-shadow:var(--alt-shadow);border:1px solid var(--alt-input-border)}.typing-dots span{width:7px;height:7px;background:var(--alt-text);opacity:.6;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ai-input-area{background:var(--alt-card-bg);border-radius:var(--radius-xl);padding:14px;box-shadow:var(--alt-shadow);border:1px solid var(--alt-card-border);flex-shrink:0;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.chat-input-row{display:flex;gap:10px;align-items:flex-end}.chat-input{flex:1;padding:14px 18px;border:2px solid var(--alt-input-border);background:var(--alt-input-bg);color:var(--alt-input-text);border-radius:var(--radius-xl);font-size:.98rem;font-family:inherit;resize:none;min-height:48px;max-height:120px;transition:var(--transition);line-height:1.6;box-sizing:border-box;font-weight:600}.chat-input:focus{outline:none;border-color:var(--alt-input-focus-border);background:var(--alt-input-focus-bg);box-shadow:0 0 0 4px rgba(79,70,229,.12)}.send-btn{width:48px;height:48px;background:var(--primary-gradient);border:none;border-radius:50%;color:white;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);flex-shrink:0}.send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:var(--shadow-primary-lg)}.send-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.send-btn svg{width:20px;height:20px;transform:rotate(180deg)}.chat-section{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.msg-bubble a{color:#4f46e5;text-decoration:underline;word-break:break-all;font-weight:800}[data-theme=dark] .msg-bubble a{color:#818cf8}.msg-bubble a:hover{opacity:.8}.msg-row.user .msg-bubble a{color:#bfdbfe}.msg-row.user .msg-bubble a:hover{color:white}.msg-bubble ol,.msg-bubble ul{margin:8px 0;padding-right:20px}.msg-bubble li{margin-bottom:4px}@media (max-width:768px){.ai-page-container{padding:70px 0 0}.ai-chat-wrapper{padding:8px 12px}.ai-header-card{padding:12px 16px;flex-direction:column;align-items:stretch;gap:12px}.ai-header-controls{justify-content:center}}.custom-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:modalFadeIn .3s ease-out forwards}.custom-modal-card{background:rgba(30,41,59,.7);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 40px rgba(99,102,241,.05);border-radius:24px;width:90%;max-width:440px;padding:32px 24px;text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);direction:rtl;transform:scale(.9);animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.custom-modal-icon{font-size:48px;margin-bottom:16px;display:inline-block;animation:iconPulse 2s ease-in-out infinite}.custom-modal-card h3{font-size:22px;font-weight:700;color:#ffffff;margin-bottom:12px;font-family:Tajawal,sans-serif}.custom-modal-card p{font-size:15px;color:#94a3b8;line-height:1.6;margin-bottom:28px;font-family:Tajawal,sans-serif}.custom-modal-actions{display:flex;gap:12px;justify-content:center}.custom-modal-actions button{padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Tajawal,sans-serif;border:none;flex:1}.modal-btn-cancel{background:rgba(255,255,255,.05);color:#cbd5e1;border:1px solid rgba(255,255,255,.1)!important}.modal-btn-cancel:hover{background:rgba(255,255,255,.1);color:#ffffff;transform:translateY(-2px)}.modal-btn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#ffffff;box-shadow:0 4px 12px rgba(239,68,68,.2)}.modal-btn-confirm:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 16px rgba(239,68,68,.35);transform:translateY(-2px)}.modal-btn-cancel:active,.modal-btn-confirm:active{transform:translateY(0)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}