@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&family=Amiri:wght@400;700&display=swap";
:root{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-sidebar:#fff;--bg-chat:#f5f7fa;--bg-message-user:linear-gradient(135deg, #1b5e20 0%, #2e7d32 100%);--bg-message-bot:#fff;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#9e9e9e;--text-on-accent:#fff;--accent:#1b5e20;--accent-light:#2e7d32;--accent-hover:#124016;--border:#00000014;--shadow:#00000014;--gold:#f9a825;--input-bg:#fff;--scrollbar-track:#f5f5f5;--scrollbar-thumb:#bdbdbd;--card-shadow:0 2px 8px #0000000f;--hover-bg:#f5f5f5}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-sidebar:#121212;--bg-chat:#0f0f0f;--bg-message-user:linear-gradient(135deg, #124016 0%, #1b5e20 100%);--bg-message-bot:#1a1a1a;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:#707070;--text-on-accent:#fff;--accent:#1b5e20;--accent-light:#2e7d32;--accent-hover:#0a260d;--border:#ffffff1a;--shadow:#00000080;--gold:#ffd54f;--input-bg:#1a1a1a;--scrollbar-track:#0a0a0a;--scrollbar-thumb:#1b5e20;--card-shadow:0 4px 12px #0000004d;--hover-bg:#252525}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-sidebar:#121212;--bg-chat:#0f0f0f;--bg-message-user:linear-gradient(135deg, #124016 0%, #1b5e20 100%);--bg-message-bot:#1a1a1a;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:#707070;--text-on-accent:#fff;--accent:#1b5e20;--accent-light:#2e7d32;--accent-hover:#0a260d;--border:#ffffff1a;--shadow:#00000080;--gold:#ffd54f;--input-bg:#1a1a1a;--scrollbar-track:#0a0a0a;--scrollbar-thumb:#1b5e20;--card-shadow:0 4px 12px #0000004d;--hover-bg:#252525}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:13px}body{background:var(--bg-primary);color:var(--text-primary);direction:rtl;font-family:Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background .3s,color .3s;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-left:1px solid var(--border);z-index:1000;flex-direction:column;width:260px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:999;opacity:0;pointer-events:none;background:#00000080;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.sidebar-overlay.show{opacity:1;pointer-events:all}.sidebar-content{flex-direction:column;gap:12px;height:100%;padding:12px;display:flex}.new-chat-btn{width:100%;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:400;transition:all .2s;display:flex}.new-chat-btn:hover{background:var(--hover-bg);border-color:var(--accent)}.btn-icon{font-size:18px;font-weight:300}.sidebar-divider{background:var(--border);height:1px;margin:8px 0}.sidebar-info{color:var(--text-muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}.main-content{background:var(--bg-chat);flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon{background:var(--bg-message-user);width:42px;height:42px;box-shadow:0 4px 15px var(--shadow);border-radius:12px;justify-content:center;align-items:center;font-size:22px;display:flex}.logo-text-large{color:var(--accent);letter-spacing:1px;font-size:48px;font-weight:700;font-family:Amiri,serif!important}.header-actions{align-items:center;gap:12px;display:flex}.account-menu-container{position:relative}.account-btn{background:var(--bg-chat);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;box-shadow:var(--card-shadow);border-radius:25px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s;display:flex}.account-btn:hover{background:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}.account-icon{font-size:18px}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.account-dropdown{background:var(--bg-sidebar);border:1px solid var(--border);box-shadow:var(--card-shadow);z-index:1000;border-radius:12px;min-width:220px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.account-info{border-bottom:1px solid var(--border);padding:16px}.account-info-name{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.account-info-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.logout-btn{color:#f44336;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:500;transition:background .2s;display:flex}.logout-btn:hover{background:#f443361a}.auth-buttons{align-items:center;gap:10px;display:flex}.auth-link-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.auth-link-btn:hover{background:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}.auth-signup-btn{background:var(--accent);border:1px solid var(--accent);color:#fff;cursor:pointer;border-radius:20px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.auth-signup-btn:hover{background:var(--accent-hover);box-shadow:var(--card-shadow);transform:translateY(-2px)}.clear-chat-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px;font-size:18px;transition:all .2s}.clear-chat-btn:hover{background:#f443361a;border-color:#f44336;transform:scale(1.1)}.theme-toggle{background:var(--bg-chat);border:1.5px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--accent);box-shadow:var(--card-shadow);border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .3s;display:flex}.theme-toggle:hover{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);transform:rotate(15deg)}.chat-area{flex-direction:column;flex:1;gap:16px;padding:20px 30px;display:flex;overflow-y:auto}.welcome-container{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:40px 40px 10px;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-title{color:var(--accent);margin-bottom:10px;font-size:22px;font-weight:700}.welcome-subtitle{color:var(--text-secondary);max-width:460px;font-size:14px;line-height:1.7}.suggestions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.suggestion-btn{background:var(--bg-secondary);border:1.5px solid var(--border);color:var(--text-primary);cursor:pointer;min-height:44px;box-shadow:var(--card-shadow);border-radius:24px;align-items:center;gap:10px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:flex}.suggestion-icon{opacity:.8;font-size:18px}.suggestion-btn:hover{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #2e7d3240}.suggestion-btn:hover .suggestion-icon{opacity:1}.message{gap:15px;max-width:90%;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse;align-self:flex-start}.message.bot{align-self:flex-end;width:100%;max-width:100%}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.message.bot .message-avatar{background:var(--accent-light);color:var(--accent-hover)}.message-content{border-radius:20px;padding:16px 22px;font-size:15px;line-height:1.7}.message.user .message-content{background:var(--bg-message-user);color:var(--text-on-accent);border-bottom-right-radius:6px}.message.bot .message-content{background:var(--bg-message-bot);color:var(--text-primary);border:1px solid var(--border);width:100%;box-shadow:var(--card-shadow);border-radius:20px 20px 20px 6px;padding:16px 22px}.markdown-content{width:100%;font-family:Tajawal,sans-serif;line-height:1.8}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:#4caf50;border-bottom:1px solid var(--border);margin-top:20px;margin-bottom:12px;padding-bottom:5px;font-weight:700}.markdown-content blockquote strong{color:#4caf50}.markdown-content hr{background:var(--border);border:0;height:1px;margin:25px 0}[data-theme=dark] .markdown-content blockquote{border-right-color:var(--accent-light);background:#1b5e201a}.markdown-content a{color:#66bb6a;border-bottom:1px dashed #66bb6a;font-weight:600;text-decoration:none;transition:all .2s}.markdown-content a:hover{color:#4caf50;background:#4caf5014;border-bottom-style:solid}.markdown-content p{margin-bottom:16px}.markdown-content ul,.markdown-content ol{margin-bottom:16px;margin-right:24px}.markdown-content li{margin-bottom:8px}.markdown-content code{color:var(--accent-hover);background:#2e7d321a;border-radius:4px;padding:2px 6px;font-family:Consolas,monospace;font-size:.9em}.markdown-content pre{background:var(--bg-secondary);text-align:left;border:1px solid var(--border);direction:ltr;border-radius:12px;margin:20px 0;padding:20px;overflow-x:auto}.markdown-content pre code{color:var(--text-primary);background:0 0;padding:0;font-size:.95em}.markdown-content strong{color:#388e3c;font-weight:700}.markdown-content blockquote{border-right:4px solid var(--accent);color:var(--text-secondary);background:#2e7d320d;border-radius:8px;margin:16px 0;padding:12px 16px}.typing-indicator{align-items:center;gap:5px;padding:10px 16px;display:flex}.typing-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite bounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.gemini-input-area{flex-shrink:0;width:100%;max-width:820px;margin:0 auto;padding:12px 30px 16px}.gemini-input-container{position:relative}.gemini-input-box{background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:24px;align-items:flex-end;gap:4px;padding:8px 12px 8px 8px;transition:all .3s;display:flex;box-shadow:0 1px 6px #0000000f}.gemini-input-box:focus-within{border-color:var(--accent);box-shadow:0 2px 12px #2e7d321f}.gemini-textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:180px;padding:12px 14px;font-family:inherit;font-size:16px;line-height:1.5;overflow-y:auto}.gemini-textarea::placeholder{color:var(--text-muted)}.gemini-input-actions{flex-shrink:0;align-items:center;gap:4px;padding-bottom:4px;display:flex}.gemini-action-btn{cursor:pointer;width:36px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.gemini-action-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.gemini-action-btn.listening{color:#fff;background:#e53935;animation:1s infinite pulse}.gemini-action-btn.listening .listening-dot{font-size:16px}.gemini-send-btn{cursor:pointer;width:36px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.gemini-send-btn.active{background:var(--accent);color:#fff}.gemini-send-btn.active:hover{background:var(--accent-hover);transform:scale(1.05)}.gemini-send-btn:disabled{opacity:.4;cursor:not-allowed}.gemini-hint{text-align:center;color:var(--text-muted);margin-top:8px;padding-bottom:8px;font-size:12px}@media (max-width:768px){.gemini-input-area{padding:15px 15px 8px}.gemini-textarea{font-size:15px}.sidebar{z-index:1000;height:100%;box-shadow:-5px 0 30px var(--shadow);position:fixed;top:0;right:-280px}.sidebar.open{right:0}.menu-toggle{display:flex}.welcome-title{font-size:24px}.welcome-subtitle{font-size:16px}.chat-area{padding:20px}.message{max-width:95%}}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff1a}.menu-toggle{background:var(--bg-chat);border:2px solid var(--border);cursor:pointer;width:42px;height:42px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;font-size:20px;transition:all .3s;display:none}.menu-toggle:hover{background:var(--accent);color:var(--text-on-accent)}@media (max-width:768px){.menu-toggle{display:flex}}.sidebar-overlay{z-index:999;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.sidebar-overlay.show{display:block}.auth-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--bg-secondary);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--card-shadow);text-align:center;border-radius:20px;padding:40px}.auth-title{color:var(--accent);margin-bottom:10px;font-size:28px;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:15px}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{text-align:right}.form-label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input{background:var(--bg-secondary);border:2px solid var(--border);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:12px 15px;font-family:inherit;font-size:15px;transition:all .3s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2e7d321a}.auth-btn{background:var(--bg-message-user);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:all .3s}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2e7d3233}.auth-link{color:var(--text-secondary);margin-top:20px;font-size:14px}.auth-link a{color:var(--accent);font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-error{color:#d32f2f;background:#d32f2f1a;border:1px solid #d32f2f33;border-radius:8px;margin-bottom:20px;padding:10px;font-size:14px}.prayer-times-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;gap:15px;padding:10px 20px;font-size:13px;display:flex;position:relative}.prayer-times-bar.loading{color:var(--text-muted);justify-content:center}.prayer-times-scroll{flex:1;gap:20px;display:flex;overflow-x:auto}.prayer-item{white-space:nowrap;flex-direction:column;align-items:center;gap:2px;display:flex}.prayer-name{color:var(--text-muted);margin-bottom:4px;font-size:16px}.prayer-time{color:var(--text-primary);font-size:18px;font-weight:700}.next-prayer{background:var(--accent);color:var(--text-on-accent);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;display:flex}.next-label{opacity:1;font-size:16px;font-weight:700}.next-name{font-size:16px;font-weight:700}.next-countdown{opacity:1;font-size:16px;font-weight:600}.daily-verse{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-chat) 100%);border:1px solid var(--border);text-align:center;z-index:5;box-shadow:var(--card-shadow);border-radius:15px;margin:15px;padding:20px;position:relative}.daily-verse-header{color:var(--accent);margin-bottom:12px;font-size:18px;font-weight:600}.daily-verse-text{margin-bottom:15px}.quranic-verse{color:var(--accent);text-shadow:0 1px 1px #0000000d;font-family:Amiri,serif;font-size:32px;font-weight:700;line-height:2}.hadith-text{color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:24px;font-weight:500;line-height:1.8}.daily-verse-source{color:var(--text-muted);margin-top:15px;font-size:15px;font-style:italic}.welcome-message{border:1px solid var(--accent-light);text-align:center;background:linear-gradient(135deg,#2e7d321a 0%,#388e3c1a 100%);border-radius:15px;max-width:600px;margin:20px auto;padding:30px}.welcome-message h2{color:var(--text-primary);margin:0 0 10px;font-size:28px;font-weight:600}.welcome-message p{color:var(--text-secondary);margin:0;font-size:18px}@media (max-width:1024px){.header{justify-content:space-between;align-items:center;gap:4px;height:60px;padding:8px 10px;display:flex}.menu-toggle{margin-left:2px;padding:4px}.logo{display:none!important}.header-actions{flex-direction:row-reverse;align-items:center;gap:4px;display:flex}.auth-buttons{gap:4px;display:flex}.auth-link-btn,.auth-signup-btn{white-space:nowrap;border-radius:10px;padding:5px 8px;font-size:10.5px}.theme-toggle{background:var(--hover-bg);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:16px;display:flex}.quranic-verse{font-size:24px;line-height:1.8}.hadith-text{font-size:18px}.prayer-times-bar{flex-direction:column;gap:10px;padding:8px 10px}.prayer-times-scroll{justify-content:flex-start;gap:15px;width:100%;padding-bottom:5px;overflow-x:auto}.prayer-times-scroll::-webkit-scrollbar{height:4px}.next-prayer{justify-content:center;width:100%}.daily-verse{margin:10px;padding:15px}}.chat-actions{justify-content:flex-end;gap:10px;margin-bottom:10px;display:flex}.action-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.action-btn:hover{background:var(--bg-secondary);border-color:var(--accent)}.clear-btn:hover{color:#f44336;background:#f443361a;border-color:#f44336}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;justify-content:space-between;align-items:center;padding:15px 25px;display:flex;position:relative}.logo{align-items:center;gap:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.header-actions{align-items:center;gap:12px;margin-left:0;margin-right:auto;display:flex}.menu-toggle{background:var(--bg-chat);border:2px solid var(--border);color:var(--text-primary);cursor:pointer;box-shadow:var(--card-shadow);border-radius:25px;flex-shrink:0;order:-1;align-items:center;gap:10px;padding:8px 18px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s;display:flex}.menu-toggle:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #2e7d3233}.menu-toggle span:first-child{margin-top:2px}.auth-divider{text-align:center;color:#718096;align-items:center;margin:20px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.auth-divider span{padding:0 10px;font-size:.9rem}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{border-bottom-color:var(--border)}.account-avatar{object-fit:cover;border:1.5px solid var(--accent);border-radius:50%;width:32px;height:32px}.account-initials{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.account-dropdown-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px;margin-left:12px}.sidebar{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;width:280px;height:100%;transition:all .3s;display:flex;overflow:hidden}.sidebar-content{flex-direction:column;height:100%;display:flex}.sessions-list{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex;overflow-y:auto}.session-item{cursor:pointer;color:var(--text-secondary);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.session-item:hover{background:var(--hover-bg);color:var(--text-primary)}.session-item.active{background:var(--accent-light);color:var(--accent);border-color:#2e7d3233}.session-title:before{content:"💬";margin-left:8px;font-size:14px}.session-title{white-space:nowrap;text-overflow:ellipsis;text-align:right;direction:rtl;flex:1;font-size:14px;font-weight:500;overflow:hidden}.session-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.session-item:hover .session-actions{opacity:1}.session-actions button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:14px;display:flex}.session-actions button:hover{color:var(--text-primary);background:#0000000d}.new-chat-btn{background:var(--bg-chat);border:1.5px dashed var(--accent);width:calc(100% - 30px);color:var(--accent);cursor:pointer;text-align:center;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:12px;margin:15px auto;padding:12px;font-weight:600;transition:all .2s;display:flex}.new-chat-btn:hover{background:var(--accent);color:#fff;border-style:solid}.btn-icon{font-size:20px;line-height:1}.sidebar-divider{background:var(--border);flex-shrink:0;height:1px;margin:0 15px 15px}