.auth-page{min-height:100vh;min-height:100dvh;background-color:var(--bg-main);color:var(--text-main);direction:rtl;font-family:Cairo,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;position:relative;overflow-x:hidden;padding:1.5rem 2rem;transition:background-color .3s ease,color .3s ease}.auth-ambient-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.25}.auth-glow-1{top:-100px;right:-100px;background:radial-gradient(circle,#2563eb,#2563eb00 70%)}.auth-glow-2{bottom:-100px;left:-100px;background:radial-gradient(circle,#3b82f6,#3b82f600 70%)}.app.dark .auth-glow-1{opacity:.15;background:radial-gradient(circle,#fff,#fff0 70%)}.app.dark .auth-glow-2{opacity:.1;background:radial-gradient(circle,#525252,#0000 70%)}.auth-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1280px;margin:0 auto 1.5rem;position:relative;z-index:10}.auth-header-logo{display:flex;align-items:center;gap:.875rem}.auth-logo-img{max-height:46px;max-width:130px;object-fit:contain}.app.dark .auth-logo-img{filter:brightness(1.1) contrast(1.1)}.auth-logo-badge{font-size:.75rem;font-weight:700;color:var(--primary-blue);background:var(--primary-light);border:1px solid var(--primary-border);padding:.25rem .65rem;border-radius:20px}.app.dark .auth-logo-badge{color:#fff;background:#1f1f1f;border-color:#fff3}.auth-theme-toggle{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.auth-theme-toggle:hover{background:var(--primary-light);color:var(--text-main);transform:scale(1.05)}.auth-theme-toggle svg{width:20px;height:20px}.auth-theme-toggle svg.sun-icon{color:#fbbf24}.app.dark .auth-theme-toggle svg.sun-icon{color:#fff}.auth-container{display:flex;gap:2.5rem;width:100%;max-width:1280px;margin:auto;align-items:stretch;position:relative;z-index:10}.auth-card{flex:1.1;background:var(--bg-card);border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding:2.5rem;display:flex;flex-direction:column;transition:background-color .3s ease,border-color .3s ease}.auth-tabs{display:flex;background:var(--bg-subtle);border:1px solid var(--border-color);padding:.35rem;border-radius:16px;margin-bottom:2rem;gap:.35rem}.auth-tab{flex:1;padding:.75rem 1rem;border-radius:12px;font-size:.95rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center}.auth-tab:hover{color:var(--text-main)}.auth-tab.active{background:var(--bg-card);color:var(--text-main);box-shadow:0 2px 8px #00000014}.app.dark .auth-tab.active{background:#242424;color:#fff;box-shadow:0 2px 8px #00000080}.auth-card-header{margin-bottom:1.75rem}.auth-card-header h2{font-size:1.6rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem;line-height:1.3}.auth-card-header p{color:var(--text-muted);font-size:.925rem;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.875rem;font-weight:700;color:var(--text-main)}.input-field-wrapper{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:14px;border:1.5px solid var(--border-color);background:var(--bg-subtle);transition:all .2s ease}.input-field-wrapper:focus-within{border-color:var(--primary-blue);background:var(--bg-card);box-shadow:0 0 0 4px var(--primary-light)}.app.dark .input-field-wrapper:focus-within{border-color:#fff;background:#000;box-shadow:0 0 0 3px #ffffff26}.app.dark .input-field-wrapper{background:#000;border-color:#ffffff4d}.input-field-wrapper.error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.field-icon{width:20px;height:20px;color:var(--text-light);flex-shrink:0}.app.dark .field-icon{color:#fff}.input-field-wrapper input{flex:1;border:none;outline:none;background:transparent;font-size:.95rem;font-weight:500;color:var(--text-main)}.app.dark .input-field-wrapper input{color:#fff}.input-field-wrapper input::placeholder{color:var(--text-light)}.app.dark .input-field-wrapper input::placeholder{color:#ffffff80}.eye-toggle-btn{color:var(--text-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease}.eye-toggle-btn:hover{color:var(--text-main)}.eye-toggle-btn svg{width:18px;height:18px}.error-message{font-size:.775rem;font-weight:600;color:#ef4444;margin-top:.15rem}.form-extra-row{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;margin-top:-.25rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-muted);font-weight:600}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-blue);cursor:pointer}.forgot-link{color:var(--primary-blue);font-weight:700;text-decoration:none;transition:opacity .2s ease}.app.dark .forgot-link{color:#fff}.forgot-link:hover{text-decoration:underline}.auth-submit-btn{width:100%;padding:.95rem 1.5rem;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;margin-top:.5rem;box-shadow:0 4px 14px #2563eb4d;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:authSpin .8s linear infinite}.app.dark .auth-spinner{border:3px solid rgba(0,0,0,.3);border-top-color:#000}@keyframes authSpin{to{transform:rotate(360deg)}}.demo-login-btn{width:100%;padding:.85rem 1.25rem;border-radius:14px;background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-main);font-size:.925rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.demo-login-btn:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-border);transform:translateY(-1px)}.demo-icon{width:18px;height:18px;color:#f59e0b}.auth-card-footer{margin-top:1.75rem;text-align:center;font-size:.925rem;color:var(--text-muted)}.switch-link-btn{color:var(--primary-blue);font-weight:800;cursor:pointer;background:none;border:none;font-size:inherit;transition:text-decoration .2s ease}.app.dark .switch-link-btn{color:#fff}.switch-link-btn:hover{text-decoration:underline}.auth-showcase{flex:.9;background:linear-gradient(145deg,#1e3a8a,#1e40af,#2563eb);border-radius:24px;padding:3rem 2.5rem;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.app.dark .auth-showcase{background:linear-gradient(145deg,#121212,#171717,#212121);border:1px solid rgba(255,255,255,.12)}.showcase-content{position:relative;z-index:5;display:flex;flex-direction:column;gap:1.5rem}.showcase-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .85rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:20px;font-size:.8rem;font-weight:700;width:fit-content}.showcase-avatar-icon{width:20px;height:20px;object-fit:contain;image-rendering:-webkit-optimize-contrast}.pulse-dot-green{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d39959;animation:pulse-dot 2s infinite ease-in-out}.showcase-title{font-size:2.1rem;font-weight:800;line-height:1.35;margin:0}.gradient-text{color:#93c5fd}.app.dark .gradient-text{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.showcase-desc{font-size:.95rem;line-height:1.7;color:#ffffffd9;margin:0}.showcase-features{display:flex;flex-direction:column;gap:1rem;margin:.5rem 0}.feature-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.1rem;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:16px;transition:all .2s ease}.feature-item:hover{background:#ffffff24;transform:translate(-4px)}.feature-icon{font-size:1.4rem;width:40px;height:40px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-item h4{font-size:.95rem;font-weight:700;margin:0 0 .15rem;color:#fff}.feature-item p{font-size:.8rem;color:#fffc;margin:0}.showcase-quote{padding:1.1rem 1.25rem;border-right:3px solid #60a5fa;background:#ffffff0f;border-radius:0 12px 12px 0;margin-top:.5rem}.app.dark .showcase-quote{border-right-color:#fff}.showcase-quote p{font-size:.85rem;font-style:italic;line-height:1.6;margin:0 0 .4rem;color:#ffffffe6}.quote-author{font-size:.775rem;font-weight:700;color:#93c5fd}.app.dark .quote-author{color:#a3a3a3}@media(max-width:980px){.auth-showcase{display:none}.auth-container{max-width:520px}.auth-card{padding:2rem 1.5rem}}@media(max-width:600px){.auth-page{padding:1rem .875rem}.auth-card{border-radius:20px;padding:1.5rem 1.1rem;box-shadow:var(--shadow-md)}.auth-card-header h2{font-size:1.35rem}}:root{--primary-blue: #2563eb;--primary-dark: #1d4ed8;--primary-light: #eff6ff;--primary-border: #bfdbfe;--bg-main: #f1f5f9;--bg-card: #ffffff;--bg-subtle: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--border-color: #e2e8f0;--header-bg: rgba(255, 255, 255, .92);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 14px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .06);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}:root[data-theme=dark],.app.dark{--primary-blue: #ffffff;--primary-dark: #e5e5e5;--primary-light: rgba(255, 255, 255, .08);--primary-border: rgba(255, 255, 255, .2);--bg-main: #000000;--bg-card: #0e0e0e;--bg-subtle: #181818;--text-main: #ffffff;--text-muted: #a3a3a3;--text-light: #737373;--border-color: rgba(255, 255, 255, .12);--header-bg: rgba(14, 14, 14, .95);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6);--shadow-md: 0 4px 14px rgba(0, 0, 0, .7);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .85)}.app{min-height:100vh;min-height:100dvh;background-color:var(--bg-main);padding:1.25rem;display:flex;justify-content:center;align-items:center;direction:rtl;font-family:Cairo,system-ui,-apple-system,sans-serif;color:var(--text-main);transition:background-color .3s ease,color .3s ease}.container{display:flex;gap:1.25rem;width:100%;max-width:1440px;height:calc(100vh - 2.5rem);height:calc(100dvh - 2.5rem);position:relative}.sidebar{width:320px;min-width:320px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:1.25rem;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:95;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease;will-change:width,padding}@media(min-width:901px){.sidebar.collapsed{width:68px!important;min-width:68px!important;padding:1rem .6rem!important;overflow:visible}.sidebar.collapsed .sidebar-expanded-content,.sidebar.open .collapsed-rail-items{display:none}}.collapsed-rail-items{display:flex;flex-direction:column;align-items:center;gap:.75rem;height:100%;position:relative}.rail-icon-btn{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0}.rail-icon-btn:hover{background:var(--primary-light);color:var(--text-main);border-color:var(--primary-border);transform:scale(1.06)}.rail-icon-btn.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.app.dark .rail-icon-btn.active{background:#fff;color:#000}.rail-icon-btn svg{width:20px;height:20px}.rail-bottom-items{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:.75rem}.rail-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:0 4px 10px #0003}.app.dark .rail-avatar{background:#262626;border:1px solid rgba(255,255,255,.2)}.recent-flyout-menu{position:absolute;top:130px;right:calc(100% + 12px);width:260px;background:var(--bg-card);border-radius:16px;box-shadow:0 10px 30px #00000040;border:1px solid var(--border-color);padding:.875rem;z-index:150;animation:flyoutFadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes flyoutFadeIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.recent-flyout-header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--text-muted);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.close-mini-btn{font-size:1.2rem;color:var(--text-light);cursor:pointer;line-height:1}.recent-flyout-list{display:flex;flex-direction:column;gap:.35rem;max-height:220px;overflow-y:auto}.recent-flyout-item{display:flex;align-items:center;gap:.625rem;padding:.6rem .75rem;border-radius:10px;color:var(--text-main);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.recent-flyout-item:hover{background:var(--bg-subtle);color:var(--primary-blue)}.recent-flyout-item.active{background:var(--primary-light);color:var(--text-main);font-weight:700}.recent-flyout-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-expanded-content{display:flex;flex-direction:column;height:100%}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.logo{display:flex;align-items:center}.logo-img{max-height:44px;max-width:125px;object-fit:contain}.app.dark .logo-img{filter:brightness(1.1) contrast(1.1)}.collapse-btn{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.collapse-btn:hover{background:var(--primary-light);color:var(--text-main);border-color:var(--primary-border)}.collapse-btn svg{width:19px;height:19px}.sidebar-action-row{display:flex;gap:.5rem;margin-bottom:1.25rem}.new-chat-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.8rem 1rem;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);border:none;border-radius:var(--radius-md);color:#fff;font-size:.925rem;font-weight:700;box-shadow:0 4px 14px #2563eb40;cursor:pointer;transition:all .2s ease}.app.dark .new-chat-btn{background:#fff;color:#000;box-shadow:0 4px 14px #ffffff26}.new-chat-btn:hover{transform:translateY(-1px)}.app.dark .new-chat-btn:hover{background:#e5e5e5}.btn-icon{width:18px;height:18px}.search-shortcut-btn{width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.search-shortcut-btn:hover{background:var(--primary-light);color:var(--text-main);border-color:var(--primary-border)}.search-shortcut-btn svg{width:19px;height:19px}.chat-history{flex:1;display:flex;flex-direction:column;min-height:140px}.history-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.history-title{color:var(--text-light);font-size:.8rem;font-weight:700;text-align:right;margin:0}.history-count{font-size:.725rem;font-weight:700;color:var(--text-light);background:var(--bg-subtle);padding:.15rem .5rem;border-radius:10px}.history-list{display:flex;flex-direction:column;gap:.35rem}.history-item{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;border-radius:12px;color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;text-align:right;transition:all .2s ease}.history-item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item:hover{background:var(--bg-subtle);color:var(--text-main)}.history-item.active{background:var(--primary-light);color:var(--text-main);font-weight:700}.app.dark .history-item.active{background:#222;color:#fff;border:1px solid rgba(255,255,255,.12)}.history-dot{width:7px;height:7px;border-radius:50%;background:#cbd5e1;flex-shrink:0;transition:background .2s ease}.app.dark .history-dot{background:#525252}.history-item.active .history-dot{background:var(--primary-blue)}.app.dark .history-item.active .history-dot{background:#fff}.bottom-section{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color)}.theme-card{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.theme-card:hover{background:var(--primary-light);border-color:var(--primary-border);transform:translateY(-1px)}.theme-icon{width:38px;height:38px;border-radius:10px;background:var(--primary-light);color:var(--text-main);display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-icon svg{width:18px;height:18px}.theme-info{flex:1;text-align:right}.theme-info h4{color:var(--text-main);font-size:.9rem;font-weight:700;margin-bottom:.1rem}.theme-info span{color:var(--text-muted);font-size:.75rem;font-weight:600}.theme-switch-pill{width:40px;height:22px;border-radius:12px;background:#cbd5e1;position:relative;transition:background .3s ease;flex-shrink:0}.theme-switch-pill.dark{background:#fff}.theme-switch-thumb{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;right:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000040}.theme-switch-pill.dark .theme-switch-thumb{background:#000;transform:translate(-18px)}.emergency-card,.profile-card{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.emergency-card{background:#fef2f2;border:1px solid #fee2e2}.app.dark .emergency-card{background:#181818;border:1px solid rgba(255,255,255,.12)}.emergency-card:hover{background:#fee2e2;transform:translateY(-1px)}.app.dark .emergency-card:hover{background:#222;border-color:#ffffff40}.emergency-icon{width:42px;height:42px;border-radius:12px;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #ef444440}.emergency-icon svg{width:20px;height:20px}.emergency-content{flex:1;text-align:right}.emergency-content h4{color:#991b1b;font-size:.95rem;font-weight:700;margin-bottom:.1rem}.app.dark .emergency-content h4{color:#fff}.emergency-content p{color:#dc2626;font-size:.775rem;font-weight:600}.app.dark .emergency-content p{color:#a3a3a3}.profile-card{background:var(--bg-subtle);border:1px solid var(--border-color)}.profile-card:hover{background:var(--primary-light);border-color:var(--primary-border);transform:translateY(-1px)}.avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#3b82f6 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;box-shadow:0 4px 10px #3b82f640}.app.dark .avatar{background:#262626;border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 4px 10px #00000080}.profile-info{flex:1;text-align:right}.profile-info h4{color:var(--text-main);font-size:.95rem;font-weight:700;margin-bottom:.1rem}.profile-info span{color:#d97706;font-size:.775rem;font-weight:600}.app.dark .profile-info span{color:#a3a3a3}.arrow-icon{width:18px;height:18px;color:var(--text-light);flex-shrink:0;transition:transform .2s ease}.emergency-card:hover .arrow-icon,.profile-card:hover .arrow-icon{transform:translate(-3px)}.chat-area{flex:1;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0;transition:background-color .3s ease,border-color .3s ease}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--header-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:20;transition:background-color .3s ease,border-color .3s ease}.header-actions-right,.header-actions-left{display:flex;align-items:center;gap:.5rem}.menu-toggle-btn,.header-icon-action-btn,.theme-toggle-btn,.header-new-chat-btn{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.menu-toggle-btn:hover,.header-icon-action-btn:hover,.theme-toggle-btn:hover,.header-new-chat-btn:hover{background:var(--primary-light);color:var(--text-main);border-color:var(--primary-border);transform:scale(1.04)}.theme-toggle-btn svg.sun-icon{color:#fff}.theme-toggle-btn svg.moon-icon{color:#475569}.app.dark .theme-toggle-btn svg.sun-icon{color:#fff}.menu-toggle-btn svg,.header-icon-action-btn svg,.theme-toggle-btn svg,.header-new-chat-btn svg{width:20px;height:20px}.chat-header-center{display:flex;align-items:center;gap:.625rem;text-align:center}.status-dot{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98133;animation:pulse-dot 2s infinite ease-in-out;flex-shrink:0}@keyframes pulse-dot{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.app.dark .status-dot{background:#fff;box-shadow:0 0 0 3px #ffffff40}.chat-header-titles h2{font-size:1.05rem;font-weight:700;color:var(--text-main);line-height:1.2;margin:0}.online-status{font-size:.75rem;color:var(--text-muted);font-weight:600}.header-avatar-wrap{position:relative;width:36px;height:36px;border-radius:10px;background:var(--primary-light);border:1px solid var(--primary-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.app.dark .header-avatar-wrap{background:#181818;border-color:#ffffff26}.header-avatar-img{width:24px;height:24px;object-fit:contain;image-rendering:-webkit-optimize-contrast}.header-avatar-wrap .status-dot{position:absolute;bottom:-2px;left:-2px;width:8px;height:8px}.chat-messages{flex:1;padding:1.5rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.message-group{display:flex;flex-direction:column;gap:.75rem;width:100%}.bot-message{display:flex;align-items:flex-start;gap:.875rem;justify-content:flex-start;width:100%}.bot-avatar{width:40px;height:40px;border-radius:12px;background:var(--primary-light);color:var(--primary-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--primary-border);box-shadow:var(--shadow-sm);overflow:hidden}.app.dark .bot-avatar{background:#262626;border:1px solid rgba(255,255,255,.15);color:#fff}.bot-avatar-img{width:28px;height:28px;object-fit:contain;image-rendering:-webkit-optimize-contrast;display:block}.bot-avatar svg{width:22px;height:22px}.message-bubble{max-width:75%;padding:.875rem 1.25rem;border-radius:18px;text-align:right;line-height:1.65;font-size:.95rem}.bot-bubble{background:var(--bg-subtle);border:1px solid var(--border-color);border-start-start-radius:4px;box-shadow:var(--shadow-sm);color:var(--text-main);transition:background-color .3s ease,border-color .3s ease}.app.dark .bot-bubble{background:#574f4f;border:1px solid rgba(255,255,255,.18);color:#fff}.bot-title{color:var(--text-main);font-weight:700;font-size:.95rem;margin-bottom:.35rem}.app.dark .bot-title{color:#fff}.bot-text{color:var(--text-muted);font-weight:500;margin:0}.app.dark .bot-text{color:#d4d4d4}.bot-timestamp{color:var(--text-light)!important;margin-top:.35rem}.chat-link{color:var(--primary-blue);text-decoration:underline;text-underline-offset:2px;word-break:break-all;transition:opacity .2s ease}.chat-link:hover{opacity:.8}.app.dark .bot-bubble .chat-link,.app.dark .user-bubble .chat-link{color:#93c5fd}.user-message{display:flex;justify-content:flex-end;width:100%}.user-bubble{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);color:#fff;border-start-end-radius:4px;box-shadow:0 4px 14px #2563eb38}.user-bubble .bot-text,.user-bubble p{color:#fff!important;margin:0;font-weight:500;line-height:1.55}.app.dark .user-bubble{background:#262626;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 16px #0009}.timestamp{display:block;font-size:.72rem;color:#ffffffd9;text-align:left;font-weight:600;margin-top:.35rem;direction:ltr}.app.dark .user-bubble .timestamp{color:#a3a3a3}.typing-indicator-row{animation:fadeInBubble .25s ease-out}@keyframes fadeInBubble{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.typing-bubble{padding:.85rem 1.25rem!important;display:inline-flex;align-items:center;min-width:68px}.typing-dots{display:flex;align-items:center;gap:6px;height:18px}.typing-dots span{width:8px;height:8px;border-radius:50%;background-color:var(--primary-blue);display:inline-block;animation:chatgpt-dot-bounce 1.4s infinite ease-in-out both;box-shadow:0 1px 3px #2563eb4d}.app.dark .typing-dots span{background-color:#fff;box-shadow:0 1px 4px #ffffff59}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}@keyframes chatgpt-dot-bounce{0%,80%,to{transform:scale(.65);opacity:.35}40%{transform:scale(1.15);opacity:1}}.quick-prompts-container{padding:.25rem 1.5rem .5rem;display:flex;overflow:hidden}.quick-prompts-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.quick-prompts-scroll::-webkit-scrollbar{display:none}.prompt-chip{white-space:nowrap;background:var(--bg-subtle);border:1px solid var(--border-color);padding:.5rem .875rem;border-radius:20px;font-size:.825rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .2s ease;flex-shrink:0}.prompt-chip:hover{background:var(--primary-light);color:var(--text-main);border-color:var(--primary-border);transform:translateY(-1px)}.app.dark .prompt-chip:hover{background:#262626;border-color:#ffffff4d}.input-container-wrapper{padding:0 1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);transition:background-color .3s ease}.input-area{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem 1.25rem;border:1.5px solid var(--border-color);border-radius:24px;background:var(--bg-card);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,background-color .3s ease}.input-area:focus-within{border-color:var(--primary-blue);box-shadow:0 4px 16px #2563eb2e}.app.dark .input-area:focus-within{border-color:#fff6;box-shadow:0 4px 16px #ffffff1a}.input-area input{flex:1;border:none;outline:none;font-size:.95rem;color:var(--text-main);background:transparent;text-align:right;direction:rtl;padding:.4rem 0}.input-area input::placeholder{color:var(--text-light)}.send-btn{width:38px;height:38px;border-radius:50%;background:var(--bg-subtle);color:var(--text-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .2s ease}.send-btn.active{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 10px #2563eb4d}.app.dark .send-btn.active{background:#fff;color:#000;box-shadow:0 4px 10px #ffffff40}.send-btn.active:hover{transform:scale(1.06);box-shadow:0 6px 14px #2563eb66}.app.dark .send-btn.active:hover{background:#e5e5e5;box-shadow:0 6px 14px #ffffff59}.send-btn:disabled{cursor:not-allowed}.send-btn svg{width:17px;height:17px;transform:rotate(-135deg)}.disclaimer-text{text-align:center;font-size:.725rem;color:var(--text-light);font-weight:500;margin:0}.search-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:200;animation:fadeInModal .15s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.search-modal-dialog{width:100%;max-width:540px;background:var(--bg-card);border-radius:18px;box-shadow:0 20px 50px #00000059;border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;animation:slideDownModal .2s cubic-bezier(.4,0,.2,1)}@keyframes slideDownModal{0%{transform:translateY(-12px) scale(.98)}to{transform:translateY(0) scale(1)}}.search-input-box{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);position:relative}.search-modal-icon{width:20px;height:20px;color:var(--text-light);flex-shrink:0}.search-input-box input{flex:1;border:none;outline:none;font-size:1.05rem;font-weight:500;color:var(--text-main);background:transparent;text-align:right;direction:rtl}.search-input-box input::placeholder{color:var(--text-light)}.clear-search-btn{font-size:1.25rem;color:var(--text-light);cursor:pointer;line-height:1}.esc-badge{font-size:.7rem;font-weight:700;padding:.2rem .45rem;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-muted)}.search-results-list{max-height:320px;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.35rem}.search-result-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:all .15s ease}.search-result-item:hover{background:var(--bg-subtle)}.search-result-item.active{background:var(--primary-light)}.result-chat-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.result-text-block{flex:1;display:flex;flex-direction:column;text-align:right}.result-title{font-size:.95rem;font-weight:600;color:var(--text-main)}.result-subtitle{font-size:.75rem;color:var(--text-light)}.jump-arrow{color:var(--text-light);font-size:1.1rem}.no-search-results{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.9rem}@media(max-width:900px){.app{padding:0;height:100vh;height:100dvh;overflow:hidden}.container{height:100vh;height:100dvh;max-width:100%;gap:0}.chat-area{border-radius:0;border:none;height:100%;display:flex;flex-direction:column}.sidebar{position:fixed;top:0;right:0;bottom:0;width:84vw!important;max-width:320px!important;min-width:0!important;height:100vh;height:100dvh;border-radius:0;border:none;border-left:1px solid var(--border-color);box-shadow:-10px 0 35px #0006;transform:translate(0);padding:1.25rem 1.25rem calc(1.25rem + var(--safe-bottom))}.sidebar.collapsed{transform:translate(100%)!important;width:84vw!important;max-width:320px!important;min-width:0!important;opacity:1!important;pointer-events:none}.collapsed-rail-items{display:none!important}.sidebar-expanded-content{display:flex!important}.chat-header{padding:calc(.6rem + var(--safe-top)) .75rem .6rem;position:sticky;top:0}.chat-header-titles h2{font-size:.95rem}.online-status{font-size:.7rem}.chat-messages{padding:1rem .875rem;gap:1rem}.message-bubble{max-width:88%;padding:.75rem 1rem;font-size:.9rem;line-height:1.6}.bot-avatar{width:34px;height:34px;border-radius:10px}.bot-avatar svg{width:18px;height:18px}.quick-prompts-container{padding:0 .875rem .35rem}.prompt-chip{padding:.4rem .75rem;font-size:.775rem}.input-container-wrapper{padding:.4rem .875rem calc(.6rem + var(--safe-bottom));position:sticky;bottom:0}.input-area{padding:.35rem .6rem .35rem 1rem}.input-area input{font-size:.9rem}.disclaimer-text{font-size:.675rem}.search-modal-backdrop{padding-top:5vh;padding-inline:1rem}}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;direction:rtl;color:#0f172a;background-color:#f1f5f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color:#fff;background-color:#000}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background-color:inherit;color:inherit}