@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700;800&display=swap";:root{--primary-color: #1e40af;--primary-dark: #1e3a8a;--secondary-color: #059669;--accent-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--background-light: #f9fafb;--background-white: #ffffff;--border-light: #e5e7eb;--border-medium: #d1d5db;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-radius: 12px;--border-radius-lg: 16px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-primary);background:#f7f7f8;direction:rtl;text-align:right;font-feature-settings:"liga" 1,"kern" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}#root{height:100vh;width:100vw}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-group input,.textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:var(--border-radius);font-family:inherit;font-size:1rem;transition:var(--transition);background:var(--background-white);direction:rtl;text-align:right}.form-group input:focus,.textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e40af1a;background:var(--background-white)}.textarea{min-height:120px;resize:vertical;line-height:1.6}.textarea:disabled{background:var(--background-light);cursor:not-allowed;opacity:.7}.auth-btn,.submit-btn{width:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;position:relative;overflow:hidden;transform:translateY(0)}.auth-btn:before,.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.auth-btn:hover:before,.submit-btn:hover:before{left:100%}.auth-btn:hover,.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-btn:disabled,.submit-btn:disabled{background:var(--border-medium);cursor:not-allowed;transform:none;box-shadow:none}.submit-btn{margin-bottom:1rem}.link-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;text-decoration:none;font-weight:500;font-family:inherit;transition:var(--transition)}.link-btn:hover{color:var(--primary-dark);text-decoration:underline}.error-message{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);color:var(--error-color);padding:1rem 1.5rem;border-radius:var(--border-radius);border:1px solid #fecaca;margin-bottom:1.5rem;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.error-message:before{content:"⚠️";font-size:1.2rem}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background-light);color:var(--text-primary);gap:1rem}.spinner{width:24px;height:24px;border:3px solid transparent;border-top:3px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-container{height:100vh;display:grid;overflow:hidden}.sidebar{background:#171717;border-left:1px solid #363739;transform-origin:right center;will-change:transform}.main-chat{background:white;display:flex;flex-direction:column;height:100vh;position:relative}.messages-area{flex:1;overflow-y:auto;scroll-behavior:smooth;will-change:scroll-position}.message{will-change:opacity,transform;backface-visibility:hidden}.input-area{border-top:1px solid #e5e5e5;background:white;position:sticky;bottom:0;z-index:10}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInMessage{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@keyframes slideInToast{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToast{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button,input,textarea,a,[role=button]{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.sidebar,.message,button,.chat-container{backface-visibility:hidden;transform-style:preserve-3d}@media (max-width: 768px){.chat-container{grid-template-columns:1fr!important}body{font-size:14px}.form-group input,.textarea{padding:.75rem}.auth-btn,.submit-btn{padding:.875rem 1.25rem}}@media (max-width: 480px){.auth-btn,.submit-btn{font-size:.9rem;padding:.75rem 1rem}.form-group input,.textarea{font-size:16px}}@media (hover: none) and (pointer: coarse){button{min-height:44px;min-width:44px}.form-group input,.textarea{font-size:16px;min-height:44px}}@supports (-webkit-touch-callout: none){.chat-container,.main-chat{height:100vh;height:-webkit-fill-available}.sidebar-toggle-btn{position:fixed;top:20px;right:20px;z-index:60;background:white;border:1px solid #e2e8f0;border-radius:12px;padding:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover{background:#f8fafc;transform:scale(1.05)}.sidebar-toggle-btn svg{width:20px;height:20px;color:#475569;transition:transform .3s ease}.sidebar-toggle-btn.open svg{transform:rotate(180deg)}@media (max-width: 768px){.sidebar-toggle-btn{top:16px;right:16px;padding:10px}}.ai-message-formatted *{margin:0!important;padding:0!important}.ai-message-formatted{direction:rtl!important;text-align:right!important;font-family:Noto Sans Arabic,sans-serif!important;line-height:1.4!important}.ai-message-formatted h1,.ai-message-formatted h2,.ai-message-formatted h3,.ai-message-formatted h4,.ai-message-formatted h5,.ai-message-formatted h6{font-weight:700!important;color:#1e40af!important;margin:.4rem 0 .2rem!important;text-align:right!important;line-height:1.2!important;display:block!important}.ai-message-formatted h1{font-size:1.2rem!important;color:#1e40af!important;border-bottom:1px solid #e5e7eb!important;padding-bottom:.2rem!important}.ai-message-formatted h2{font-size:1.15rem!important;color:#05966d!important}.ai-message-formatted h3{font-size:1.1rem!important;color:#dc2626!important}.ai-message-formatted p{margin:.3rem 0!important;line-height:1.5!important;text-align:right!important;display:block!important}.ai-message-formatted ul,.ai-message-formatted ol{margin:.3rem 0!important;padding:0 1rem 0 0!important;text-align:right!important;list-style-position:inside!important}.ai-message-formatted li{margin:.1rem 0!important;line-height:1.4!important;text-align:right!important;display:list-item!important}.ai-message-formatted strong,.ai-message-formatted b{font-weight:700!important;color:#1e40af!important;display:inline!important}.ai-message-formatted em,.ai-message-formatted i{font-style:italic!important;color:#05968f!important;font-weight:500!important;display:inline!important}.ai-message-formatted blockquote{background:#f0f9ff!important;border-right:3px solid #3b82f6!important;margin:.4rem 0!important;padding:.5rem .8rem!important;border-radius:4px!important;font-style:italic!important}.ai-message-formatted>*:first-child{margin-top:0!important}.ai-message-formatted>*:last-child{margin-bottom:0!important}.ai-message-formatted h1+*,.ai-message-formatted h2+*,.ai-message-formatted h3+*{margin-top:.1rem!important}.ai-message-formatted *+h1,.ai-message-formatted *+h2,.ai-message-formatted *+h3{margin-top:.4rem!important}.user-message-enhanced{position:relative;overflow:hidden}.user-message-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);pointer-events:none;z-index:1}.user-message-enhanced:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.1) 100%);border-radius:22px;pointer-events:none;z-index:-1}.user-message-enhanced:hover{transform:translateY(-1px);box-shadow:0 12px 40px #006c354d,0 8px 24px #006c3533,inset 0 1px #ffffff26,0 0 0 1px #ffffff14!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-message-enhanced>*{position:relative;z-index:2}@keyframes glassShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.user-message-enhanced .shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:glassShimmer 3s ease-in-out infinite;pointer-events:none}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes progressBar{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.ai-response-container *,.ai-response-container .ai-response *,.ai-response-container .ai-response h1,.ai-response-container .ai-response h2,.ai-response-container .ai-response h3,.ai-response-container .ai-response h4,.ai-response-container .ai-response p,.ai-response-container .ai-response div,.ai-response-container .ai-response span,.ai-response-container .ai-response strong,.ai-response-container .ai-response b,.ai-response-container .ai-response li,.ai-response-container .ai-response ul,.ai-response-container .ai-response ol{font-size:18px!important;line-height:1.6!important;font-family:Noto Sans Arabic,sans-serif!important}.ai-response-container .ai-response h1,.ai-response-container .ai-response h2,.ai-response-container .ai-response h3{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)!important;color:#006c5e!important;font-weight:700!important;padding:12px 16px!important;border-radius:8px!important;border-right:4px solid #006c67!important;margin:1.5rem 0 1rem!important;display:block!important}.ai-response-container .ai-response .legal-point{background:rgba(0,108,53,.08)!important;border-right:3px solid #22c5ad!important;padding:10px 14px!important;margin:.8rem 0!important;border-radius:6px!important}.ai-response-container .ai-response .legal-point strong{color:#00636c!important;font-weight:700!important}.ai-response-container .ai-response .legal-point p{margin:.3rem 0 0!important}.ai-response-container .ai-response h3+h3{margin-top:.5rem!important}.ai-response-container .ai-response p{margin:.8rem 0!important;padding:0!important}.ai-response-container .ai-response strong,.ai-response-container .ai-response b{font-weight:700!important;color:#00486c!important;background:rgba(0,108,53,.1)!important;padding:2px 6px!important;border-radius:4px!important}.ai-response-container .ai-response h1 strong,.ai-response-container .ai-response h2 strong,.ai-response-container .ai-response h3 strong,.ai-response-container .ai-response h1 b,.ai-response-container .ai-response h2 b,.ai-response-container .ai-response h3 b{background:none!important;padding:0!important;color:inherit!important}.ai-response-container .ai-response ol,.ai-response-container .ai-response ul{background:#f8fdf9!important;padding:1rem 1.5rem!important;border-radius:8px!important;border-right:4px solid #22c59f!important;margin:1rem 0!important}}}