body{background-color:#f0f0f0;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{display:flex;flex-direction:column;height:100vh}.app-header{text-align:center}.app-header h1{font-size:20px;font-weight:500}.app-container{display:flex;flex:1 1;overflow:hidden}.device-list{background:#fff;display:flex;flex:1 1;flex-direction:column}.list-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px}.list-header h2{color:#128c7e;margin-bottom:5px}.list-header p{color:#666;font-size:14px}.devices-container{flex:1 1;overflow-y:auto}.device-card{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:15px 20px;transition:background-color .2s}.device-card:hover{background-color:#f8f9fa}.device-icon{align-items:center;background:#128c7e;border-radius:50%;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;margin-left:15px;position:relative;width:50px}.bot-indicator{background:#25d366;border-radius:50%;bottom:-2px;font-size:12px;padding:2px;position:absolute;right:-2px}.device-info{flex:1 1}.device-info h3{color:#333;margin-bottom:5px}.device-id{color:#666;font-size:12px}.status-indicator{background:#25d366;border-radius:50%;height:8px;width:8px}.device-arrow{color:#999;font-size:18px}.conversation-list{background:#fff;flex:1 1}.conversation-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;padding:15px 20px}.back-button-c{background:none;border:none;color:#128c7e;cursor:pointer;font-size:18px;margin-left:15px;padding:5px}.header-info h2{color:#333;margin-bottom:2px}.search-bar{position:relative}.search-icon{color:#999;left:35px;position:absolute;top:50%;transform:translateY(-50%)}.conversation-item:hover{background-color:#f8f9fa}.conversation-avatar{align-items:center;background:#128c7e;border-radius:50%;color:#fff;display:flex;font-size:18px;height:50px;justify-content:center;margin-left:15px;width:50px}.conversation-info{flex:1 1}.conversation-info h3{color:#333;font-size:16px;margin-bottom:5px}.last-message{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{text-align:left}.time{font-size:12px}.loading,.time{color:#666}.spinner{border:3px solid #f3f3f3;border-top-color:#128c7e;height:30px;margin-bottom:15px;width:30px}.empty-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{color:#ccc;margin-bottom:15px}@media (max-width:768px){.app-container{flex-direction:column}.conversation-item,.device-card{padding:12px 15px}.message-bubble{max-width:85%}.chat-header,.conversation-header{padding:10px 15px}}.sending-indicator .spinner.small{margin-left:8px}.action-button:disabled,.send-button:disabled,.voice-button:disabled{cursor:not-allowed;opacity:.5}.message-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.media-attachment{margin:10px 0;max-width:100%}.media-image{box-shadow:0 2px 5px #0000001a}.file-attachment span:first-child{margin-left:10px}.file-attachment span:last-child{color:#333;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.media-image{max-height:250px}.file-attachment,.media-image{max-width:250px}}.sent-indicator{color:#999}.message-time{align-items:center;color:#666;display:flex;gap:4px}.local-message .message-bubble:before{animation:pulse 1.5s infinite;background:#128c7e;border-radius:50%;content:"";height:6px;left:5px;position:absolute;top:5px;width:6px}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.download-link,.refresh-button{transition:background-color .2s}.download-link{background:#128c7e;color:#fff;font-size:12px;margin-right:8px;padding:4px 8px}.download-link:hover{background:#0d6e63}.media-image{border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;max-height:300px;max-width:300px;transition:transform .2s}.media-image:hover{transform:scale(1.02)}.file-attachment{border:1px solid #e0e0e0;gap:8px;max-width:300px}.file-attachment span:first-child{font-size:16px}.file-attachment span:nth-child(2){color:#333;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sending-indicator{background:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;padding:10px}.local-message .message-bubble{background:#e1ffc7!important;position:relative}.sending-indicator-small{color:#128c7e;margin-left:5px}@media (max-width:768px){.media-image{max-height:250px;max-width:250px}.file-attachment{align-items:flex-start;flex-direction:column;gap:6px;max-width:250px}.download-link{align-self:flex-end}}.refreshing-indicator{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px}.refreshing-indicator .spinner.small{border-width:2px;height:16px;width:16px}.conversation-item.unread{background-color:#f0f8ff}.conversation-item{animation:fadeIn .3s ease-in}.unread-text{color:#ff3b30;font-weight:700}.unread-indicator{background:#ff3b30;border-radius:50%;height:8px;margin-top:5px;width:8px}.conversation-meta .time{color:#666;font-size:12px;white-space:nowrap}.search-bar{padding:15px 20px;z-index:10}.search-bar input{border:1px solid #e0e0e0;border-radius:20px;font-size:14px;outline:none;padding:10px 40px 10px 15px;transition:border-color .2s;width:100%}.search-bar input:focus{border-color:#128c7e}.refresh-indicator-top{align-items:center;animation:slideDown .3s ease-out;background:#e3f2fd;border-bottom:1px solid #bbdefb;color:#1976d2;display:flex;font-size:13px;gap:8px;justify-content:center;padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.refreshing-indicator{display:none}.conversation-item{animation:fadeIn .2s ease-in;padding:15px 20px}@keyframes fadeIn{0%{opacity:.95}to{opacity:1}}.conversation-item.unread{background-color:#f8f9fa}.unread-badge{background:#ff3b30;border-radius:50%;font-size:11px;height:20px;min-width:20px;right:-5px;top:-5px}.refresh-button.refreshing{cursor:not-allowed;opacity:.6}.auto-refresh-indicator{background:#e8f5e8;border-bottom:1px solid #c8e6c9;color:#2e7d32;justify-content:center;padding:6px 16px}.spinner.tiny{border:2px solid #2e7d32;height:12px;width:12px}.conversation-item:hover{transform:translateX(2px)}.conversation-item.updating{animation:pulseUpdate .5s ease-in-out}@keyframes pulseUpdate{0%{background:#fff}50%{background:#f0f8ff}to{background:#fff}}.conversation-item.unread.updating{animation:pulseUpdateUnread .5s ease-in-out}@keyframes pulseUpdateUnread{0%{background:#f0f8ff}50%{background:#e3f2fd}to{background:#f0f8ff}}.search-bar{box-shadow:0 1px 3px #0000001a}.refresh-button:hover{transform:scale(1.1)}.auto-refresh-indicator{align-items:center;animation:slideDown .3s ease-out;background:#e3f2fd;border-bottom:1px solid #bbdefb;color:#1976d2;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.auto-refresh-indicator .update-time{font-size:11px;opacity:.8}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.spinner.tiny{animation:spin 1s linear infinite;border:2px solid #1976d2;border-radius:50%;border-top-color:#0000;height:14px;width:14px}.conversation-item{border-bottom:1px solid #f5f5f5;padding:14px 20px;position:relative;transition:all .2s ease}.conversation-item:hover{background:#f8f9fa}.conversation-item.unread{border-right:3px solid #128c7e}.unread-badge{align-items:center;background:linear-gradient(135deg,#ff3b30,#ff6b6b);border:2px solid #fff;border-radius:10px;box-shadow:0 2px 4px #ff3b304d;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.search-bar{background:#fff;border-bottom:1px solid #e0e0e0;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-info p{color:#666;font-size:12px;margin-top:2px}.refresh-button{color:#128c7e;font-size:16px;transition:all .2s ease}.refresh-button:hover{background:#128c7e1a}.refresh-button.refreshing{animation:rotate 1s linear infinite;opacity:.7}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.subscriptions-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.subscriptions-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#128c7e;color:#fff;display:flex;justify-content:space-between;padding:20px}.modal-header h3{font-size:18px;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:5px;width:30px}.close-button:hover{background:#fff3}.modal-content{max-height:60vh;overflow-y:auto;padding:20px}.phone-info{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:15px}.phone-icon{font-size:20px}.phone-number{color:#333;font-size:16px;font-weight:700}.subscriptions-list{display:flex;flex-direction:column;gap:15px}.subscription-item{background:#f8f9fa;border-radius:8px;border-right:4px solid #128c7e;padding:15px}.subscription-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:5px 0}.subscription-row:last-child{border-bottom:none}.subscription-row .label{color:#666;font-size:14px;font-weight:700}.subscription-row .value{color:#333;font-size:14px;text-align:left}.status.active,.subscription-row .money{color:#2e7d32;font-weight:700}.status.inactive{color:#d32f2f;font-weight:700}.no-subscriptions{color:#666;padding:40px 20px;text-align:center}.no-subscriptions .icon{display:block;font-size:48px;margin-bottom:15px}@media (max-width:768px){.subscriptions-modal{margin:10px;width:95%}.subscription-row{align-items:flex-start;flex-direction:column;gap:5px}.subscription-row .value{text-align:right;width:100%}}.login-container{align-items:center;background:linear-gradient(135deg,#128c7e,#075e54);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideUp .5s ease;background:#fff;border-radius:16px;box-shadow:0 15px 35px #0003;max-width:400px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#128c7e;font-size:24px;margin-bottom:8px}.login-header p{color:#666;font-size:14px}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s}.form-group input:focus{border-color:#128c7e;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{align-items:center;background:#128c7e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:background-color .3s}.login-button:hover:not(:disabled){background:#075e54}.login-button:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:14px;padding:12px;text-align:center}.login-footer{border-top:1px solid #e0e0e0;color:#666;font-size:12px;margin-top:30px;padding-top:20px;text-align:center}.app-header{align-items:center;background-color:#128c7e;box-shadow:0 2px 5px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.header-left h1{font-size:20px;font-weight:500;margin-bottom:5px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;opacity:.9}.connection-status{font-size:12px;opacity:.7}.header-right{display:flex;gap:10px}.logout-btn,.refresh-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .2s}.logout-btn:hover,.refresh-btn:hover{background:#ffffff4d}.user-welcome{background:#e8f5e8;border-radius:6px;color:#2e7d32;font-size:14px;font-weight:500;margin:10px 0;padding:8px 12px}.conversations-container{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain;position:relative;scroll-behavior:smooth;touch-action:pan-y}.conversation-list{display:flex;flex-direction:column;height:100vh;overflow:hidden}.conversation-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;min-height:70px;padding:16px 20px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.conversation-item:active{background:#f8f9fa}.conversation-item.unread{background:#f0f8ff;border-right:4px solid #128c7e}.conversations-container::-webkit-scrollbar{width:4px}.conversations-container::-webkit-scrollbar-track{background:#f1f1f1}.conversations-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.conversations-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.conversation-list{background:#fff;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;z-index:100}.conversation-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:12px 15px;top:0;z-index:10}.conversation-header,.search-bar{position:-webkit-sticky;position:sticky}.search-bar{background:#fff;padding:10px 15px;top:60px;z-index:9}.conversations-container{height:calc(100vh - 120px)}.conversation-item{min-height:65px;padding:14px 15px}.conversation-avatar{font-size:16px;height:45px;margin-left:12px;width:45px}.conversation-info h3{font-size:16px;margin-bottom:4px}.conversation-info .last-message{font-size:13px}.conversation-meta .time{font-size:11px}}@media (max-width:360px){.conversation-item{min-height:60px;padding:12px 10px}.conversation-avatar{font-size:14px;height:40px;margin-left:8px;width:40px}.conversation-info h3{font-size:15px}.unread-badge{font-size:9px;height:16px;width:16px}}.search-bar input{font-size:16px;max-height:40px}.conversation-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.conversations-container{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.conversation-filter-tabs{background:#f0f2f5;border-bottom:1px solid #e9edef;padding:0 16px}.tabs-container{background:#f0f2f5;display:flex;position:relative}.filter-tab{background:none;border:none;color:#54656f;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:14px 0;position:relative;transition:all .2s ease;z-index:2}.filter-tab.active{color:#008069;font-weight:600}.filter-tab:hover{background:#0080690d}.tab-label{align-items:center;display:flex;gap:6px;justify-content:center}.tab-text{font-size:14px;font-weight:inherit}.tab-count{align-items:center;background:#667781;border-radius:16px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px}.tab-count.unread{background:#008069}.filter-tab.active .tab-count{background:#008069;color:#fff}.tab-indicator{background:#008069;bottom:0;height:3px;left:0;position:absolute;transition:all .3s ease;width:50%;z-index:1}.tab-indicator.left{transform:translateX(0)}.tab-indicator.right{transform:translateX(100%)}@media (max-width:480px){.conversation-filter-tabs{padding:0 12px}.filter-tab{font-size:13px;padding:12px 0}.tab-count{font-size:10px;height:16px;min-width:16px;padding:1px 5px}}.filter-tab:active{background:#0080691a;transform:scale(.98)}.tabs-container:before{background:#e9edef;bottom:0;content:"";height:1px;left:0;position:absolute;right:0;z-index:0}.subscriptions-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;opacity:.7;padding:6px;transition:all .2s ease;width:32px}.subscriptions-button:hover{background:#0080691a;opacity:1;transform:scale(1.1)}.subscriptions-button:active{transform:scale(.95)}.conversation-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.conversation-meta .time{color:#667781;font-size:11px}@media (max-width:480px){.subscriptions-button{font-size:14px;height:28px;padding:4px;width:28px}}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}#root,body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;height:100%;overflow:hidden;position:fixed;width:100%}.chat-window{background:#fff;display:flex;flex-direction:column;height:100dvh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.chat-header{background:#008069;border-bottom:1px solid #0c5b4d;box-shadow:0 1px 3px #0000001a;flex-shrink:0;min-height:60px;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.back-button,.chat-header{align-items:center;color:#fff;display:flex}.back-button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:24px;justify-content:center;margin-right:12px;min-height:44px;min-width:44px;padding:8px;transition:background .2s}.back-button:active{background:#ffffff1a}.chat-contact-info{align-items:center;display:flex;flex:1 1;min-width:0}.contact-avatar{align-items:center;background:#ffffffe6;border-radius:50%;color:#008069;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;margin-left:12px;width:40px}.contact-details{flex:1 1;min-width:0}.contact-name{font-size:17px;font-weight:600;margin:0}.contact-name,.contact-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-status{font-size:13px;margin:2px 0 0;opacity:.9}.refresh-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:background .2s}.refresh-button:active{background:#ffffff1a}.messages-container{-webkit-overflow-scrolling:touch;background:#e6ddd4;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");flex:1 1;height:calc(100dvh - 120px);overflow-y:auto;padding:16px max(8px,env(safe-area-inset-right)) 16px max(8px,env(safe-area-inset-left));scroll-behavior:smooth}.messages-list{display:flex;flex-direction:column}.message{animation:messageAppear .3s ease;display:flex;margin-bottom:8px}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.my-message{justify-content:flex-end}.other-message{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:8px;box-shadow:0 1px 2px #0000001a;max-width:70%;padding:8px 12px 4px;position:relative}.my-message .message-bubble{background:#d9fdd3;border-top-right-radius:2px;margin-left:30%}.other-message .message-bubble{background:#fff;border-top-left-radius:2px;margin-right:30%}.message-text{color:#111b21;font-size:15px;line-height:1.4;margin:0 0 6px;white-space:pre-wrap;word-break:break-word}.message-footer{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:2px}.message-time{color:#667781;font-size:11px;white-space:nowrap}.seen-indicator{color:#53bdeb;font-size:12px}.sent-indicator{color:#667781;font-size:12px}.sending-indicator-small{color:#667781;font-size:10px}.media-container{margin:4px 0}.media-image{border-radius:8px;display:block;max-height:250px;max-width:250px}.media-fallback{background:#f8f9fa;border:1px solid #e9edef;border-radius:8px;padding:20px;text-align:center}.fallback-content{align-items:center;display:flex;flex-direction:column;gap:8px}.fallback-icon{font-size:24px}.fallback-text{color:#667781;font-size:14px}.download-link{border:1px solid #008069;border-radius:4px;color:#008069;font-size:13px;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s}.download-link:active{background:#008069;color:#fff}.file-attachment{align-items:center;background:#f8f9fa;border:1px solid #e9edef;border-radius:8px;display:flex;gap:12px;margin:4px 0;padding:12px}.file-icon{font-size:20px}.file-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.file-name{color:#111b21;font-size:14px;font-weight:500}.message-input-container{align-items:flex-end;background:#f0f0f0;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;min-height:70px;padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));transition:all .3s ease}.message-input-container.keyboard-open{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.input-actions{align-self:flex-end;display:flex;margin-bottom:8px;margin-left:8px}.action-button,.send-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;justify-content:center;min-height:40px;min-width:40px;padding:8px;transition:all .2s}.action-button:active,.send-button:active{background:#0000001a}.send-button{color:#008069}.send-button:disabled{opacity:.5}.message-input-wrapper{flex:1 1;margin:0 8px}.message-input{border:none;border-radius:20px;font-family:inherit;font-size:16px;line-height:1.4;max-height:120px;min-height:44px;outline:none;overflow-y:auto;padding:12px 16px;resize:none;width:100%}.message-input,.message-input:focus{background:#fff}.file-input{display:none}.loading{align-items:center;color:#667781;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#008069;height:24px;margin-bottom:12px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-size:14px}.sending-indicator{align-items:center;background:#000c;border-radius:20px;bottom:80px;color:#fff;display:flex;font-size:14px;gap:8px;justify-content:center;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);z-index:1000}.sending-indicator .spinner.small{border-width:2px;height:16px;margin:0;width:16px}.sending-text{font-size:13px}.empty-chat{color:#667781;margin-top:50px;padding:20px;text-align:center}.empty-text{font-size:16px;margin-bottom:8px}.empty-subtext{font-size:14px}.local-message .message-bubble{opacity:.8}@media (max-width:360px){.chat-header{min-height:55px;padding:10px 12px}.contact-avatar{font-size:16px;height:36px;width:36px}.contact-name{font-size:16px}.messages-container{padding:12px 6px}.message-bubble{max-width:80%;padding:6px 10px 3px}.message-input-container{min-height:65px;padding:10px 12px}.message-input{font-size:15px;padding:10px 14px}}@media (max-width:480px){.message-bubble{max-width:85%}.my-message .message-bubble{margin-left:15%}.other-message .message-bubble{margin-right:15%}}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.message-input::-webkit-scrollbar{width:4px}.message-input::-webkit-scrollbar-track{background:#0000}.message-input::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}
/*# sourceMappingURL=main.40235aeb.css.map*/