*{margin:0;padding:0}:root{--secondary-color:#00bfa5;--danger-color:#d32f2f;--border-radius:8px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{border-radius:4px}.material-icons{word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;display:inline-block;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.avatar{overflow:hidden}.badge{background-color:#00bfa5;border-radius:12px;font-size:12px;min-width:20px;padding:2px 8px}.btn{-webkit-tap-highlight-color:transparent;display:-ms-inline-flexbox;display:inline-flex}.empty-state,.loading{padding:32px}.empty-state .material-icons,.empty-state p{color:#5f6368;color:var(--text-secondary)}.empty-state p{font-size:16px}.ripple:before{background:rgba(0,0,0,.1);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:width .6s,height .6s;transition:width .6s,height .6s;width:0}.ripple:active:before{height:300px;width:300px}@media (max-width:768px){:root{font-size:14px}}@media (prefers-color-scheme:dark){:root{--surface-color:#1e1e1e;--background-color:#121212;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--border-color:#333}body{background-color:#f5f5f5;background-color:var(--background-color)}.btn:hover{background-color:hsla(0,0%,100%,.05)}.btn:active{background-color:hsla(0,0%,100%,.1)}}:focus,button:focus,input:focus,textarea:focus{outline:2px solid #1a73e8;outline:2px solid var(--primary-color);outline-offset:2px}::-moz-selection{background-color:#1a73e8;background-color:var(--primary-color);color:#fff}::selection{background-color:#1a73e8;background-color:var(--primary-color);color:#fff}.view-container{height:100%}@media (max-width:768px){.view-container{background:#f0f2f5;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:0;position:absolute;top:0;width:100%}.view-container.hidden{display:none!important}.app-container{overflow:hidden;position:relative}}@media (min-width:769px){.chat-list-view{-ms-flex-negative:0;flex-shrink:0}.chat-window-view{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;min-width:0}.chat-window-view>.chat-window{-ms-flex:1 1;flex:1 1}.view-container.hidden{display:block!important}}.no-chat-selected{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:#fcfcfc;border-left:1px solid #e0e0e0;color:#6c757d;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center}.no-chat-selected .material-icons{font-size:48px;margin-bottom:16px;opacity:.5}.chat-list{border-right:1px solid #e0e0e0;height:100%}.chat-list,.chat-list-header{background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.chat-list-header{border-bottom:1px solid #f0f0f0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05);z-index:10}.header-gradient{background:#fff;padding:10px 15px}.header-top{-ms-flex-pack:justify;justify-content:space-between}.app-branding,.header-top{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.app-branding{gap:10px}.chirosteo-logo{height:38px;width:auto}.app-info h1{color:#1a73e8;font-size:18px;font-weight:600;line-height:1.1;margin:0}.app-subtitle{color:#5f6368;font-size:11px;font-weight:500}.header-actions{display:-ms-flexbox;display:flex;gap:5px}.btn{color:#5f6368}.btn:hover{background-color:#f1f3f4}.channel-tabs{background:#fff;display:-ms-flexbox;display:flex;gap:5px;margin-top:5px;padding:0 10px}.channel-tab{background:none;border:none;border-bottom:3px solid transparent;color:#5f6368;cursor:pointer;-ms-flex:1 1;flex:1 1;font-size:14px;font-weight:500;padding:10px 0;position:relative;-webkit-transition:all .2s;transition:all .2s}.channel-tab.active{border-bottom-color:#1a73e8;color:#1a73e8}.channel-tab:hover:not(.active){background-color:#f8f9fa;color:#202124}.search-bar{-ms-flex-align:center;align-items:center;background-color:#f1f3f4;border-radius:8px;display:-ms-flexbox;display:flex;margin:10px 15px;padding:8px 12px}.search-bar .material-icons{color:#5f6368;font-size:20px;margin-right:8px}.search-bar input{background:none;border:none;color:#202124;-ms-flex:1 1;flex:1 1;font-size:14px;outline:none}.chat-list-content{-ms-flex:1 1;flex:1 1;overflow-y:auto;position:relative}.empty-state{color:#bdc1c6;height:100%}.empty-state .material-icons{font-size:48px;margin-bottom:10px}.chat-item{border-bottom:1px solid #f8f9fa;cursor:pointer;display:-ms-flexbox;display:flex;padding:12px 15px;-webkit-transition:background-color .1s;transition:background-color .1s}.chat-item:hover{background-color:#f5f5f5}.chat-item.selected{background-color:#e8f0fe}.avatar{background-color:#e0e0e0;margin-right:15px;overflow:visible;position:relative}.avatar span{color:#757575;font-size:18px;font-weight:500}.source-badge{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:#999;border:2px solid #fff;border-radius:50%;bottom:-2px;color:#fff;display:-ms-flexbox;display:flex;font-family:Material Icons;font-size:10px;height:18px;justify-content:center;position:absolute;right:-2px;width:18px}.source-badge.whatsapp{background-color:#25d366;content:"chat"}.source-badge.sms{background-color:#1a73e8}.chat-info{-ms-flex-pack:center;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;justify-content:center;min-width:0}.chat-header,.chat-info{display:-ms-flexbox;display:flex}.chat-header{-ms-flex-pack:justify;justify-content:space-between;margin-bottom:4px}.chat-name{color:#202124;font-size:16px;font-weight:500;margin:0;white-space:nowrap}.chat-time{color:#5f6368;font-size:12px;margin-left:8px;white-space:nowrap}.chat-preview{-ms-flex-pack:justify;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:space-between}.chat-message{color:#5f6368;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{-ms-flex-pack:center;background-color:#25d366;border-radius:9px;font-weight:700;height:18px;justify-content:center;margin-left:8px;padding:0 6px}.badge,.typing-indicator{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.typing-indicator{color:#25d366;font-style:italic;gap:4px}.typing-indicator .material-icons{font-size:14px}.fab{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:#1a73e8;border:none;border-radius:50%;bottom:20px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;height:56px;justify-content:center;position:absolute;right:20px;-webkit-transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s;width:56px;z-index:100}.fab:hover{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.3);box-shadow:0 6px 12px rgba(0,0,0,.3);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.fab .material-icons{font-size:24px}.version-info{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border-top:1px solid var(--border-color);color:var(--text-secondary);display:-ms-flexbox;display:flex;font-size:11px;gap:8px;justify-content:center;margin-top:auto;padding:12px}.version-label{color:var(--text-secondary);font-weight:500}.version-number{color:var(--primary-color);font-family:monospace;font-weight:700}.version-date{border-left:1px solid var(--border-color);color:var(--text-secondary);margin-left:8px;opacity:.7;padding-left:8px}.file-upload-overlay{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out;background:rgba(0,0,0,.5);bottom:0;display:-ms-flexbox;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.file-upload-modal{-webkit-animation:slideUp .3s ease-out;animation:slideUp .3s ease-out;background:#fff;border-radius:12px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.2);box-shadow:0 8px 32px rgba(0,0,0,.2);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:90vh;max-width:600px;width:90%}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.file-upload-header{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;border-bottom:1px solid #e0e0e0;display:-ms-flexbox;display:flex;justify-content:space-between;padding:16px 20px}.file-upload-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;padding:8px;-webkit-transition:all .2s;transition:all .2s}.close-btn:hover{background:#f5f5f5;color:#333}.file-upload-content{-ms-flex:1 1;flex:1 1;overflow-y:auto;padding:20px}.file-type-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:20px 0}.file-type-btn{-ms-flex-align:center;align-items:center;background:#f8f9fa;border:2px solid transparent;border-radius:12px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px;padding:32px;-webkit-transition:all .2s;transition:all .2s}.file-type-btn:hover{background:#e3f2fd;border-color:#1a73e8}.file-type-btn .material-icons{color:#1a73e8;font-size:48px}.file-type-btn span:last-child{color:#333;font-size:16px;font-weight:500}.file-preview{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.file-preview img,.file-preview video{background:#f5f5f5;border-radius:8px;max-height:400px;-o-object-fit:contain;object-fit:contain;width:100%}.audio-preview,.document-preview{-ms-flex-align:center;align-items:center;background:#f8f9fa;border-radius:8px;display:-ms-flexbox;display:flex;gap:16px;padding:20px}.audio-preview .material-icons,.document-preview .material-icons{color:#1a73e8;font-size:48px}.audio-preview audio,.document-info{-ms-flex:1 1;flex:1 1}.document-name{color:#333;font-weight:500;margin:0 0 4px;word-break:break-word}.document-size{color:#666;font-size:14px;margin:0}.caption-input{margin-top:16px}.caption-input input{border:1px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none;padding:12px 16px;-webkit-transition:border-color .2s;transition:border-color .2s;width:100%}.caption-input input:focus{border-color:#1a73e8}.file-upload-actions{background:#f8f9fa;border-top:1px solid #e0e0e0;display:-ms-flexbox;display:flex;gap:12px;padding:16px 20px}.btn-primary,.btn-secondary{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;border:none;border-radius:8px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;-webkit-transition:all .2s;transition:all .2s}.btn-secondary{background:#fff;border:1px solid #e0e0e0;color:#666}.btn-secondary:hover{background:#f5f5f5;color:#333}.btn-primary{background:#1a73e8}.btn-primary:hover:not(:disabled){background:#1557b0}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:2px solid #fff;border-top-color:transparent;height:16px;width:16px}@media (max-width:768px){.file-upload-modal{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.file-type-selector{gap:12px;grid-template-columns:repeat(2,1fr)}.file-type-btn{padding:20px}.file-type-btn .material-icons{font-size:36px}}.message-input{background-color:var(--surface-color);-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.1);box-shadow:0 -1px 3px rgba(0,0,0,.1);padding:8px 16px;z-index:10}.message-input.urgent-mode{background-color:#ffebee;border-top:2px solid #d32f2f}.input-form{-ms-flex-align:end;align-items:flex-end;gap:8px;z-index:20}.input-actions,.input-form{display:-ms-flexbox;display:flex;position:relative}.input-actions{-ms-flex-align:center;align-items:center;gap:4px;z-index:21}.input-actions .btn{color:var(--text-secondary);padding:8px}.input-actions .btn:hover{background-color:rgba(0,0,0,.05)}.input-actions .btn.urgent-active{background-color:rgba(211,47,47,.1);color:#d32f2f}.input-wrapper{-ms-flex-align:center;align-items:center;background-color:#4a4a4a;border:1px solid #5a5a5a;border-radius:24px;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;padding:8px 16px;position:relative}.urgent-mode .input-wrapper{background-color:#fff;border:1px solid #d32f2f}.message-textarea{background:none;border:none;-ms-flex:1 1;flex:1 1;font-family:inherit;font-size:16px;line-height:1.4;margin:0;max-height:120px;min-height:24px;outline:none;overflow-y:auto;padding:0;resize:none}.input-wrapper .message-textarea,.message-input .input-wrapper .message-textarea,.message-textarea{-webkit-text-fill-color:#fff!important;color:#fff!important}.message-textarea::-webkit-input-placeholder{color:#b0b0b0;opacity:.8}.message-textarea::-moz-placeholder{color:#b0b0b0;opacity:.8}.message-textarea:-ms-input-placeholder{color:#b0b0b0;opacity:.8}.message-textarea::-ms-input-placeholder{color:#b0b0b0;opacity:.8}.message-textarea::placeholder{color:#b0b0b0;opacity:.8}.urgent-mode .message-textarea::-webkit-input-placeholder{color:#d32f2f}.urgent-mode .message-textarea::-moz-placeholder{color:#d32f2f}.urgent-mode .message-textarea:-ms-input-placeholder{color:#d32f2f}.urgent-mode .message-textarea::-ms-input-placeholder{color:#d32f2f}.urgent-mode .message-textarea::placeholder{color:#d32f2f}.message-textarea::-webkit-scrollbar{width:4px}.message-textarea::-webkit-scrollbar-track{background:transparent}.message-textarea::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}.typing-preview{background-color:rgba(0,0,0,.8);border-radius:8px;bottom:100%;color:#fff;font-family:monospace;font-size:12px;left:0;margin-bottom:4px;max-height:80px;overflow-y:auto;padding:8px 12px;position:absolute;right:0;white-space:pre-wrap}.btn-send{background-color:var(--primary-color);border-radius:50%;color:#fff;padding:10px;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s,-webkit-transform .2s}.btn-send:hover:not(:disabled){background-color:var(--primary-dark);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.btn-send:active:not(:disabled){-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.btn-send:disabled{cursor:not-allowed;opacity:.5}.urgent-mode .btn-send{background-color:#d32f2f}.urgent-mode .btn-send:hover:not(:disabled){background-color:#b71c1c}.sending-indicator{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color:var(--text-secondary);display:-ms-flexbox;display:flex;font-size:14px;gap:8px;justify-content:center;padding:8px}.sending-indicator .material-icons{font-size:18px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rotating{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.quick-emojis{-ms-flex-align:center;-webkit-overflow-scrolling:touch;align-items:center;display:-ms-flexbox;display:flex;gap:4px;overflow-x:auto;padding:8px 0 0}.quick-emojis::-webkit-scrollbar{height:4px}.quick-emojis::-webkit-scrollbar-track{background:transparent}.quick-emojis::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}.emoji-btn{-ms-flex-negative:0;-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;font-size:20px;padding:8px;-webkit-transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,transform .2s;transition:background-color .2s,transform .2s,-webkit-transform .2s}.emoji-btn:hover{background-color:rgba(0,0,0,.05);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.emoji-btn:active{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}@media (max-width:768px){.message-input{padding:8px 12px}.input-wrapper{padding:6px 12px}.message-textarea{font-size:16px}.quick-emojis{padding:6px 0 0}.emoji-btn{font-size:18px;padding:6px}}@media (max-height:500px){.message-textarea{max-height:60px}.quick-emojis{display:none}}@media (prefers-color-scheme:dark){.message-input{background-color:#121212}.input-wrapper{background-color:#2a2a2a;border-color:#404040}.message-textarea{-webkit-text-fill-color:#e0e0e0!important;color:#e0e0e0!important}.message-input.urgent-mode{background-color:#2e0000}.urgent-mode .input-wrapper{background-color:#3e0000;border-color:#ff5252}}.btn-send.recording{-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite;background-color:#f44}.recording-indicator{-ms-flex-align:center;align-items:center;background-color:#fff3e0;border-radius:20px;display:-ms-flexbox;display:flex;font-size:14px;gap:10px;margin-top:8px;padding:8px 16px}.recording-dot{-webkit-animation:blink 1s infinite;animation:blink 1s infinite;background-color:#f44;border-radius:50%;height:8px;width:8px}@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.btn-cancel{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:none;border:none;color:#666;cursor:pointer;display:-ms-flexbox;display:flex;justify-content:center;padding:4px}.btn-cancel:hover{color:#f44}.audio-player{-ms-flex-align:center;align-items:center;background:hsla(0,0%,100%,.9);border:1px solid #e0e0e0;border-radius:16px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);display:-ms-flexbox;display:flex;margin:4px 0;max-width:320px;padding:12px}.audio-player.from-me{background:#dcf8c6;border-color:#c4e8a6}.audio-player.from-them{background:#fff;border-color:#e0e0e0}.audio-controls{gap:12px;width:100%}.audio-controls,.play-button{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.play-button{-ms-flex-pack:center;background:none;border:none;border-radius:50%;cursor:pointer;height:40px;justify-content:center;min-width:40px;padding:8px;-webkit-transition:background-color .2s;transition:background-color .2s}.play-button:hover{background:rgba(0,0,0,.1)}.play-button:disabled{cursor:not-allowed;opacity:.5}.play-button .material-icons{color:#25d366;font-size:24px}.audio-progress-container{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;gap:8px}.waveform{-ms-flex-align:center;align-items:center;height:32px}.waveform,.waveform-bars{display:-ms-flexbox;display:flex;width:100%}.waveform-bars{-ms-flex-align:end;align-items:end;gap:2px;height:100%}.waveform-bar{background:#25d366;border-radius:2px;min-height:4px;opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s;width:3px}.waveform-bar:hover{opacity:1}.progress-bar{background:rgba(0,0,0,.1);border-radius:2px;cursor:pointer;height:4px;position:relative;width:100%}.progress-fill{background:#25d366;border-radius:2px;height:100%;-webkit-transition:width .1s ease;transition:width .1s ease}.progress-handle{background:#25d366;border-radius:50%;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);height:12px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:left .1s ease;transition:left .1s ease;width:12px}.time-display{-ms-flex-pack:justify;color:#666;display:-ms-flexbox;display:flex;font-size:11px;justify-content:space-between;margin-top:4px}.current-time{color:#25d366;font-weight:500}.duration{color:#999}.audio-error{-ms-flex-align:center;align-items:center;color:#d32f2f;display:-ms-flexbox;display:flex;font-size:12px;gap:8px;width:100%}.audio-error .material-icons{font-size:16px}@media (max-width:480px){.audio-player{max-width:280px;padding:10px}.play-button{height:36px;min-width:36px;padding:6px}.play-button .material-icons{font-size:20px}.progress-handle{height:10px;width:10px}}@media (prefers-color-scheme:dark){.audio-player.from-them{background:#2a2a2a;border-color:#404040;color:#e0e0e0}.time-display{color:#b0b0b0}.duration{color:grey}.progress-bar{background:hsla(0,0%,100%,.2)}}.chat-window{background-color:#e5ddd5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23d5d5d5' fill-opacity='.3' fill-rule='evenodd'/%3E%3C/svg%3E");-ms-flex-direction:column;flex-direction:column;min-height:0}.chat-window,.chat-window-empty{display:-ms-flexbox;display:flex;height:100%}.chat-window-empty{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:var(--background-color);justify-content:center}.empty-logo{height:80px;margin-bottom:16px;width:80px}.chat-window-empty h2{color:var(--text-primary);font-size:24px;font-weight:400;margin:0 0 8px}.chat-window-empty p{color:var(--text-secondary);font-size:16px;margin:0}.chat-window-header{-ms-flex-align:center;align-items:center;background-color:var(--surface-color);-webkit-box-shadow:var(--shadow-1);box-shadow:var(--shadow-1);display:-ms-flexbox;display:flex;gap:8px;padding:8px 12px;z-index:10}.chat-header-info{-ms-flex:1 1;flex:1 1;min-width:0}.chat-header-name{color:var(--text-primary);font-size:18px;font-weight:500;margin:0}.chat-header-status{color:var(--secondary-color);font-size:13px;font-style:italic}.chat-messages{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;gap:4px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 16px 20px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.date-separator{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center;margin:16px 0}.date-separator span{background-color:rgba(0,0,0,.1);border-radius:16px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 12px}.message{-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;display:-ms-flexbox;display:flex;margin-bottom:2px}.message.sent{-ms-flex-pack:end;justify-content:flex-end}.message.received{-ms-flex-pack:start;justify-content:flex-start}.message-bubble{border-radius:8px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);max-width:70%;padding:8px 12px;position:relative}.message.sent .message-bubble{background-color:#dcf8c6;border-bottom-right-radius:2px}.message.received .message-bubble{background-color:var(--surface-color);border-bottom-left-radius:2px}.message-text{word-wrap:break-word;color:var(--text-primary);font-size:15px;line-height:1.4;margin:0;white-space:pre-wrap}.message-meta{-ms-flex-align:center;-ms-flex-pack:end;align-items:center;display:-ms-flexbox;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.message-time{color:rgba(0,0,0,.45);font-size:11px}.message-status{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;margin-left:4px}.message-status .material-icons{color:rgba(0,0,0,.45);font-size:16px;-webkit-transition:color .2s ease;transition:color .2s ease}.message-status .material-icons.error{color:#f44336}.message-status .material-icons.sending{color:rgba(0,0,0,.3)}.message-status .material-icons.sent{color:rgba(0,0,0,.45)}.message-status .material-icons.delivered{color:rgba(0,0,0,.6)}.message-status .material-icons.read{color:#4fc3f7}.media-message img{border-radius:8px;cursor:pointer;display:block;max-height:300px;max-width:100%}.media-caption{font-size:14px;margin:8px 0 0}.document-message{-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.05);border-radius:8px;cursor:pointer;display:-ms-flexbox;display:flex;gap:8px;padding:8px}.document-message .material-icons{color:var(--text-secondary)}.document-name{color:var(--text-primary);font-size:14px}.message-reactions{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;margin-left:-4px;margin-right:-4px;margin-top:4px}.reaction-bubble{-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.08);border-radius:12px;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-size:11px;gap:2px;padding:2px 8px;-webkit-transition:background-color .2s;transition:background-color .2s}.message.sent .reaction-bubble{background-color:rgba(0,0,0,.1)}.reaction-bubble:hover{background-color:rgba(0,0,0,.15)}.reaction-emoji{font-size:14px;line-height:1}.reaction-count{color:rgba(0,0,0,.6);font-size:11px;font-weight:500}@media (max-width:768px){.chat-messages{padding:12px}.message-bubble{max-width:85%}}.dialog-overlay{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:rgba(0,0,0,.5);bottom:0;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dialog,.dialog-overlay{display:-ms-flexbox;display:flex}.dialog{background:#fff;border-radius:12px;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.15);box-shadow:0 20px 60px rgba(0,0,0,.15);-ms-flex-direction:column;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.dialog-header{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;border-bottom:1px solid #e0e0e0;display:-ms-flexbox;display:flex;justify-content:space-between;padding:20px 24px 16px}.dialog-header h2{color:#1a1a1a;font-size:1.25rem;font-weight:500;margin:0}.dialog-content{-ms-flex:1 1;flex:1 1;overflow-y:auto;padding:24px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:.9rem}.phone-input-container{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative}.phone-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%}.phone-input:focus{border-color:#007bff;-webkit-box-shadow:0 0 0 3px rgba(0,123,255,.1);box-shadow:0 0 0 3px rgba(0,123,255,.1);outline:none}.phone-input.valid{background:#f8fff9;border-color:#28a745}.phone-input.invalid{background:#fff8f8;border-color:#dc3545}.phone-input:disabled{background:#f8f9fa;cursor:not-allowed}.input-status{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;pointer-events:none;position:absolute;right:12px}.input-status.success .material-icons{color:#28a745;font-size:20px}.input-status.error .material-icons{color:#dc3545;font-size:20px}.input-status .material-icons.spinning{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;color:#007bff;font-size:20px}.verification-result{-ms-flex-align:center;align-items:center;border-radius:6px;display:-ms-flexbox;display:flex;font-size:.85rem;gap:6px;margin-top:8px;padding:8px 12px}.verification-result.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.verification-result.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.verification-result .material-icons{font-size:16px}.dialog .message-textarea{-webkit-text-fill-color:#202124!important;border:2px solid #e0e0e0;border-radius:8px;color:#202124!important;font-family:inherit;font-size:1rem;min-height:80px;padding:12px 16px;resize:vertical;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%}.dialog .message-textarea:focus{border-color:#007bff;-webkit-box-shadow:0 0 0 3px rgba(0,123,255,.1);box-shadow:0 0 0 3px rgba(0,123,255,.1);outline:none}.dialog .message-textarea:disabled{background:#f8f9fa;cursor:not-allowed}.country-info{-ms-flex-align:center;align-items:center;background:#e8f5e8;border:1px solid #c3e6c3;border-radius:6px;display:-ms-flexbox;display:flex;font-size:.9rem;gap:8px;margin-top:8px;padding:8px 12px}.country-flag{font-size:1.2rem}.country-name{color:#155724;font-weight:500}.formatted-number{color:#6c757d;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;margin-left:auto}.help-text{color:#6c757d;font-size:.8rem;line-height:1.4;margin-top:6px}.dialog-actions{-ms-flex-pack:end;border-top:1px solid #e0e0e0;display:-ms-flexbox;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.btn{border-radius:6px;font-size:.9rem;font-weight:500;gap:6px;min-height:40px;padding:10px 20px;-webkit-transition:all .2s ease;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.btn-secondary:hover:not(:disabled){background:#e9ecef;color:#495057}.btn-primary{background:#007bff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-icon{background:transparent;color:#6c757d;min-height:auto;min-width:auto;padding:8px}.btn-icon:hover{background:#f8f9fa;color:#495057}@media (max-width:768px){.dialog-overlay{padding:10px}.dialog{max-height:95vh}.dialog-header{padding:16px 20px 12px}.dialog-content{padding:20px}.dialog-actions{-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding:12px 20px 16px}.btn{-ms-flex-pack:center;justify-content:center;width:100%}}.line-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-family:inherit;font-size:1rem;padding:12px 16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%}.line-select:focus{border-color:#007bff;-webkit-box-shadow:0 0 0 3px rgba(0,123,255,.1);box-shadow:0 0 0 3px rgba(0,123,255,.1);outline:none}.line-select:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.login-container{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:linear-gradient(135deg,#2c5985,#3da19c);display:-ms-flexbox;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.1);max-width:400px;overflow:hidden;width:100%}.login-header{background:linear-gradient(135deg,#2c5985,#3da19c);color:#fff;padding:40px 30px;text-align:center}.login-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);height:auto;margin-bottom:20px;opacity:.95;width:120px}.login-header h1{font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0 0 10px}.login-header p{font-size:14px;margin:0;opacity:.9}.login-form{padding:30px}.login-error{background-color:#ffebee;border-radius:8px;color:#c62828;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.login-input{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%}.login-input:focus{background-color:#fff;border-color:#3da19c;-webkit-box-shadow:0 0 0 3px rgba(61,161,156,.1);box-shadow:0 0 0 3px rgba(61,161,156,.1);outline:none}.login-button{background:linear-gradient(135deg,#2c5985,#3da19c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){-webkit-box-shadow:0 4px 12px rgba(61,161,156,.3);box-shadow:0 4px 12px rgba(61,161,156,.3);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.login-button:active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-footer{background-color:#f5f5f5;border-top:1px solid #e0e0e0;padding:20px;text-align:center}.login-footer p{color:#666;font-size:12px;margin:0}@media (max-width:480px){.login-header{padding:30px 20px}.login-logo{width:100px}.login-header h1{font-size:24px}.login-form{padding:20px}}.provider-settings-container{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);margin:0 auto;max-width:800px;padding:20px}.status-banner{background:#f8f9fa;border-radius:4px;margin-bottom:20px;padding:10px}.badge{border-radius:4px;font-size:.9em;padding:4px 8px}.badge.sms{background-color:#007bff}.badge.whatsapp{background-color:#25d366}.tabs{border-bottom:1px solid #dee2e6;display:-ms-flexbox;display:flex;margin-bottom:20px}.tab-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-weight:500;padding:10px 20px}.tab-btn.active{border-bottom:2px solid #007bff;color:#495057}.form-group{margin-bottom:15px}.form-group input[type=number],.form-group input[type=password],.form-group input[type=text]{border:1px solid #ced4da;border-radius:4px;padding:8px;width:100%}.actions-bar{display:-ms-flexbox;display:flex;gap:10px;margin-top:30px}.btn-save{background-color:#28a745}.btn-save,.btn-test{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.btn-test{background-color:#17a2b8}.btn-switch{background-color:#ffc107;border:none;border-radius:4px;color:#000;cursor:pointer;margin-left:auto;padding:10px 20px}.test-result{border-radius:4px;margin-top:20px;padding:10px}.test-result.success{background-color:#d4edda;color:#155724}.test-result.error{background-color:#f8d7da;color:#721c24}.qr-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.connection-status{-ms-flex-align:center;align-items:center;border-bottom:1px solid #dee2e6;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding-bottom:15px}.connection-actions{margin-left:auto}.btn-connect{background:#25d366;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.btn-connect:hover{background:#1ea952}.btn-disconnect{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.btn-disconnect:hover{background:#c82333}.status-indicator{background:#6c757d;border-radius:50%;height:12px;width:12px}.status-indicator.connected{background:#25d366;-webkit-box-shadow:0 0 8px #25d366;box-shadow:0 0 8px #25d366}.status-indicator.connecting{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;background:#ffc107}.status-indicator.disconnected{background:#dc3545}.status-text{color:#495057;font-weight:500}.qr-display{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center;min-height:200px}.qr-connected{color:#25d366;text-align:center}.qr-connected .success-icon{display:block;font-size:64px;margin-bottom:10px}.qr-connected p{font-size:1.1em;font-weight:500;margin:0}.qr-code-container{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;justify-content:center}.qr-image{border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);max-width:200px}.qr-instructions{max-width:300px}.qr-instructions ol{margin:10px 0 0;padding-left:20px}.qr-instructions li{color:#495057;margin-bottom:8px}.qr-waiting{color:#6c757d;text-align:center}.qr-waiting .spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;display:block;font-size:48px}.qr-waiting .disconnected-icon{color:#ffc107;display:block;font-size:48px;margin-bottom:10px}.btn-retry{background:#25d366;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:15px;padding:10px 24px}.btn-retry:hover{background:#1ea952}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-management{margin:0 auto;max-width:900px;padding:20px}.user-management.loading{color:#6c757d;padding:40px;text-align:center}.user-management-header{-ms-flex-pack:justify;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:20px}.user-management-header h2{color:#333;margin:0}.btn-add-user{background:#25d366;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.btn-add-user:hover{background:#1ea952}.alert{border-radius:4px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.add-user-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.add-user-form h3{color:#495057;margin:0 0 15px}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;margin-bottom:15px}.form-group{-ms-flex:1 1;flex:1 1;min-width:200px}.form-group label{color:#495057;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#25d366;-webkit-box-shadow:0 0 0 2px rgba(37,211,102,.2);box-shadow:0 0 0 2px rgba(37,211,102,.2);outline:none}.btn-submit{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px}.btn-submit:hover{background:#0056b3}.users-list{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.users-list table{border-collapse:collapse;width:100%}.users-list td,.users-list th{border-bottom:1px solid #e9ecef;padding:12px 16px;text-align:left}.users-list th{background:#f8f9fa;color:#495057;font-weight:600}.users-list tr:last-child td{border-bottom:none}.users-list tr:hover{background:#f8f9fa}.username{color:#333;font-weight:500}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.role-badge.admin{background:#ffc107;color:#856404}.role-badge.user{background:#e9ecef;color:#495057}.btn-delete{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.btn-delete:hover{background:#c82333}.no-users{color:#6c757d;padding:40px;text-align:center}.change-password-container{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:#f5f5f5;display:-ms-flexbox;display:flex;justify-content:center;min-height:100vh;padding:20px}.change-password-card{background:#fff;border-radius:12px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1);max-width:480px;overflow:hidden;width:100%}.change-password-header{background:linear-gradient(135deg,#2c5985,#3da19c);gap:15px;padding:20px}.back-button,.change-password-header{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex}.back-button{-ms-flex-pack:center;background:transparent;border:none;border-radius:4px;cursor:pointer;justify-content:center;padding:4px;-webkit-transition:background .2s;transition:background .2s}.back-button:hover{background:hsla(0,0%,100%,.2)}.change-password-header h1{-ms-flex:1 1;flex:1 1;font-size:20px;font-weight:600;margin:0}.user-info{-ms-flex-align:center;align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:-ms-flexbox;display:flex;gap:10px;padding:20px}.user-info .material-icons{color:#666;font-size:24px}.alert{border-radius:8px;font-size:14px;margin:20px 20px 0;padding:12px;text-align:center}.alert.error{background-color:#ffebee;color:#c62828}.alert.success{background-color:#e8f5e9;color:#2e7d32}.change-password-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;-webkit-transition:all .2s;transition:all .2s;width:100%}.form-group input:focus{border-color:#3da19c;-webkit-box-shadow:0 0 0 3px rgba(61,161,156,.1);box-shadow:0 0 0 3px rgba(61,161,156,.1);outline:none}.form-group small{color:#666;display:block;font-size:12px;margin-top:5px}.submit-button{background:linear-gradient(135deg,#2c5985,#3da19c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;-webkit-transition:all .2s;transition:all .2s;width:100%}.submit-button:hover:not(:disabled){-webkit-box-shadow:0 4px 12px rgba(61,161,156,.3);box-shadow:0 4px 12px rgba(61,161,156,.3);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.submit-button:active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:480px){.change-password-header{padding:15px}.change-password-header h1{font-size:18px}.change-password-form{padding:15px}}.menu-button{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:linear-gradient(135deg,#2c5985,#3da19c);border:none;border-radius:50%;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;height:48px;justify-content:center;position:fixed;right:20px;top:20px;-webkit-transition:all .2s;transition:all .2s;width:48px;z-index:1001}.menu-button:hover{-webkit-box-shadow:0 6px 16px rgba(0,0,0,.2);box-shadow:0 6px 16px rgba(0,0,0,.2);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.menu-button .material-icons{font-size:24px}.menu-overlay{-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out;background:rgba(0,0,0,.5);left:0;z-index:1002}.menu-drawer,.menu-overlay{bottom:0;position:fixed;right:0;top:0}.menu-drawer{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;background:#fff;-webkit-box-shadow:-4px 0 16px rgba(0,0,0,.1);box-shadow:-4px 0 16px rgba(0,0,0,.1);-ms-flex-direction:column;flex-direction:column;width:280px;z-index:1003}.menu-drawer,.menu-header{display:-ms-flexbox;display:flex}.menu-header{-ms-flex-pack:justify;-ms-flex-align:center;align-items:center;background:linear-gradient(135deg,#2c5985,#3da19c);color:#fff;justify-content:space-between;padding:20px}.menu-header h3{font-size:20px;font-weight:600;margin:0}.close-button{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;justify-content:center;padding:4px;-webkit-transition:background .2s;transition:background .2s}.close-button:hover{background:hsla(0,0%,100%,.2)}.menu-user{-ms-flex-align:center;align-items:center;border-bottom:1px solid #e0e0e0;display:-ms-flexbox;display:flex;gap:12px;padding:20px}.menu-user .material-icons{color:#666;font-size:40px}.menu-user .username{color:#333;font-weight:600}.menu-user .role{color:#666;font-size:12px}.menu-nav{-ms-flex:1 1;flex:1 1;overflow-y:auto;padding:10px 0}.menu-item{-ms-flex-align:center;align-items:center;background:transparent;border:none;color:#333;cursor:pointer;display:-ms-flexbox;display:flex;font-size:15px;gap:16px;padding:14px 20px;text-align:left;-webkit-transition:background .2s;transition:background .2s;width:100%}.menu-item:hover{background:#f5f5f5}.menu-item .material-icons{color:#666;font-size:22px}.menu-item.logout,.menu-item.logout .material-icons{color:#f44336}.menu-divider{background:#e0e0e0;height:1px;margin:10px 0}@media (max-width:480px){.menu-drawer{width:260px}.menu-button{height:44px;right:15px;top:15px;width:44px}}.session-tabs-container{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.session-tabs{min-height:80px}.session-tabs .MuiTabs-flexContainer{-ms-flex-align:stretch;align-items:stretch}.session-tab{max-width:300px;min-width:200px;padding:8px 16px;text-transform:none}.session-tab.disabled{opacity:.6}.session-tab-content{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;gap:4px}.session-tab-content,.session-tab-header{display:-ms-flexbox;display:flex;width:100%}.session-tab-header{-ms-flex-align:center;align-items:center;gap:8px}.session-tab-header svg{font-size:20px}.session-name{-ms-flex:1 1;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.session-tab-info{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:12px;gap:8px;width:100%}.phone-number{color:#666;-ms-flex:1 1;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-session-tab{min-width:150px;opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s}.add-session-tab:hover{opacity:1}.session-tab.Mui-selected{background-color:#e3f2fd;border-bottom:2px solid #2196f3}.session-tab .MuiChip-root{font-size:11px;height:20px}@media (max-width:768px){.session-tab{min-width:150px}.session-tab-info{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;gap:2px}}.session-tab{-webkit-transition:all .3s ease;transition:all .3s ease}.session-tab:hover{background-color:rgba(0,0,0,.04)}.session-tab.Mui-selected:after{-webkit-animation:slideIn .3s ease;animation:slideIn .3s ease;background-color:#2196f3;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.MuiMenu-paper{-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);margin-top:8px}.MuiDialog-paper{border-radius:12px}.session-tab-header svg[data-testid=WhatsAppIcon]{color:#25d366}.session-tab-header svg[data-testid=CloudIcon]{color:#1877f2}.version-alert{-webkit-animation:slideDown .3s ease-out;animation:slideDown .3s ease-out;background-color:#fff3e0;border-bottom:1px solid #ffe0b2;padding:10px 20px;position:relative;width:100%;z-index:1000}.version-alert-content{-ms-flex-align:center;align-items:center;color:#e65100;display:-ms-flexbox;display:flex;gap:15px;margin:0 auto;max-width:1200px}.warning-icon{color:#ef6c00;font-size:24px}.version-message{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column}.version-message strong{font-size:14px;margin-bottom:2px}.version-message span{font-size:12px;opacity:.9}.close-alert{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:none;border:none;border-radius:50%;color:#ef6c00;cursor:pointer;display:-ms-flexbox;display:flex;justify-content:center;padding:5px;-webkit-transition:background-color .2s;transition:background-color .2s}.close-alert:hover{background-color:rgba(239,108,0,.1)}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}:root{--primary-color:#1a73e8;--primary-dark:#1557b0;--secondary-color:#34a853;--background-color:#f5f5f5;--surface-color:#fff;--text-primary:#202124;--text-secondary:#5f6368;--border-color:#e0e0e0;--error-color:#ea4335;--warning-color:#fbbc04;--header-height:64px;--message-spacing:8px;--border-radius:12px;--shadow-1:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);--shadow-2:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}*{-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#f5f5f5;background-color:var(--background-color);color:#202124;color:var(--text-primary);font-family:Roboto,sans-serif;margin:0;overflow:hidden}.app{bottom:0;-ms-flex-direction:column;flex-direction:column;height:100%;left:0;position:fixed;right:0;top:0}.app,.app-container{display:-ms-flexbox;display:flex;overflow:hidden}.app-container{-ms-flex:1 1;flex:1 1}.connection-banner{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:#fbbc04;background-color:var(--warning-color);color:#fff;display:-ms-flexbox;display:flex;font-size:14px;gap:8px;justify-content:center;padding:8px;z-index:1000}.connection-banner.disconnected{background-color:#ea4335;background-color:var(--error-color)}.connection-banner .material-icons{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;font-size:18px}.connection-banner.disconnected .material-icons{-webkit-animation:none;animation:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.app-container{position:relative}.chat-list,.chat-window{height:100%;position:absolute;width:100%}.chat-window{background:#fff;background:var(--surface-color)}}@media (min-width:769px){.chat-list{border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color);width:360px}.chat-window{-ms-flex:1 1;flex:1 1}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideIn{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background-color:#34a853;background-color:var(--secondary-color);border-radius:10px;font-size:11px;min-width:18px;padding:2px 6px;text-align:center}.avatar,.badge{color:#fff;font-weight:500}.avatar{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;align-items:center;background-color:#1a73e8;background-color:var(--primary-color);border-radius:50%;display:-ms-flexbox;display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;width:48px}.avatar img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.btn{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;justify-content:center;outline:none;padding:8px;-webkit-transition:background-color .2s;transition:background-color .2s}.btn:hover{background-color:rgba(0,0,0,.05)}.btn:active{background-color:rgba(0,0,0,.1)}.btn-primary{background-color:#1a73e8;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#1557b0;background-color:var(--primary-dark)}.loading{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center;padding:20px}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #e0e0e0;border-top-color:#1a73e8;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.empty-state{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color:#5f6368;color:var(--text-secondary);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding:40px;text-align:center}.empty-state .material-icons{font-size:64px;margin-bottom:16px;opacity:.3}.ripple{overflow:hidden;position:relative}.ripple:after{background:rgba(0,0,0,.1);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:width .6s,height .6s;transition:width .6s,height .6s;width:0}.ripple:active:after{height:300px;width:300px}
/*# sourceMappingURL=main.70af41c5.css.map*/