body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;direction:rtl}.chat-app{height:100vh;overflow:hidden}.login-screen{min-height:100vh;background:linear-gradient(135deg,#e0f2fe,#fff,#dcfce7);display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;width:100%;overflow:hidden}.login-header{background:linear-gradient(135deg,#2563eb,#16a34a);color:#fff;padding:3rem 2rem;text-align:center}.whatsapp-icon{width:5rem;height:5rem;background:#fff;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}.whatsapp-icon svg{width:3rem;height:3rem;color:#16a34a}.login-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#bfdbfe;font-size:.875rem}.login-body{padding:2rem}.whatsapp-status{padding:1rem;border-radius:.75rem;border:2px solid;margin-bottom:1.5rem;transition:all .3s}.whatsapp-status.connected{background-color:#f0fdf4;border-color:#86efac}.whatsapp-status.disconnected{background-color:#fef2f2;border-color:#fca5a5}.status-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.status-content>div:first-child{display:flex;align-items:center;gap:.75rem}.status-indicator{position:relative;width:.75rem;height:.75rem}.status-dot{width:.75rem;height:.75rem;border-radius:50%}.connected .status-dot{background-color:#16a34a;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.disconnected .status-dot{background-color:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-label{font-weight:600}.connected .status-label{color:#166534}.disconnected .status-label{color:#991b1b}.status-badge{font-size:.875rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px}.connected .status-badge{background-color:#bbf7d0;color:#14532d}.disconnected .status-badge{background-color:#fecaca;color:#7f1d1d}.alert-warning{background-color:#fef3c7;border:1px solid #fbbf24;color:#92400e;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;text-align:center;font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151}.form-group label svg{width:1rem;height:1rem}.form-group input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=tel]{text-align:center;font-size:1.125rem}.form-group small{font-size:.75rem;color:#6b7280;text-align:center}.code-input{text-align:center!important;font-size:2rem!important;letter-spacing:1rem;font-weight:700}.btn-primary,.btn-success,.btn-text{padding:1rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#2563eb,#16a34a);color:#fff;box-shadow:0 10px 15px -3px #0000001a}.btn-primary:hover:not(:disabled){transform:scale(1.05)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.btn-success{background:linear-gradient(135deg,#16a34a,#2563eb);color:#fff;box-shadow:0 10px 15px -3px #0000001a}.btn-success:hover:not(:disabled){transform:scale(1.05)}.btn-success:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.btn-text{background:transparent;color:#6b7280;padding:.5rem;box-shadow:none}.btn-text:hover{color:#111827}.loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:1.25rem;height:1.25rem;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.code-step{display:flex;flex-direction:column;gap:1.25rem}.code-info{background-color:#eff6ff;color:#1e40af;padding:1rem;border-radius:.75rem;border:1px solid #93c5fd;text-align:center;font-size:.875rem}.login-footer{padding:1rem 2rem;background-color:#f9fafb;text-align:center;font-size:.75rem;color:#6b7280}.chat-container{display:flex;height:100vh;background-color:#f3f4f6}.sidebar{width:20rem;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column}.sidebar-header{padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.sidebar-header h1{font-size:1.25rem;font-weight:700;color:#111827}.btn-new{background-color:#2563eb;color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-new:hover{background-color:#1d4ed8}.btn-logout{width:100%;padding:.5rem;border:none;background:transparent;color:#dc2626;font-size:.875rem;cursor:pointer;transition:color .2s}.btn-logout:hover{color:#b91c1c}.conversations-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.conversation-item{padding:1rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.conversation-item:hover{background-color:#f3f4f6}.conversation-item.active{background-color:#dbeafe}.conversation-item h3{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.25rem}.conversation-item p{font-size:.75rem;color:#6b7280}.chat-area{flex:1;display:flex;flex-direction:column}.messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;flex-direction:column;max-width:70%}.message.user{align-self:flex-end}.message.ai{align-self:flex-start}.message-content{padding:.75rem 1rem;border-radius:1rem;word-wrap:break-word;line-height:1.6}.message.ai .message-content h1,.message.ai .message-content h2,.message.ai .message-content h3,.message.ai .message-content h4{font-weight:700;margin:.75em 0 .5em;color:#1f2937}.message.ai .message-content h1{font-size:1.5em}.message.ai .message-content h2{font-size:1.3em}.message.ai .message-content h3{font-size:1.15em}.message.ai .message-content h4{font-size:1em}.message.ai .message-content p{margin:.5em 0}.message.ai .message-content strong{font-weight:700;color:#1f2937}.message.ai .message-content em{font-style:italic;color:#4b5563}.message.ai .message-content ul,.message.ai .message-content ol{margin:.75em 0;padding-right:1.5em}.message.ai .message-content li{margin:.25em 0}.message.ai .message-content ul li{list-style-type:disc}.message.ai .message-content ol li{list-style-type:decimal}.message.ai .message-content a{color:#2563eb;text-decoration:underline;font-weight:500}.message.ai .message-content a:hover{color:#1d4ed8}.message.ai .message-content code{background-color:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875em;color:#dc2626}.message.ai .message-content pre{background-color:#1f2937;color:#f3f4f6;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:.75em 0}.message.ai .message-content pre code{background-color:transparent;color:inherit;padding:0}.message.ai .message-content blockquote{border-right:3px solid #d1d5db;padding-right:1rem;margin:.75em 0;color:#6b7280;font-style:italic}.cache-badge{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;padding:.25rem .5rem;background-color:#fef3c7;color:#92400e;border-radius:.5rem;font-size:.75rem;font-weight:600;border:1px solid #fbbf24}.message.user .message-content{background-color:#2563eb;color:#fff;border-bottom-left-radius:.25rem}.message.ai .message-content{background-color:#fff;color:#111827;border-bottom-right-radius:.25rem;box-shadow:0 1px 2px #0000000d}.message-time{font-size:.75rem;color:#6b7280;margin-top:.25rem;padding:0 .5rem}.message-form{display:flex;gap:.5rem;padding:1rem;background:#fff;border-top:1px solid #e5e7eb}.message-form input{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem}.message-form input:focus{outline:none;border-color:#2563eb}.message-form button{padding:.75rem 1.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.message-form button:hover:not(:disabled){background-color:#1d4ed8}.message-form button:disabled{background-color:#9ca3af;cursor:not-allowed}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:1.125rem}.toast{position:fixed;top:1rem;left:1rem;padding:1rem 1.5rem;border-radius:.5rem;color:#fff;font-weight:600;box-shadow:0 10px 15px -3px #0000001a;animation:slideIn .3s ease-out}.toast.success{background-color:#16a34a}.toast.error{background-color:#dc2626}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.chat-container{flex-direction:column}.sidebar{width:100%;max-height:40vh}.message{max-width:85%}}