*{margin:0;padding:0}:root{--secondary-color:#00bfa5;--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{background:#fff;background:var(--surface-color,#fff);-ms-flex:0 0 360px;flex:0 0 360px;max-width:360px;width:360px}.chat-window-view{background:#f5f5f5;background:var(--background-color,#f5f5f5);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:#f5f5f5;background:var(--background-color,#f5f5f5);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}.source-badge.meta{background-color:#00a884}.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}@media (max-width:768px){.fab{bottom:80px}}.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}.readers-info{color:#999;font-size:10px;margin-left:auto;white-space:nowrap}.takeover-badge{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:#ff9800;border:2px solid #fff;border-radius:50%;display:-ms-flexbox;display:flex;font-size:9px;height:16px;justify-content:center;left:-2px;position:absolute;top:-2px;width:16px}.chat-item-wrapper{overflow:hidden;position:relative}.chat-item-wrapper .chat-item{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.chat-item-wrapper.swiped .chat-item{-webkit-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px)}.delete-chat-btn{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:#dc3545;border:none;bottom:0;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;justify-content:center;position:absolute;right:0;top:0;width:60px}.delete-chat-btn:active{background:#c82333}.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%}.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}.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%}}.message-delete-btn{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:24px;justify-content:center;opacity:0;padding:0;position:absolute;right:4px;top:4px;-webkit-transition:opacity .2s,background .2s;transition:opacity .2s,background .2s;width:24px}.message-delete-btn .material-icons{color:#e53935;font-size:16px}.message-bubble:hover .message-delete-btn{opacity:1}.message-delete-btn:hover{background:#ffebee}.message-delete-btn:disabled{cursor:wait;opacity:.5}.message-delete-btn:disabled .material-icons{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.message-bubble{position:relative}.bot-takeover-banner{-ms-flex-align:center;align-items:center;background:#fff3cd;border-bottom:1px solid #ffc107;color:#856404;display:-ms-flexbox;display:flex;font-size:13px;gap:8px;padding:8px 16px}.bot-takeover-banner .material-icons{color:#ff9800;font-size:18px}.bot-takeover-banner button{background:#fff;border:1px solid #ffc107;border-radius:16px;color:#856404;cursor:pointer;font-size:12px;margin-left:auto;padding:4px 12px;white-space:nowrap}.bot-takeover-banner button:hover{background:#ffc107;color:#fff}.contact-details-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,.6);bottom:0;display:-ms-flexbox;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.contact-details-modal{-webkit-animation:slideUp .3s ease-out;animation:slideUp .3s ease-out;background:#fff;background:var(--surface-color,#fff);border-radius:16px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.3);box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:340px;padding:24px;position:relative;width:90%}.contact-details-close{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:12px}.contact-details-close:hover{background:rgba(0,0,0,.1)}.contact-details-close .material-icons{color:#666;color:var(--text-secondary,#666);font-size:24px}.contact-details-avatar{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:-ms-flexbox;display:flex;height:120px;justify-content:center;margin:0 auto 20px;overflow:hidden;width:120px}.contact-details-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.contact-details-avatar .avatar-placeholder{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;justify-content:center;width:100%}.contact-details-avatar .avatar-placeholder .material-icons{color:hsla(0,0%,100%,.9);font-size:60px}.contact-details-info{margin-bottom:20px;text-align:center}.contact-details-name{color:#000;color:var(--text-primary,#000);font-size:22px;font-weight:600;margin:0 0 16px}.contact-details-row{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color:#666;color:var(--text-secondary,#666);display:-ms-flexbox;display:flex;font-size:15px;gap:8px;justify-content:center;padding:8px 0}.contact-details-row .material-icons{color:#25d366;font-size:20px}.contact-details-value{color:#333;color:var(--text-primary,#333)}.contact-details-actions{-ms-flex-pack:center;border-top:1px solid rgba(0,0,0,.1);display:-ms-flexbox;display:flex;gap:12px;justify-content:center;margin-top:20px;padding-top:20px}.contact-action-btn{background:#f0f0f0;gap:4px;padding:12px 24px;-webkit-transition:background .2s;transition:background .2s}.contact-action-btn:hover{background:#e0e0e0}.contact-action-btn .material-icons{color:#25d366;font-size:24px}.contact-action-btn span:last-child{color:#666;color:var(--text-secondary,#666);font-size:12px}.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}.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}.optional-label{color:#999;font-size:.8rem;font-weight:400}.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{-webkit-text-fill-color:#333!important;-webkit-appearance:none;background-color:#f5f5f5!important;border:1px solid #e0e0e0;border-radius:8px;color:#333!important;color-scheme:light;font-size:16px;opacity:1;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 label{margin-bottom:5px}.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;border-radius:4px}.btn-save,.btn-test{color:#fff;cursor:pointer;padding:10px 20px}.btn-test{background-color:#17a2b8}.btn-switch,.btn-test{border:none;border-radius:4px}.btn-switch{background-color:#ffc107;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}.modal-backdrop{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.6);bottom:0;display:-ms-flexbox;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1a1a2e;background:var(--bg-primary,#1a1a2e);border-radius:12px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.4);box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:400px;overflow:hidden;width:90%}.modal-content.password-modal{max-width:380px}.modal-header{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;border-bottom:1px solid #2d2d44;border-bottom:1px solid var(--border-color,#2d2d44);display:-ms-flexbox;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#8e8ea0;color:var(--text-secondary,#8e8ea0);cursor:pointer;padding:4px;-webkit-transition:background .2s;transition:background .2s}.modal-close:hover{background:hsla(0,0%,100%,.1);color:#fff;color:var(--text-primary,#fff)}.modal-body{padding:20px}.modal-subtitle{color:#8e8ea0;color:var(--text-secondary,#8e8ea0);font-size:.9rem;margin:0 0 16px}.modal-subtitle strong{color:#00d9ff;color:var(--accent-color,#00d9ff)}.modal-body .form-group{margin-bottom:16px}.modal-body label{color:#8e8ea0;color:var(--text-secondary,#8e8ea0);display:block;font-size:.85rem;margin-bottom:6px}.modal-body input{background:#16162a;background:var(--bg-secondary,#16162a);border:1px solid #2d2d44;border:1px solid var(--border-color,#2d2d44);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;color:var(--text-primary,#fff);font-size:.95rem;padding:10px 12px;-webkit-transition:border-color .2s;transition:border-color .2s;width:100%}.modal-body input:focus{border-color:#00d9ff;border-color:var(--accent-color,#00d9ff);outline:none}.modal-body input::-webkit-input-placeholder{color:#666;color:var(--text-muted,#666)}.modal-body input::-moz-placeholder{color:#666;color:var(--text-muted,#666)}.modal-body input:-ms-input-placeholder{color:#666;color:var(--text-muted,#666)}.modal-body input::-ms-input-placeholder{color:#666;color:var(--text-muted,#666)}.modal-body input::placeholder{color:#666;color:var(--text-muted,#666)}.modal-body .alert{border-radius:8px;font-size:.9rem;margin-bottom:16px;padding:10px 12px}.modal-body .alert-error{background:rgba(255,82,82,.15);border:1px solid rgba(255,82,82,.3);color:#ff5252}.modal-actions{display:-ms-flexbox;display:flex;gap:12px;margin-top:20px}.modal-actions button{border-radius:8px;cursor:pointer;-ms-flex:1 1;flex:1 1;font-size:.95rem;padding:10px 16px;-webkit-transition:all .2s;transition:all .2s}.btn-cancel{background:transparent;border:1px solid #2d2d44;border:1px solid var(--border-color,#2d2d44);color:#8e8ea0;color:var(--text-secondary,#8e8ea0)}.btn-cancel:hover:not(:disabled){background:hsla(0,0%,100%,.05);color:#fff;color:var(--text-primary,#fff)}.btn-save{background:#00d9ff;background:var(--accent-color,#00d9ff);border:none;color:#000;font-weight:500}.btn-save:hover:not(:disabled){background:#00c4e6;background:var(--accent-hover,#00c4e6)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.modal-content.voip-modal{max-width:420px}.modal-content.voip-modal.voip-modal-large{max-width:520px}.voip-section{background:#16162a;border:1px solid #3d3d5c;border-radius:8px;margin-bottom:16px;padding:16px}.voip-section-title{-ms-flex-align:center;align-items:center;color:#00d9ff;display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin:0 0 16px}.voip-section-title .material-icons{font-size:18px}.form-row-2col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:480px){.form-row-2col{grid-template-columns:1fr}}.btn-use-defaults{-ms-flex-align:center;align-items:center;background:transparent;border:1px solid #3d3d5c;border-radius:6px;color:#b0b0b0;cursor:pointer;display:-ms-flexbox;display:flex;font-size:.85rem;gap:6px;margin-top:8px;padding:8px 12px;-webkit-transition:all .2s;transition:all .2s}.btn-use-defaults:hover:not(:disabled){background:rgba(0,217,255,.1);border-color:#00d9ff;color:#00d9ff}.btn-use-defaults:disabled{cursor:not-allowed;opacity:.5}.btn-use-defaults .material-icons{font-size:16px}.loading-state{color:#8e8ea0;color:var(--text-secondary,#8e8ea0);padding:40px;text-align:center}.server-info{-ms-flex-align:center;align-items:center;background:#16162a;background:var(--bg-secondary,#16162a);border:1px solid #2d2d44;border:1px solid var(--border-color,#2d2d44);border-radius:8px;display:-ms-flexbox;display:flex;gap:12px;margin-bottom:20px;padding:12px}.server-info .material-icons{color:#00d9ff;color:var(--accent-color,#00d9ff);font-size:24px}.server-label{color:#666;color:var(--text-muted,#666);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.server-value{color:#fff;color:var(--text-primary,#fff);font-family:monospace;font-size:.95rem}.toggle-group{-ms-flex-align:start;-ms-flex-pack:justify;align-items:flex-start;border-bottom:1px solid #2d2d44;border-bottom:1px solid var(--border-color,#2d2d44);display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 0}.toggle-label{-ms-flex:1 1;flex:1 1}.toggle-label span{color:#fff;color:var(--text-primary,#fff);display:block;font-size:.95rem;font-weight:500}.toggle-description{color:#8e8ea0;color:var(--text-secondary,#8e8ea0);font-size:.8rem;margin-top:4px}.toggle-switch{-ms-flex-negative:0;flex-shrink:0;height:26px}.toggle-slider{background-color:#2d2d44;background-color:var(--bg-tertiary,#2d2d44);border-radius:26px}.toggle-slider:before{height:20px;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#00d9ff;background-color:var(--accent-color,#00d9ff)}.toggle-switch input:checked+.toggle-slider:before{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translateX(22px)}.voip-fields{-webkit-transition:opacity .3s;transition:opacity .3s}.voip-fields.disabled{opacity:.5;pointer-events:none}.field-hint{color:#666;color:var(--text-muted,#666);display:block;font-size:.75rem;margin-top:4px}.voip-modal .modal-body .form-group{margin-bottom:16px}.voip-modal .modal-body label{color:#8e8ea0;color:var(--text-secondary,#8e8ea0);display:block;font-size:.85rem;margin-bottom:6px}.voip-modal .modal-body input[type=password],.voip-modal .modal-body input[type=text]{background:#16162a;background:var(--bg-secondary,#16162a);border:1px solid #2d2d44;border:1px solid var(--border-color,#2d2d44);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;color:var(--text-primary,#fff);font-size:.95rem;padding:10px 12px;-webkit-transition:border-color .2s;transition:border-color .2s;width:100%}.voip-modal .modal-body input:focus{border-color:#00d9ff;border-color:var(--accent-color,#00d9ff);outline:none}.voip-modal .modal-body input:disabled{background:#2d2d44;background:var(--bg-tertiary,#2d2d44);cursor:not-allowed}.voip-modal .modal-body input::-webkit-input-placeholder{color:#666;color:var(--text-muted,#666)}.voip-modal .modal-body input::-moz-placeholder{color:#666;color:var(--text-muted,#666)}.voip-modal .modal-body input:-ms-input-placeholder{color:#666;color:var(--text-muted,#666)}.voip-modal .modal-body input::-ms-input-placeholder{color:#666;color:var(--text-muted,#666)}.voip-modal .modal-body input::placeholder{color:#666;color:var(--text-muted,#666)}.voip-modal .alert{border-radius:8px;font-size:.9rem;margin-bottom:16px;padding:10px 12px}.voip-modal .alert-error{background:rgba(255,82,82,.15);border:1px solid rgba(255,82,82,.3);color:#ff5252}.voip-modal .modal-actions{display:-ms-flexbox;display:flex;gap:12px;margin-top:24px}.voip-modal .modal-actions button{border-radius:8px;cursor:pointer;-ms-flex:1 1;flex:1 1;font-size:.95rem;padding:10px 16px;-webkit-transition:all .2s;transition:all .2s}.user-management{color:#fff;margin:0 auto;max-width:900px;padding:20px}.user-management.loading{color:#b0b0b0;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:#fff;font-size:1.5rem;margin:0}.btn-add-user{background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;-webkit-transition:background .2s;transition:background .2s}.btn-add-user:hover{background:#1ea952}.alert{margin-bottom:20px;padding:12px 16px}.alert-error{background:rgba(255,82,82,.15);border:1px solid rgba(255,82,82,.3);color:#ff6b6b}.alert-success{background:rgba(37,211,102,.15);border:1px solid rgba(37,211,102,.3);color:#25d366}.add-user-form{background:#1e1e2e;border:1px solid #3d3d5c;border-radius:12px;margin-bottom:20px;padding:20px}.add-user-form h3{color:#fff;font-size:1.1rem;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:#b0b0b0;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{background:#16162a;border:1px solid #3d3d5c;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:14px;padding:10px 12px;width:100%}.form-group input::-webkit-input-placeholder{color:#666}.form-group input::-moz-placeholder{color:#666}.form-group input:-ms-input-placeholder{color:#666}.form-group input::-ms-input-placeholder{color:#666}.form-group input::placeholder{color:#666}.form-group input:focus,.form-group select:focus{border-color:#00d9ff;-webkit-box-shadow:0 0 0 2px rgba(0,217,255,.2);box-shadow:0 0 0 2px rgba(0,217,255,.2);outline:none}.btn-submit{background:#00d9ff;border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:600;padding:10px 24px;-webkit-transition:background .2s;transition:background .2s}.btn-submit:hover{background:#00c4e6}.users-list{background:#1e1e2e;border:1px solid #3d3d5c;border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3);overflow:hidden}.users-list table{border-collapse:collapse;width:100%}.users-list td,.users-list th{border-bottom:1px solid #3d3d5c;padding:14px 16px;text-align:left}.users-list th{background:#16162a;color:#b0b0b0;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-list td{color:#fff}.users-list tr:last-child td{border-bottom:none}.users-list tr:hover{background:hsla(0,0%,100%,.05)}.username{color:#fff;font-weight:500}.role-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 28px 6px 10px}.role-select.admin{background-color:#ffc107;border-color:#e0a800;color:#856404}.role-select.user{background-color:#e9ecef;border-color:#ced4da;color:#495057}.role-select:hover{opacity:.9}.role-select:focus{-webkit-box-shadow:0 0 0 2px rgba(37,211,102,.3);box-shadow:0 0 0 2px rgba(37,211,102,.3);outline:none}.action-buttons{gap:8px}.action-buttons,.btn-action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.btn-action{-ms-flex-pack:center;border:none;border-radius:6px;cursor:pointer;height:32px;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease;width:32px}.btn-action .material-icons{font-size:18px}.btn-action.btn-password{background:#17a2b8;color:#fff}.btn-action.btn-password:hover{background:#138496;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.btn-action.btn-voip{background:#6f42c1;color:#fff}.btn-action.btn-voip:hover{background:#5a32a3;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.btn-action.btn-delete{background:#dc3545;color:#fff;padding:0}.btn-action.btn-delete:hover{background:#c82333;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.no-users{color:#b0b0b0;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:60px;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;--danger-color:#d32f2f;--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);--bottom-nav-height:56px}*{-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:calc(56px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));-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,.view-container{-ms-flex:1 1;flex:1 1}.view-container{display:-ms-flexbox;display:flex;overflow:hidden}.view-container.hidden{display:none}.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}@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{width:100%}.chat-window,.no-chat-selected{-ms-flex:1 1;flex:1 1;width:100%}}@-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}.bottom-navigation{-ms-flex-pack:distribute;-ms-flex-align:center;background:#fff;background:var(--surface-color,#fff);bottom:0;-webkit-box-shadow:0 -2px 8px rgba(0,0,0,.1);box-shadow:0 -2px 8px rgba(0,0,0,.1);height:56px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1001}.bottom-nav-item,.bottom-navigation{align-items:center;display:-ms-flexbox;display:flex}.bottom-nav-item{-ms-flex-align:center;-ms-flex-pack:center;-webkit-tap-highlight-color:transparent;background:transparent;border:none;color:#5f6368;color:var(--text-secondary,#5f6368);cursor:pointer;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;justify-content:center;min-height:56px;padding:6px 0;position:relative;-webkit-transition:color .2s ease,-webkit-transform .1s ease;transition:color .2s ease,-webkit-transform .1s ease;transition:color .2s ease,transform .1s ease;transition:color .2s ease,transform .1s ease,-webkit-transform .1s ease}.bottom-nav-item:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.bottom-nav-item.active{color:#1a73e8;color:var(--primary-color,#1a73e8)}.bottom-nav-item.active .bottom-nav-icon{font-variation-settings:"FILL" 1}.bottom-nav-icon-wrapper{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center;position:relative}.bottom-nav-icon{font-size:24px;margin-bottom:2px;-webkit-transition:font-variation-settings .2s ease;transition:font-variation-settings .2s ease}.bottom-nav-label{font-size:12px;font-weight:500;letter-spacing:.02em}.bottom-nav-badge{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;-webkit-animation:badge-pop .3s ease;animation:badge-pop .3s ease;background:#d32f2f;background:var(--danger-color,#d32f2f);border-radius:9px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);color:#fff;display:-ms-flexbox;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-10px;top:-6px}@-webkit-keyframes badge-pop{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes badge-pop{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.bottom-nav-item.active:after{background:#1a73e8;background:var(--primary-color,#1a73e8);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:32px}@media (min-width:768px){.bottom-navigation{border-radius:16px 16px 0 0;left:50%;max-width:500px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}@media (max-height:500px){.bottom-navigation{height:48px;min-height:48px}.bottom-nav-item{min-height:48px;padding:4px 0}.bottom-nav-icon{font-size:22px}.bottom-nav-label{font-size:10px}}.bottom-nav-item:focus-visible{border-radius:8px;outline:2px solid #1a73e8;outline:2px solid var(--primary-color,#1a73e8);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.bottom-nav-badge,.bottom-nav-item{-webkit-animation:none;animation:none;-webkit-transition:none;transition:none}}.call-history{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.call-history-item{-ms-flex-align:center;align-items:center;background:#fff;background:var(--surface-color,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);cursor:pointer;display:-ms-flexbox;display:flex;padding:12px 16px;-webkit-transition:background .2s;transition:background .2s}.call-history-item:hover{background:rgba(0,0,0,.02)}.call-history-item:active{background:rgba(0,0,0,.05)}.call-history-item.selected{background:rgba(26,115,232,.08);border-left:3px solid #1a73e8;border-left:3px solid var(--primary-color,#1a73e8)}.call-history-item.selected:hover{background:rgba(26,115,232,.12)}.call-history-item.missed .call-history-name,.call-history-name.missed-text{color:#d32f2f;color:var(--danger-color,#d32f2f)}.call-history-item.unseen{background:rgba(211,47,47,.08)}.call-history-item.unseen .call-history-name{color:#d32f2f;color:var(--danger-color,#d32f2f);font-weight:600}.call-history-item.unseen .call-history-meta{color:#d32f2f;color:var(--danger-color,#d32f2f);opacity:.8}.call-history-icon-wrapper{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;align-items:center;background:#f5f5f5;background:var(--background-color,#f5f5f5);border-radius:50%;display:-ms-flexbox;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;width:40px}.call-icon{font-size:20px}.call-icon.missed{color:#d32f2f;color:var(--danger-color,#d32f2f)}.call-icon.incoming{color:#34a853;color:var(--secondary-color,#34a853)}.call-icon.outgoing{color:#1a73e8;color:var(--primary-color,#1a73e8)}.call-history-info{-ms-flex:1 1;flex:1 1;min-width:0;overflow:hidden}.call-history-name{color:#202124;color:var(--text-primary,#202124);font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-history-meta,.call-history-number{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:13px;margin-top:2px}.call-history-time{-ms-flex-negative:0;color:#5f6368;color:var(--text-secondary,#5f6368);flex-shrink:0;font-size:12px;margin-left:8px;text-align:right}.call-history-actions{margin-left:8px}.call-action-btn,.call-history-actions{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.call-action-btn{-ms-flex-pack:center;background:transparent;border:none;border-radius:50%;cursor:pointer;height:40px;justify-content:center;-webkit-transition:background .2s;transition:background .2s;width:40px}.call-action-btn:active{background:rgba(0,0,0,.1)}.call-action-btn.callback{color:#34a853;color:var(--secondary-color,#34a853)}.call-action-btn.callback:active{background:rgba(52,168,83,.1)}.call-history-empty{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color:#5f6368;color:var(--text-secondary,#5f6368);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.call-history-empty .material-icons{font-size:64px;margin-bottom:16px;opacity:.4}.call-history-empty p{font-size:16px;margin:0 0 8px}.call-history-empty small{font-size:13px;opacity:.7}.call-history-item-swipe{overflow:hidden;position:relative}.call-history-swipe-actions{bottom:0;display:-ms-flexbox;display:flex;position:absolute;right:0;top:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.call-history-item-swipe.swiped .call-history-swipe-actions{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.swipe-action{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;width:80px}.swipe-action.delete{background:#d32f2f;background:var(--danger-color,#d32f2f)}.swipe-action.message{background:#1a73e8;background:var(--primary-color,#1a73e8)}.spinning{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.call-history-item.missed .call-history-icon-wrapper{background:rgba(211,47,47,.1)}.call-history-item.unseen .call-history-time{color:#d32f2f;color:var(--danger-color,#d32f2f);font-weight:500}.dialpad{background:#fff;background:var(--surface-color,#fff);-ms-flex-direction:column;flex-direction:column;height:100%;padding:8px 16px calc(16px + env(safe-area-inset-bottom, 0px))}.dialpad,.dialpad-display{-ms-flex-pack:center;display:-ms-flexbox;display:flex;justify-content:center}.dialpad-display{-ms-flex-align:center;-ms-flex-negative:0;align-items:center;flex-shrink:0;min-height:56px;padding:12px 16px;position:relative}.dialpad-number{color:#202124;color:var(--text-primary,#202124);font-family:Roboto,sans-serif;font-size:32px;font-weight:300;letter-spacing:2px;padding-left:56px;padding-right:56px;text-align:center}.dialpad-placeholder{font-size:18px;letter-spacing:normal}.dialpad-backspace,.dialpad-placeholder{color:#5f6368;color:var(--text-secondary,#5f6368)}.dialpad-backspace{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:48px;justify-content:center;position:absolute;right:8px;-webkit-transition:background .2s,color .2s;transition:background .2s,color .2s;width:48px}.dialpad-backspace:active{background:rgba(0,0,0,.1);color:#202124;color:var(--text-primary,#202124)}.dialpad-keys{grid-gap:6px;-ms-flex-negative:0;display:grid;flex-shrink:0;gap:6px;grid-template-columns:repeat(3,72px);grid-template-rows:repeat(4,72px);margin:0 auto;padding:4px 0}.dialpad-key,.dialpad-keys{-ms-flex-pack:center;justify-content:center}.dialpad-key{-ms-flex-align:center;-webkit-tap-highlight-color:transparent;align-items:center;background:#f5f5f5;background:var(--background-color,#f5f5f5);border:none;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:72px;-webkit-transition:background .15s,-webkit-transform .1s;transition:background .15s,-webkit-transform .1s;transition:background .15s,transform .1s;transition:background .15s,transform .1s,-webkit-transform .1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:72px}.dialpad-key:active{background:#e0e0e0;background:var(--border-color,#e0e0e0);-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.dialpad-digit{color:#202124;color:var(--text-primary,#202124);font-size:28px;font-weight:400;line-height:1}.dialpad-letters{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:10px;font-weight:500;letter-spacing:1px;margin-top:4px}.dialpad-actions{-ms-flex-negative:0;flex-shrink:0;padding:12px 0 70px}.dialpad-actions,.dialpad-call-btn{-ms-flex-pack:center;display:-ms-flexbox;display:flex;justify-content:center}.dialpad-call-btn{-ms-flex-align:center;align-items:center;background:#34a853;background:var(--secondary-color,#34a853);border:none;border-radius:50%;-webkit-box-shadow:0 4px 12px rgba(52,168,83,.3);box-shadow:0 4px 12px rgba(52,168,83,.3);color:#fff;cursor:pointer;height:64px;-webkit-transition:background .2s,opacity .2s,-webkit-transform .1s;transition:background .2s,opacity .2s,-webkit-transform .1s;transition:background .2s,transform .1s,opacity .2s;transition:background .2s,transform .1s,opacity .2s,-webkit-transform .1s;width:64px}.dialpad-call-btn .material-icons{font-size:32px}.dialpad-call-btn:active:not(.disabled):not(.empty){background:#2e9549;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.dialpad-call-btn.disabled{background:#5f6368;background:var(--text-secondary,#5f6368);-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.dialpad-call-btn.empty{opacity:.6}.dialpad-warning{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:rgba(255,193,7,.1);border-radius:8px;color:#f57c00;display:-ms-flexbox;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:8px;padding:12px}.dialpad-warning .material-icons{font-size:18px}@media (max-height:700px){.dialpad-display{min-height:44px;padding:6px 12px}.dialpad-number{font-size:24px}.dialpad-keys{gap:4px;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(4,60px)}.dialpad-key{height:60px;width:60px}.dialpad-digit{font-size:22px}.dialpad-letters{font-size:8px;margin-top:2px}.dialpad-actions{padding:8px 0 65px}.dialpad-call-btn{height:56px;width:56px}.dialpad-call-btn .material-icons{font-size:28px}}@media (orientation:landscape) and (max-height:500px){.dialpad{-ms-flex-direction:row;flex-direction:row;padding:8px}.dialpad-display{padding:8px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.dialpad-keys{-ms-flex:1 1;flex:1 1;gap:6px}.dialpad-key{max-height:50px}}@media (min-width:769px){.dialpad{-ms-flex-pack:start;background:#fff;background:var(--surface-color,#fff);border-radius:20px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);height:auto;justify-content:flex-start;max-width:400px;padding:32px;width:100%}.dialpad-display{background:#f5f5f5;background:var(--background-color,#f5f5f5);border-radius:12px;margin-bottom:20px;min-height:80px;padding:20px 16px}.dialpad-number{font-size:28px;line-height:1.3;max-width:280px;word-break:break-all}.dialpad-placeholder{font-size:16px}.dialpad-keys{gap:10px;grid-template-columns:repeat(3,76px);grid-template-rows:repeat(4,76px);padding:12px 0}.dialpad-key{height:76px;-webkit-transition:background .2s,-webkit-transform .15s,-webkit-box-shadow .15s;transition:background .2s,-webkit-transform .15s,-webkit-box-shadow .15s;transition:background .2s,transform .15s,box-shadow .15s;transition:background .2s,transform .15s,box-shadow .15s,-webkit-transform .15s,-webkit-box-shadow .15s;width:76px}.dialpad-key:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.dialpad-digit{font-size:24px}.dialpad-letters{font-size:9px}.dialpad-actions{padding:20px 0 8px}.dialpad-call-btn{height:68px;-webkit-transition:background .2s,-webkit-transform .15s,-webkit-box-shadow .2s;transition:background .2s,-webkit-transform .15s,-webkit-box-shadow .2s;transition:background .2s,transform .15s,box-shadow .2s;transition:background .2s,transform .15s,box-shadow .2s,-webkit-transform .15s,-webkit-box-shadow .2s;width:68px}.dialpad-call-btn:hover:not(.disabled):not(.empty){background:#2e9549;-webkit-box-shadow:0 6px 20px rgba(52,168,83,.4);box-shadow:0 6px 20px rgba(52,168,83,.4)}.dialpad-call-btn .material-icons{font-size:32px}}.call-screen{-webkit-animation:call-screen-enter .3s ease-out;animation:call-screen-enter .3s ease-out;background:-webkit-gradient(linear,left top,left bottom,from(#1a1a2e),color-stop(50%,#16213e),to(#0f3460));background:linear-gradient(180deg,#1a1a2e,#16213e 50%,#0f3460);bottom:0;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:0;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;z-index:2000}@-webkit-keyframes call-screen-enter{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes call-screen-enter{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.call-screen-content{padding:40px 24px}.call-info,.call-screen-content{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column}.call-info{text-align:center}.call-avatar,.call-info{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;justify-content:center}.call-avatar{background:hsla(0,0%,100%,.1);border:3px solid hsla(0,0%,100%,.2);border-radius:50%;display:-ms-flexbox;display:flex;height:100px;margin-bottom:24px;width:100px}.call-avatar .material-icons{color:hsla(0,0%,100%,.7);font-size:56px}.call-avatar.pulsing{-webkit-animation:avatar-pulse 1.5s ease-in-out infinite;animation:avatar-pulse 1.5s ease-in-out infinite}@-webkit-keyframes avatar-pulse{0%,to{-webkit-box-shadow:0 0 0 0 rgba(52,168,83,.4);box-shadow:0 0 0 0 rgba(52,168,83,.4);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-box-shadow:0 0 0 20px rgba(52,168,83,0);box-shadow:0 0 0 20px rgba(52,168,83,0);-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes avatar-pulse{0%,to{-webkit-box-shadow:0 0 0 0 rgba(52,168,83,.4);box-shadow:0 0 0 0 rgba(52,168,83,.4);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-box-shadow:0 0 0 20px rgba(52,168,83,0);box-shadow:0 0 0 20px rgba(52,168,83,0);-webkit-transform:scale(1.05);transform:scale(1.05)}}.call-name{font-size:28px;font-weight:400;letter-spacing:.5px;margin:0 0 8px}.call-number{color:hsla(0,0%,100%,.7);font-size:16px;margin:0 0 16px}.call-status{color:hsla(0,0%,100%,.6);font-size:18px;font-weight:300}.call-incoming-actions{-ms-flex-pack:distribute;display:-ms-flexbox;display:flex;justify-content:space-around;padding:40px 20px}.call-action-large{-webkit-tap-highlight-color:transparent;background:transparent;border:none;color:#fff;cursor:pointer;-ms-flex-direction:column;flex-direction:column;gap:12px;padding:16px}.call-action-large,.call-action-large .material-icons{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.call-action-large .material-icons{-ms-flex-pack:center;border-radius:50%;font-size:36px;height:72px;justify-content:center;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;width:72px}.call-action-large:active .material-icons{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.call-action-large.reject .material-icons{background:#d32f2f}.call-action-large.answer .material-icons{-webkit-animation:ring-shake .5s ease-in-out infinite;animation:ring-shake .5s ease-in-out infinite;background:#34a853}@-webkit-keyframes ring-shake{0%,to{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}50%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}}@keyframes ring-shake{0%,to{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}50%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}}.call-action-large .action-label{font-size:14px;font-weight:500}.call-outgoing-actions{-ms-flex-pack:center;display:-ms-flexbox;display:flex;justify-content:center;padding:40px}.call-controls{padding:20px 0}.call-controls-row{-ms-flex-pack:distribute;display:-ms-flexbox;display:flex;justify-content:space-around;margin:0 auto;max-width:360px}.call-control{-ms-flex-align:center;-webkit-tap-highlight-color:transparent;align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:16px;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;min-width:72px;padding:16px;-webkit-transition:background .2s,-webkit-transform .1s;transition:background .2s,-webkit-transform .1s;transition:background .2s,transform .1s;transition:background .2s,transform .1s,-webkit-transform .1s}.call-control:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.call-control.active{background:hsla(0,0%,100%,.3)}.call-control .material-icons{font-size:28px}.call-control .control-label{font-size:11px;font-weight:500;opacity:.9}.call-end-wrapper{padding:30px 0}.call-end-btn,.call-end-wrapper{-ms-flex-pack:center;display:-ms-flexbox;display:flex;justify-content:center}.call-end-btn{-ms-flex-align:center;align-items:center;background:#d32f2f;border:none;border-radius:50%;-webkit-box-shadow:0 4px 20px rgba(211,47,47,.4);box-shadow:0 4px 20px rgba(211,47,47,.4);color:#fff;cursor:pointer;height:72px;-webkit-transition:background .2s,-webkit-transform .1s;transition:background .2s,-webkit-transform .1s;transition:background .2s,transform .1s;transition:background .2s,transform .1s,-webkit-transform .1s;width:72px}.call-end-btn .material-icons{font-size:36px}.call-end-btn:active{background:#b71c1c;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.call-message-btn{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.3);border-radius:24px;color:hsla(0,0%,100%,.8);cursor:pointer;display:-ms-flexbox;display:flex;font-size:14px;gap:8px;justify-content:center;margin:20px auto 0;padding:12px 24px;-webkit-transition:background .2s;transition:background .2s}.call-message-btn:active{background:hsla(0,0%,100%,.1)}.call-message-btn .material-icons{font-size:20px}.call-dtmf-overlay{-webkit-animation:dtmf-slide-up .2s ease-out;animation:dtmf-slide-up .2s ease-out;background:rgba(0,0,0,.8);border-radius:16px;bottom:180px;left:50%;padding:16px;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@-webkit-keyframes dtmf-slide-up{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes dtmf-slide-up{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.call-dtmf-keys{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.dtmf-key{background:hsla(0,0%,100%,.15);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;font-weight:400;height:56px;-webkit-transition:background .15s;transition:background .15s;width:56px}.dtmf-key:active{background:hsla(0,0%,100%,.3)}.call-screen-lock{-ms-flex-align:center;-ms-flex-pack:center;-webkit-touch-callout:none;align-items:center;-webkit-animation:lock-fade-in .3s ease-out;animation:lock-fade-in .3s ease-out;background:rgba(0,0,0,.95);bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:40px;justify-content:center;left:0;position:absolute;right:0;top:0;-ms-touch-action:none;touch-action:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:100}@-webkit-keyframes lock-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lock-fade-in{0%{opacity:0}to{opacity:1}}.lock-indicator{-ms-flex-align:center;align-items:center;color:hsla(0,0%,100%,.5);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.lock-indicator .material-icons{-webkit-animation:lock-pulse 2s ease-in-out infinite;animation:lock-pulse 2s ease-in-out infinite;font-size:48px;opacity:.6}@-webkit-keyframes lock-pulse{0%,to{opacity:.4;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes lock-pulse{0%,to{opacity:.4;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1)}}.lock-indicator p{font-size:14px;font-weight:400;letter-spacing:.5px;margin:0}.lock-call-info{text-align:center}.lock-duration{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#fff;font-size:48px;font-variant-numeric:tabular-nums;font-weight:200;margin:0 0 8px}.lock-name{color:hsla(0,0%,100%,.7);font-size:18px;margin:0}@media (max-height:600px){.call-screen-content{padding:20px 16px}.call-avatar{height:80px;margin-bottom:16px;width:80px}.call-avatar .material-icons{font-size:44px}.call-name{font-size:24px}.call-action-large .material-icons{font-size:32px;height:64px;width:64px}.call-end-btn{height:64px;width:64px}.call-control{min-width:64px;padding:12px}}@media (orientation:landscape) and (max-height:500px){.call-screen-content{-ms-flex-direction:row;flex-direction:row;padding:16px}.call-info{-ms-flex:1 1;flex:1 1}.call-avatar{height:60px;margin-bottom:12px;width:60px}.call-controls,.call-end-wrapper,.call-incoming-actions{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;justify-content:center}}@media (prefers-reduced-motion:reduce){.call-action-large.answer .material-icons,.call-avatar.pulsing,.call-dtmf-overlay,.call-screen{-webkit-animation:none;animation:none}}.phone-settings-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;padding:16px;position:fixed;right:0;top:0;z-index:1100}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.phone-settings-panel{-webkit-animation:slideUp .3s ease-out;animation:slideUp .3s ease-out;background:#fff;background:var(--surface-color,#fff);border-radius:16px;-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:480px;width:100%}@-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)}}.phone-settings-header{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;background:linear-gradient(135deg,#1a73e8,#0d47a1);background:linear-gradient(135deg,var(--primary-color,#1a73e8) 0,#0d47a1 100%);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);border-radius:16px 16px 0 0;color:#fff;display:-ms-flexbox;display:flex;justify-content:space-between;padding:16px 20px}.phone-settings-header h2{font-size:18px;font-weight:500;margin:0}.phone-settings-header .close-btn{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;height:36px;justify-content:center;-webkit-transition:background .2s;transition:background .2s;width:36px}.phone-settings-header .close-btn:hover{background:hsla(0,0%,100%,.3)}.phone-settings-content{-ms-flex:1 1;flex:1 1;overflow-y:auto;padding:16px 20px}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section-title{-ms-flex-align:center;align-items:center;color:#1a73e8;color:var(--primary-color,#1a73e8);display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.settings-section-title .material-icons{font-size:20px}.connection-status-card{background:#f5f5f5;background:var(--background-color,#f5f5f5);border-radius:12px;padding:12px 16px}.connection-status-row{-ms-flex-pack:justify;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:-ms-flexbox;display:flex;justify-content:space-between;padding:8px 0}.connection-status-row:last-child{border-bottom:none}.status-label{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px}.status-value{-ms-flex-align:center;align-items:center;color:#202124;color:var(--text-primary,#202124);display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;gap:8px}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.connected{background:#34a853;-webkit-box-shadow:0 0 6px #34a853;box-shadow:0 0 6px #34a853}.status-dot.disconnected{background:#ea4335;-webkit-box-shadow:0 0 6px #ea4335;box-shadow:0 0 6px #ea4335}.status-value.connected{color:#34a853}.status-value.disconnected{color:#ea4335}.setting-item{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:-ms-flexbox;display:flex;justify-content:space-between;padding:12px 0}.setting-item:last-child{border-bottom:none}.setting-label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;gap:12px}.setting-label .material-icons{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:22px}.setting-label span:last-child{color:#202124;color:var(--text-primary,#202124);font-size:15px}.setting-control{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.slider-control{gap:12px;min-width:160px}.settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;background:var(--border-color,#e0e0e0);border-radius:3px;height:6px;outline:none;width:100px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1a73e8;background:var(--primary-color,#1a73e8);border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.2);box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;height:18px;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;width:18px}.settings-slider::-webkit-slider-thumb:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.slider-value{color:#202124;color:var(--text-primary,#202124);font-size:13px;font-weight:500;min-width:40px;text-align:right}.toggle-switch{display:inline-block;height:28px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;background-color:var(--border-color,#ccc);border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;-webkit-transition:.3s;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:22px;left:3px;position:absolute;-webkit-transition:.3s;transition:.3s;width:22px}.toggle-switch input:checked+.toggle-slider{background-color:#1a73e8;background-color:var(--primary-color,#1a73e8)}.toggle-switch input:checked+.toggle-slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.ringtone-control{gap:8px}.settings-select{background:#fff;background:var(--surface-color,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#202124;color:var(--text-primary,#202124);cursor:pointer;font-size:14px;min-width:120px;padding:8px 12px}.settings-select:focus{border-color:#1a73e8;border-color:var(--primary-color,#1a73e8);outline:none}.test-ringtone-btn{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:#f5f5f5;background:var(--background-color,#f5f5f5);border:none;border-radius:50%;color:#1a73e8;color:var(--primary-color,#1a73e8);cursor:pointer;display:-ms-flexbox;display:flex;height:36px;justify-content:center;-webkit-transition:background .2s;transition:background .2s;width:36px}.test-ringtone-btn:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.test-ringtone-btn.playing{background:#1a73e8;background:var(--primary-color,#1a73e8);color:#fff}.setting-item.time-range{-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:column;flex-direction:column;gap:12px}.time-range-row{-ms-flex-pack:center;gap:16px;justify-content:center}.time-input-group,.time-range-row{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.time-input-group{-ms-flex-direction:column;flex-direction:column;gap:4px}.time-input-group label{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:12px}.time-input{background:#fff;background:var(--surface-color,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#202124;color:var(--text-primary,#202124);font-size:16px;font-weight:500;padding:10px 14px;text-align:center}.time-input:focus{border-color:#1a73e8;border-color:var(--primary-color,#1a73e8);outline:none}.time-separator{font-size:20px;margin-top:20px}.time-hint,.time-separator{color:#5f6368;color:var(--text-secondary,#5f6368)}.time-hint{background:rgba(26,115,232,.1);border-radius:8px;font-size:13px;margin:0;padding:8px 12px;text-align:center}.phone-settings-footer{-ms-flex-pack:justify;background:#f5f5f5;background:var(--background-color,#f5f5f5);border-radius:0 0 16px 16px;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:-ms-flexbox;display:flex;justify-content:space-between;padding:16px 20px}.reset-btn,.save-btn{-ms-flex-align:center;align-items:center;border:none;border-radius:8px;cursor:pointer;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;-webkit-transition:background .2s,-webkit-transform .1s;transition:background .2s,-webkit-transform .1s;transition:background .2s,transform .1s;transition:background .2s,transform .1s,-webkit-transform .1s}.reset-btn{background:transparent;color:#5f6368;color:var(--text-secondary,#5f6368)}.reset-btn:hover{background:rgba(0,0,0,.05)}.save-btn{background:#1a73e8;background:var(--primary-color,#1a73e8);color:#fff}.save-btn:hover{background:#1557b0}.reset-btn:active,.save-btn:active{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}@media (max-width:768px){.phone-settings-overlay{-ms-flex-align:end;align-items:flex-end;padding:0}.phone-settings-panel{-webkit-animation:slideUpMobile .3s ease-out;animation:slideUpMobile .3s ease-out;border-radius:20px 20px 0 0;margin-bottom:60px;max-height:80vh;max-width:none}@-webkit-keyframes slideUpMobile{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUpMobile{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.phone-settings-header{border-radius:20px 20px 0 0;padding:calc(20px + env(safe-area-inset-top, 0px)) 20px 20px}.phone-settings-content{max-height:calc(80vh - 200px);overflow-y:auto;padding:16px}.slider-control{-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;gap:8px;min-width:auto}.settings-slider{width:120px}.phone-settings-footer{padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px))}}@media (prefers-color-scheme:dark){.phone-settings-panel{background:#1e1e1e}.connection-status-card{background:#2d2d2d}.status-label{color:#9aa0a6}.status-value{color:#e8eaed}.setting-label span:last-child{color:#e8eaed}.setting-label .material-icons{color:#9aa0a6}.settings-slider{background:#3c4043}.slider-value{color:#e8eaed}.toggle-slider{background-color:#3c4043}.settings-select{border-color:#3c4043;color:#e8eaed}.settings-select,.test-ringtone-btn,.time-input{background:#2d2d2d}.time-input{border-color:#3c4043;color:#e8eaed}.phone-settings-footer{background:#1e1e1e;border-color:#3c4043}.connection-status-row,.setting-item{border-color:#3c4043}}.phone-view{background:#f5f5f5;background:var(--background-color,#f5f5f5);width:100%}.phone-sidebar,.phone-view{display:-ms-flexbox;display:flex;height:100%}.phone-sidebar{background:#fff;background:var(--surface-color,#fff);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color,#e0e0e0);-ms-flex-direction:column;flex-direction:column;min-width:360px;width:360px}.phone-sidebar-header{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;background:linear-gradient(135deg,#1a73e8,#0d47a1);background:linear-gradient(135deg,var(--primary-color,#1a73e8) 0,#0d47a1 100%);color:#fff;display:-ms-flexbox;display:flex;justify-content:space-between;padding:16px}@media (max-width:768px){.phone-sidebar-header{padding-right:70px}}.phone-sidebar-title{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:12px}.phone-sidebar-title .material-icons{font-size:28px}.phone-sidebar-title h1{font-size:20px;font-weight:500;margin:0}.connection-dot{border-radius:50%;height:10px;margin-left:4px;width:10px}.connection-dot.connected{background:#4caf50;-webkit-box-shadow:0 0 6px #4caf50;box-shadow:0 0 6px #4caf50}.connection-dot.disconnected{background:#f44336;-webkit-box-shadow:0 0 6px #f44336;box-shadow:0 0 6px #f44336}.phone-settings-btn{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;height:40px;justify-content:center;-webkit-transition:background .2s;transition:background .2s;width:40px}.phone-settings-btn:hover{background:hsla(0,0%,100%,.3)}.phone-search{-ms-flex-align:center;align-items:center;background:#fff;background:var(--surface-color,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:-ms-flexbox;display:flex;padding:12px 16px}.phone-search .search-icon{color:#5f6368;color:var(--text-secondary,#5f6368);margin-right:12px}.phone-search-input{background:transparent;border:none;color:#202124;color:var(--text-primary,#202124);-ms-flex:1 1;flex:1 1;font-size:15px;outline:none}.phone-search-input::-webkit-input-placeholder{color:#5f6368;color:var(--text-secondary,#5f6368)}.phone-search-input::-moz-placeholder{color:#5f6368;color:var(--text-secondary,#5f6368)}.phone-search-input:-ms-input-placeholder{color:#5f6368;color:var(--text-secondary,#5f6368)}.phone-search-input::-ms-input-placeholder{color:#5f6368;color:var(--text-secondary,#5f6368)}.phone-search-input::placeholder{color:#5f6368;color:var(--text-secondary,#5f6368)}.search-clear-btn{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;color:var(--text-secondary,#5f6368);cursor:pointer;display:-ms-flexbox;display:flex;justify-content:center;padding:4px}.search-clear-btn:hover{background:rgba(0,0,0,.05)}.phone-sidebar-content{-ms-flex:1 1;flex:1 1;overflow-y:auto}.phone-sidebar-tabs{background:#fff;background:var(--surface-color,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:-ms-flexbox;display:flex}.sidebar-tab{background:transparent;border:none;color:#5f6368;color:var(--text-secondary,#5f6368);cursor:pointer;-ms-flex:1 1;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;position:relative;-webkit-transition:color .2s;transition:color .2s}.sidebar-tab:hover{background:rgba(0,0,0,.02);color:#202124;color:var(--text-primary,#202124)}.sidebar-tab.active{color:#1a73e8;color:var(--primary-color,#1a73e8)}.sidebar-tab.active:after{background:#1a73e8;background:var(--primary-color,#1a73e8);border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:16px;position:absolute;right:16px}.contacts-list{-ms-flex-direction:column;flex-direction:column}.contact-item,.contacts-list{display:-ms-flexbox;display:flex}.contact-item{-ms-flex-align:center;align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);cursor:pointer;padding:10px 16px;-webkit-transition:background .2s;transition:background .2s}.contact-item:hover{background:rgba(0,0,0,.02)}.contact-item:active{background:rgba(0,0,0,.05)}.contact-item .contact-avatar{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:#1a73e8;background:var(--primary-color,#1a73e8);border-radius:50%;display:-ms-flexbox;display:flex;height:44px;justify-content:center;margin-bottom:0;margin-right:12px;min-width:44px;width:44px}.contact-item .contact-avatar img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.contact-item .contact-avatar .material-icons{color:#fff;font-size:24px}.contact-item .contact-info{-ms-flex:1 1;flex:1 1;min-width:0;overflow:hidden}.contact-item .contact-name{color:#202124;color:var(--text-primary,#202124);font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-item .contact-number{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:13px;margin-top:2px}.contact-item .contact-call-btn{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:transparent;border:none;border-radius:50%;color:#34a853;color:var(--secondary-color,#34a853);cursor:pointer;display:-ms-flexbox;display:flex;height:40px;justify-content:center;-webkit-transition:background .2s;transition:background .2s;width:40px}.contact-item .contact-call-btn:hover{background:rgba(52,168,83,.1)}.empty-state-contacts{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color:#5f6368;color:var(--text-secondary,#5f6368);display:-ms-flexbox;display:flex;font-size:14px;justify-content:center;padding:40px 20px}.phone-main{background:#f5f5f5;background:var(--background-color,#f5f5f5);-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.phone-main,.phone-main-dialpad{display:-ms-flexbox;display:flex}.phone-main-dialpad{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;-ms-flex:1 1;flex:1 1;justify-content:center;padding:24px}.phone-main-contact{-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column}.contact-header,.phone-main-contact{background:#fff;background:var(--surface-color,#fff);display:-ms-flexbox;display:flex}.contact-header{-ms-flex-align:center;align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);gap:16px;padding:16px 20px}.contact-header .back-btn{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:none;border:none;border-radius:50%;color:#202124;color:var(--text-primary,#202124);cursor:pointer;display:-ms-flexbox;display:flex;justify-content:center;padding:8px}.contact-header .back-btn:hover{background:rgba(0,0,0,.05)}.contact-header h2{color:#202124;color:var(--text-primary,#202124);font-size:18px;font-weight:500;margin:0}.contact-details{-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;padding:40px 20px;text-align:center}.contact-avatar,.contact-details{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center}.contact-avatar{background:#1a73e8;background:var(--primary-color,#1a73e8);border-radius:50%;height:120px;margin-bottom:24px;width:120px}.contact-avatar .material-icons{color:#fff;font-size:60px}.contact-number{color:#202124;color:var(--text-primary,#202124);font-size:24px;font-weight:400;margin:0 0 8px}.contact-call-info{color:#5f6368;color:var(--text-secondary,#5f6368);font-size:14px;margin:0}.contact-actions{-ms-flex-pack:center;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:-ms-flexbox;display:flex;gap:24px;justify-content:center;padding:24px}.contact-action-btn{-ms-flex-align:center;align-items:center;border:none;border-radius:12px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:16px 32px;-webkit-transition:background .2s,-webkit-transform .1s;transition:background .2s,-webkit-transform .1s;transition:background .2s,transform .1s;transition:background .2s,transform .1s,-webkit-transform .1s}.contact-action-btn:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.contact-action-btn.call{background:#34a853;color:#fff}.contact-action-btn.call:hover{background:#2e7d32}.contact-action-btn.message{background:#1a73e8;background:var(--primary-color,#1a73e8);color:#fff}.contact-action-btn.message:hover{background:#1557b0;background:var(--primary-dark,#1557b0)}.contact-action-btn .material-icons{font-size:28px}.contact-action-btn span:last-child{font-size:14px;font-weight:500}.phone-empty-state{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color:#5f6368;color:var(--text-secondary,#5f6368);display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;justify-content:center}.phone-empty-state .material-icons{font-size:64px;margin-bottom:16px;opacity:.3}@media (min-width:769px){.phone-view{background:#fff;background:var(--surface-color,#fff);height:100%}.phone-sidebar{border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color,#e0e0e0);min-width:320px;width:320px}.phone-main{background:#f5f5f5;background:var(--background-color,#f5f5f5)}.phone-main,.phone-main-dialpad{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center}.phone-main-dialpad{height:100%;max-height:700px;max-width:450px;padding:24px;width:100%}.phone-empty-state{background:#fff;background:var(--surface-color,#fff)}}.dialpad-mobile-header,.phone-fab-dialpad{display:none}@media (max-width:768px){.phone-view{-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden;width:100%}.phone-sidebar{border-right:none;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;height:100%;min-width:100%;position:relative;width:100%}.phone-main{display:none;height:100%;overflow:hidden;width:100%}.phone-fab-dialpad{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:#1a73e8;background:var(--primary-color,#1a73e8);border:none;border-radius:50%;bottom:80px;-webkit-box-shadow:0 4px 12px rgba(26,115,232,.4);box-shadow:0 4px 12px rgba(26,115,232,.4);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}.phone-fab-dialpad:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.phone-fab-dialpad .material-icons{font-size:24px}.dialpad-mobile-header{background:linear-gradient(135deg,#1a73e8,#0d47a1);background:linear-gradient(135deg,var(--primary-color,#1a73e8) 0,#0d47a1 100%);-webkit-box-sizing:border-box;box-sizing:border-box;gap:12px;padding:calc(12px + env(safe-area-inset-top, 0px)) 70px 12px 16px;width:100%}.dialpad-mobile-header,.dialpad-mobile-header .back-btn{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex}.dialpad-mobile-header .back-btn{-ms-flex-pack:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;cursor:pointer;height:40px;justify-content:center;width:40px}.dialpad-mobile-header h2{-ms-flex:1 1;flex:1 1;font-size:18px;font-weight:500;margin:0}.dialpad-mobile-header-actions{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:12px}.dialpad-mobile-header-actions .connection-dot{border-radius:50%;height:10px;width:10px}.dialpad-mobile-header-actions .connection-dot.connected{background:#4caf50;-webkit-box-shadow:0 0 6px #4caf50;box-shadow:0 0 6px #4caf50}.dialpad-mobile-header-actions .connection-dot.disconnected{background:#f44336;-webkit-box-shadow:0 0 6px #f44336;box-shadow:0 0 6px #f44336}.mobile-settings-btn{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;height:36px;justify-content:center;-webkit-transition:background .2s;transition:background .2s;width:36px}.mobile-settings-btn:active,.mobile-settings-btn:hover{background:hsla(0,0%,100%,.3)}.mobile-settings-btn .material-icons{font-size:20px}.phone-view.show-main .phone-sidebar{display:none}.phone-view.show-main .phone-main{background:#fff;background:var(--surface-color,#fff);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.phone-view.show-main .phone-main-dialpad{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;max-height:none;max-width:none;min-height:0;padding:0;width:100%}.phone-view.show-main .phone-main-dialpad .dialpad{-ms-flex-align:center;align-items:center;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1;flex:1 1;max-width:none;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));width:100%}.phone-view.show-main .phone-main-dialpad .dialpad .dialpad-keys{grid-template-columns:repeat(3,80px);margin:0 auto;max-width:264px;padding:8px 0;width:264px}}.incoming-call-overlay{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;-webkit-animation:overlayFadeIn .3s ease-out;animation:overlayFadeIn .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@-webkit-keyframes overlayFadeIn{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes overlayFadeIn{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.incoming-call-content{-ms-flex-direction:column;flex-direction:column;max-width:400px;padding:40px 20px;width:100%}.incoming-call-content,.incoming-call-line{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.incoming-call-line{background:hsla(0,0%,100%,.1);border-radius:20px;color:#4ade80;font-size:14px;gap:8px;margin-bottom:30px;padding:8px 16px}.incoming-call-line .material-icons{font-size:18px}.incoming-call-avatar{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;-webkit-box-shadow:0 0 0 0 rgba(74,222,128,.7);box-shadow:0 0 0 0 rgba(74,222,128,.7);display:-ms-flexbox;display:flex;height:120px;justify-content:center;margin-bottom:30px;width:120px}.incoming-call-avatar .material-icons{color:#fff;font-size:60px}.incoming-call-avatar.pulsing{-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(74,222,128,.7);box-shadow:0 0 0 0 rgba(74,222,128,.7);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-box-shadow:0 0 0 30px rgba(74,222,128,0);box-shadow:0 0 0 30px rgba(74,222,128,0);-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-box-shadow:0 0 0 0 rgba(74,222,128,0);box-shadow:0 0 0 0 rgba(74,222,128,0);-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(74,222,128,.7);box-shadow:0 0 0 0 rgba(74,222,128,.7);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-box-shadow:0 0 0 30px rgba(74,222,128,0);box-shadow:0 0 0 30px rgba(74,222,128,0);-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-box-shadow:0 0 0 0 rgba(74,222,128,0);box-shadow:0 0 0 0 rgba(74,222,128,0);-webkit-transform:scale(1);transform:scale(1)}}.incoming-call-info{margin-bottom:50px;text-align:center}.caller-name{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px;word-break:break-word}.caller-number{color:hsla(0,0%,100%,.7);font-size:18px;margin:0 0 12px}.call-status{-webkit-animation:statusBlink 1s infinite;animation:statusBlink 1s infinite;color:#4ade80;font-size:16px;margin:0}@-webkit-keyframes statusBlink{0%,50%{opacity:1}51%,to{opacity:.5}}@keyframes statusBlink{0%,50%{opacity:1}51%,to{opacity:.5}}.incoming-call-actions{display:-ms-flexbox;display:flex;gap:60px;margin-bottom:30px}.call-action{-ms-flex-align:center;align-items:center;background:none;border:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:10px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.call-action:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.call-action:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.call-action .material-icons{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;border-radius:50%;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.3);box-shadow:0 4px 15px rgba(0,0,0,.3);color:#fff;display:-ms-flexbox;display:flex;font-size:32px;height:70px;justify-content:center;width:70px}.call-action.reject .material-icons{background:linear-gradient(135deg,#ef4444,#dc2626)}.call-action.answer .material-icons{-webkit-animation:answerPulse 1s infinite;animation:answerPulse 1s infinite;background:linear-gradient(135deg,#4ade80,#22c55e)}@-webkit-keyframes answerPulse{0%,to{-webkit-box-shadow:0 4px 15px rgba(74,222,128,.5);box-shadow:0 4px 15px rgba(74,222,128,.5)}50%{-webkit-box-shadow:0 4px 30px rgba(74,222,128,.8);box-shadow:0 4px 30px rgba(74,222,128,.8)}}@keyframes answerPulse{0%,to{-webkit-box-shadow:0 4px 15px rgba(74,222,128,.5);box-shadow:0 4px 15px rgba(74,222,128,.5)}50%{-webkit-box-shadow:0 4px 30px rgba(74,222,128,.8);box-shadow:0 4px 30px rgba(74,222,128,.8)}}.call-action .action-label{color:hsla(0,0%,100%,.9);font-size:14px;font-weight:500}.ami-note{background:hsla(0,0%,100%,.05);border-radius:10px;color:hsla(0,0%,100%,.6);font-size:13px;line-height:1.5;margin:0;max-width:280px;padding:15px;text-align:center}.incoming-call-error{-ms-flex-align:center;align-items:center;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.5);border-radius:8px;color:#fca5a5;display:-ms-flexbox;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:10px 16px}.incoming-call-error .material-icons{color:#ef4444;font-size:20px}.call-action:disabled{cursor:not-allowed;opacity:.6}.call-action:disabled:hover{-webkit-transform:none;-ms-transform:none;transform:none}.call-action.loading .material-icons{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-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-height:600px){.incoming-call-avatar{height:90px;margin-bottom:20px;width:90px}.incoming-call-avatar .material-icons{font-size:45px}.caller-name{font-size:24px}.incoming-call-info{margin-bottom:30px}.incoming-call-actions{gap:40px}.call-action .material-icons{font-size:28px;height:60px;width:60px}}@media (orientation:landscape) and (max-height:500px){.incoming-call-content{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:20px}.incoming-call-content,.incoming-call-line{-ms-flex-pack:center;justify-content:center}.incoming-call-line{margin-bottom:15px;width:100%}.incoming-call-avatar{height:70px;margin-bottom:0;margin-right:20px;width:70px}.incoming-call-avatar .material-icons{font-size:35px}.incoming-call-info{-ms-flex:1 1;flex:1 1;margin-bottom:0;text-align:left}.caller-name{font-size:20px}.call-status,.caller-number{font-size:14px}.incoming-call-actions{-ms-flex-pack:center;gap:50px;justify-content:center;margin-top:20px;width:100%}.call-action .material-icons{font-size:26px;height:55px;width:55px}.ami-note{display:none}}
/*# sourceMappingURL=main.fb063974.css.map*/