*{box-sizing:border-box}html,body{direction:rtl;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;height:100%;background-color:#f5f5f5}#root{height:100%}.app-layout{display:flex;flex-direction:row-reverse;height:100%;width:100%;box-shadow:0 0 20px #0000001a}.app{display:flex;flex-direction:column;height:100%;flex:1;min-width:0;background-color:#fff}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:16px}.header-center{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start}.header-center h1{margin:0;font-size:1.2rem;font-weight:600}.header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.header button{background:#fff3;border:none;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:background .2s}.header button:hover{background:#ffffff4d}.chat-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message{max-width:80%;padding:12px 16px;border-radius:16px;line-height:1.5;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message.text{align-self:flex-end;background:#e9ecef;color:#333;border-bottom-left-radius:4px}.message.error{align-self:flex-end;background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.message.success{align-self:flex-end;background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.options-selector{align-self:flex-end;max-width:90%;background:#f8fafc;border-radius:16px;padding:16px;border:1px solid #e2e8f0}.options-selector .label{font-weight:600;margin-bottom:12px;color:#374151}.options-list{display:flex;flex-direction:column;gap:8px}.option-button{background:#fff;border:2px solid #e2e8f0;padding:12px 16px;border-radius:12px;cursor:pointer;text-align:right;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.option-button:hover{border-color:#667eea;background:#f0f4ff}.option-button .name{font-weight:500}.option-button .id{font-size:.8rem;color:#6b7280}.option-button .performance{font-size:.75rem;color:#059669;margin-top:4px}.confirmation-form{align-self:flex-end;max-width:90%;background:#f8fafc;border-radius:16px;padding:20px;border:1px solid #e2e8f0}.confirmation-form .label{font-weight:600;margin-bottom:16px;color:#374151}.form-fields{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.9rem;color:#4b5563;font-weight:500}.form-field input,.form-field select{padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;direction:rtl;transition:border-color .2s}.form-field input:focus,.form-field select:focus{outline:none;border-color:#667eea}.form-field input:disabled{background:#f3f4f6;color:#6b7280}.confirm-button{margin-top:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.confirm-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.confirm-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.text-input-container{align-self:flex-end;max-width:90%;background:#f8fafc;border-radius:16px;padding:20px;border:1px solid #e2e8f0}.text-input-container .label{font-weight:600;margin-bottom:12px;color:#374151}.text-input-container textarea{width:100%;min-height:100px;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:inherit;direction:rtl;resize:vertical;transition:border-color .2s}.text-input-container textarea:focus{outline:none;border-color:#667eea}.text-input-container textarea::placeholder{color:#9ca3af}.text-input-container button{margin-top:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.text-input-container button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.text-input-container button:disabled{opacity:.6;cursor:not-allowed;transform:none}.payload-preview{align-self:flex-end;max-width:95%;background:#f8fafc;border-radius:16px;padding:20px;border:1px solid #e2e8f0}.payload-preview .label{font-weight:600;margin-bottom:16px;color:#374151}.payload-preview .summary{background:#fff;padding:16px;border-radius:8px;white-space:pre-wrap;font-family:inherit;line-height:1.8;margin-bottom:16px;border:1px solid #e2e8f0}.payload-preview .payload-json{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:8px;font-family:Monaco,Consolas,monospace;font-size:.8rem;max-height:200px;overflow-y:auto;direction:ltr;text-align:left}.payload-preview .actions{display:flex;gap:12px;margin-top:16px}.payload-preview .save-button{flex:1;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.payload-preview .save-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #05966966}.payload-preview .cancel-button{background:#e5e7eb;color:#374151;border:none;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.payload-preview .cancel-button:hover{background:#d1d5db}.input-area{display:flex;gap:12px;padding:16px 20px;background:#fff;border-top:1px solid #e2e8f0}.input-area input{flex:1;padding:14px 18px;border:2px solid #e2e8f0;border-radius:25px;font-size:1rem;direction:rtl;transition:border-color .2s}.input-area input:focus{outline:none;border-color:#667eea}.input-area input::placeholder{color:#9ca3af}.input-area input:disabled{background:#f3f4f6}.input-area button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 28px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.input-area button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.input-area button:disabled{opacity:.6;cursor:not-allowed}.loading{display:flex;align-items:center;gap:8px;padding:12px 16px;align-self:flex-end;color:#6b7280}.loading-dots{display:flex;gap:4px}.loading-dots span{width:8px;height:8px;background:#667eea;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;padding:40px;text-align:center}.empty-state .icon{font-size:3rem;margin-bottom:16px}.empty-state h2{margin:0 0 8px;font-size:1.25rem;color:#374151}.empty-state p{margin:0;font-size:.95rem}.connect-prompt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;margin:20px}.connect-prompt-icon{font-size:4rem;margin-bottom:20px}.connect-prompt h2{margin:0 0 12px;font-size:1.5rem;color:#92400e}.connect-prompt p{margin:0 0 24px;font-size:1rem;color:#a16207;max-width:300px;line-height:1.5}.connect-prompt-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:14px 32px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.connect-prompt-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:#f1f1f1}.chat-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.login-page{display:flex;align-items:center;justify-content:center;min-height:100%;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-container h1{margin:0 0 8px;font-size:1.75rem;color:#374151;text-align:center}.login-container .subtitle{margin:0 0 24px;text-align:center;color:#6b7280}.login-container form{display:flex;flex-direction:column;gap:16px}.login-container .form-field{display:flex;flex-direction:column;gap:6px}.login-container .form-field label{font-size:.9rem;color:#4b5563;font-weight:500}.login-container .form-field input{padding:12px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.login-container .form-field input:focus{outline:none;border-color:#667eea}.login-container .error-message{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;font-size:.9rem;text-align:center}.login-container .submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.login-container .submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.login-container .submit-button:disabled{opacity:.6;cursor:not-allowed}.login-container .toggle-button{width:100%;background:transparent;border:none;color:#667eea;padding:12px;margin-top:16px;cursor:pointer;font-size:.9rem;transition:color .2s}.login-container .toggle-button:hover{color:#764ba2}.login-container .signup-success{background:#dcfce7;color:#16a34a;padding:20px;border-radius:8px;text-align:center;margin-bottom:16px}.login-container .signup-success p{margin:0 0 8px}.login-container .signup-success p:last-child{margin:0}.header .user-info{display:flex;align-items:center;gap:12px}.header .logout-button{background:#fff3;border:none;color:#fff;padding:6px 12px;border-radius:16px;cursor:pointer;font-size:.8rem;transition:background .2s}.header .logout-button:hover{background:#ffffff4d}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-loading .spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.smscrm-status{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:16px;font-size:.85rem}.smscrm-status.connected{background:#22c55e33}.smscrm-status .status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.smscrm-status .status-name{color:#fff;font-weight:500}.smscrm-status .disconnect-button{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:2px 8px;border-radius:12px;cursor:pointer;font-size:.75rem;transition:background .2s}.smscrm-status .disconnect-button:hover{background:#ffffff1a}.header .connect-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 14px;border-radius:16px;cursor:pointer;font-size:.85rem;transition:background .2s}.header .connect-button:hover{background:#ffffff4d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:100%;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:16px;left:16px;background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.modal-close:hover{color:#374151}.smscrm-connect-modal h2{margin:0 0 8px;font-size:1.5rem;color:#374151;text-align:center}.smscrm-connect-modal .modal-subtitle{margin:0 0 24px;text-align:center;color:#6b7280;font-size:.95rem;line-height:1.5}.smscrm-connect-modal form{display:flex;flex-direction:column;gap:16px}.smscrm-connect-modal .form-field{display:flex;flex-direction:column;gap:6px}.smscrm-connect-modal .form-field label{font-size:.9rem;color:#4b5563;font-weight:500}.smscrm-connect-modal .form-field input{padding:12px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.smscrm-connect-modal .form-field input:focus{outline:none;border-color:#667eea}.smscrm-connect-modal .form-field input:disabled{background:#f3f4f6;color:#6b7280}.smscrm-connect-modal .code-input{font-size:1.5rem;letter-spacing:.5em;text-align:center;font-family:monospace}.smscrm-connect-modal .error-message{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;font-size:.9rem;text-align:center}.smscrm-connect-modal .submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.smscrm-connect-modal .submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.smscrm-connect-modal .submit-button:disabled{opacity:.6;cursor:not-allowed}.smscrm-connect-modal .modal-actions{display:flex;gap:12px;margin-top:8px}.smscrm-connect-modal .secondary-button{flex:1;background:#e5e7eb;color:#374151;border:none;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.smscrm-connect-modal .secondary-button:hover:not(:disabled){background:#d1d5db}.smscrm-connect-modal .secondary-button:disabled{opacity:.6;cursor:not-allowed}.smscrm-connect-modal .modal-actions .submit-button{flex:1;margin-top:0}.sidebar{width:56px;background:#1e293b;color:#e2e8f0;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;height:100%;transition:width .25s ease}.sidebar.sidebar-open{width:280px}.sidebar-top{padding:12px;border-bottom:1px solid #334155;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.sidebar.sidebar-open .sidebar-top{gap:12px}.sidebar-row{display:flex;align-items:center;min-height:40px}.sidebar:not(.sidebar-open) .sidebar-row{justify-content:center}.sidebar-row:first-child{justify-content:flex-end}.sidebar:not(.sidebar-open) .sidebar-row-logout{display:none}.sidebar-icon-btn{background:transparent;color:#e2e8f0;border:none;width:40px;height:40px;border-radius:8px;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.sidebar-icon-btn:hover{background:#334155}.sidebar-row-collapsed{display:flex}.sidebar-row-expanded{display:none;width:100%;height:40px;min-height:40px;align-items:center;justify-content:center;text-align:center;padding:0 12px;border-radius:8px;font-size:.95rem}.sidebar.sidebar-open .sidebar-row-collapsed{display:none}.sidebar.sidebar-open .sidebar-row-expanded{display:flex;align-items:center}.sidebar-logout-button{background:transparent;color:#e2e8f0;border:none;cursor:pointer;font-family:inherit;height:40px;min-height:40px}.sidebar-logout-button:hover{background:#334155}.sidebar-top .new-chat-button{background:#667eea;color:#fff;border:none;height:40px;min-height:40px;padding:0 14px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.new-chat-button:hover{background:#764ba2}.sidebar-content{flex:1;overflow-y:auto;padding:8px 0;min-height:0}.sidebar:not(.sidebar-open) .sidebar-content{display:none}.sidebar-search-wrap{padding:8px 12px 12px;flex-shrink:0}.sidebar-search{width:100%;padding:8px 12px;border:1px solid #334155;border-radius:8px;background:#0f172a;color:#e2e8f0;font-size:.9rem;font-family:inherit}.sidebar-search::placeholder{color:#64748b}.sidebar-search:focus{outline:none;border-color:#667eea}.sidebar-search::-webkit-search-cancel-button{cursor:pointer}.sidebar-search::-moz-search-cancel-button{cursor:pointer}.sidebar-search-empty{padding:16px;font-size:.85rem}.sidebar-empty{padding:24px 16px;text-align:center;color:#64748b;font-size:.9rem}.session-group{margin-bottom:4px}.group-header{width:100%;padding:8px 16px;font-size:.8rem;font-weight:600;color:#94a3b8;text-transform:none;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;text-align:right;font-family:inherit;transition:background .15s}.group-header:hover{background:#334155;color:#e2e8f0}.group-header-chevron{flex-shrink:0;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-135deg);opacity:.9}.group-header-chevron-up{transform:rotate(45deg)}.group-header-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-body{padding-top:2px}.session-item{width:100%;background:transparent;border:none;color:#e2e8f0;padding:10px 16px;text-align:right;cursor:pointer;transition:background .15s;display:block;font-family:inherit}.session-item:hover{background:#334155}.session-item.session-active{background:#475569;border-right:3px solid #667eea}.session-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.session-product{font-size:.9rem;font-weight:500}.session-badge{font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:500}.badge-success{background:#22c55e33;color:#4ade80}.badge-error{background:#ef444433;color:#f87171}.badge-pending{background:#eab30833;color:#facc15}.session-item-date{font-size:.75rem;color:#64748b}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#475569;border-radius:2px}.client-details{font-size:.8rem;color:#6b7280;margin-top:4px;display:flex;gap:12px;flex-wrap:wrap}.sidebar-backdrop{display:none}@media(max-width:768px){.app-layout{max-width:100%}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:999}.sidebar.sidebar-open{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:1000}}