img.emoji{height:1.2em;width:1.2em;margin:0 .05em 0 .1em;vertical-align:-.1em;display:inline}.message-reaction-display img.emoji{height:36px;width:36px}.message-reactions-badge img.emoji{height:14px;width:14px}.last-message img.emoji{height:14px;width:14px;vertical-align:-.15em}:root{--bg-default: #111b21;--bg-panel: #202c33;--bg-panel-header: #202c33;--bg-conversation: #0b141a;--bg-message-out: #005c4b;--bg-message-in: #202c33;--bg-hover: #2a3942;--bg-active: #2a3942;--text-primary: #e9edef;--text-secondary: #8696a0;--text-muted: #667781;--accent-primary: #00a884;--accent-darker: #008069;--accent-light: #06cf9c;--green-online: #25d366;--border-default: #2a2f32;--border-light: #374045;--border-strong: #3b4a54;--icon-default: #aebac1;--icon-lighter: #8696a0;--icon-active: #00a884;--shadow: 0 2px 5px rgba(11, 20, 26, .5);--shadow-strong: 0 4px 12px rgba(0, 0, 0, .4);--radius-small: 8px;--radius-medium: 12px;--radius-large: 20px;--transition-fast: .15s ease;--transition-normal: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-default);color:var(--text-primary);overflow:hidden;font-size:14.2px;line-height:1.4;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8696a04d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8696a080}.app{display:flex;height:100vh;overflow:hidden;background:var(--bg-default)}.sidebar{width:400px;min-width:300px;max-width:500px;background:var(--bg-default);border-right:1px solid var(--border-default);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:10px 16px;background:var(--bg-panel-header);display:flex;align-items:center;justify-content:space-between;height:59px;border-bottom:1px solid var(--border-default)}.sidebar-header h1{font-size:16px;font-weight:400;color:var(--text-primary)}.sidebar-header-title{display:flex;flex-direction:column;gap:1px}.last-refresh{font-size:11px;color:var(--text-secondary);opacity:.7;font-weight:300}.tabs{display:flex;gap:0;background:var(--bg-panel-header)}.tab{flex:1;padding:14px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:400;cursor:pointer;transition:var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.tab:hover{background:#8696a014;color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:transparent}.sender-filter{padding:8px 12px;background:var(--bg-default);border-bottom:1px solid var(--border-default)}.sender-select{width:100%;padding:9px 12px;background:var(--bg-panel);border:none;border-radius:var(--radius-small);color:var(--text-primary);font-size:14px;cursor:pointer;outline:none;transition:var(--transition-fast)}.sender-select:hover{background:var(--bg-hover)}.sender-select:focus{outline:none}.sender-select option{background:var(--bg-panel);color:var(--text-primary)}.search-bar{padding:8px 12px;background:var(--bg-default)}.search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-panel);border-radius:var(--radius-small);overflow:hidden}.search-icon{position:absolute;left:12px;color:var(--icon-lighter);display:flex;align-items:center;pointer-events:none}.search-input{width:100%;padding:9px 36px 9px 40px;background:transparent;border:none;color:var(--text-primary);font-size:14px;outline:none}.search-input::placeholder{color:var(--text-secondary)}.search-clear-btn{position:absolute;right:8px;background:none;border:none;color:var(--icon-lighter);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:50%;transition:var(--transition-fast)}.search-clear-btn:hover{color:var(--text-primary);background:#8696a026}.filters{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.filter-btn{padding:6px 12px;background:var(--bg-panel);border:none;border-radius:var(--radius-large);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:6px}.filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-btn.active{background:var(--accent-darker);color:#fff}.conversation-list{flex:1;overflow-y:auto;overflow-x:hidden}.conversation-item{padding:12px 16px;cursor:pointer;display:flex;gap:15px;border-bottom:1px solid rgba(134,150,160,.08);background:var(--bg-default);transition:background var(--transition-fast);position:relative}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.active{background:var(--bg-active)}.conversation-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-primary)}.avatar{width:49px;height:49px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;flex-shrink:0;font-size:18px}.conversation-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.conversation-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.contact-name{font-size:16px;color:var(--text-primary);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-time{font-size:12px;color:var(--text-muted);flex-shrink:0}.last-message{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.last-message svg{flex-shrink:0;color:var(--icon-lighter)}.load-more{padding:16px;text-align:center}.load-more-btn{padding:10px 24px;background:transparent;color:var(--accent-primary);border:none;border-radius:var(--radius-small);font-size:14px;font-weight:400;cursor:pointer;transition:var(--transition-fast)}.load-more-btn:hover{background:#00a8841a}.load-more-btn:disabled{color:var(--text-muted);cursor:not-allowed}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#0b141a;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23202c33' fill-opacity='0.06' fill-rule='evenodd'/%3E%3C/svg%3E");position:relative}.chat-container.dragging{outline:3px dashed var(--accent-color);outline-offset:-3px}.drop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00a88426;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.drop-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 60px;background:var(--bg-lighter);border-radius:16px;border:2px dashed var(--accent-color);box-shadow:0 8px 32px #0000004d}.drop-content svg{width:48px;height:48px;color:var(--accent-color)}.drop-content span{font-size:18px;font-weight:500;color:var(--text-primary)}.chat-area{flex:1;display:flex;flex-direction:column;min-height:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-secondary);background:var(--bg-conversation);position:relative;padding-bottom:60px}.empty-state-icon{margin-bottom:16px;animation:fadeSlideIn .6s ease}.empty-state-title{font-size:32px;font-weight:300;color:var(--text-primary);letter-spacing:-.5px;animation:fadeSlideIn .6s ease .1s both}.empty-state-desc{font-size:14px;color:var(--text-secondary);text-align:center;line-height:1.6;max-width:460px;animation:fadeSlideIn .6s ease .2s both}.empty-state-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:16px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border-default);animation:fadeSlideIn .6s ease .3s both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-header{padding:10px 16px;background:var(--bg-panel-header);border-bottom:1px solid var(--border-default);display:flex;align-items:center;gap:15px;height:59px}.chat-header .avatar{width:40px;height:40px;font-size:14px}.header-info{flex:1;min-width:0}.header-info h2{font-size:16px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.header-info h2:hover{text-decoration:underline}.header-info p{font-size:13px;color:var(--text-secondary);cursor:pointer}.header-actions{display:flex;gap:8px}.header-action-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--icon-default);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.header-action-btn:hover{background:var(--bg-hover)}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 60px;display:flex;flex-direction:column;gap:2px;background-color:var(--bg-conversation);background-image:url("data:image/svg+xml,%3Csvg width='300' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.i%7Bfill:%23ffffff;opacity:0.03%7D%3C/style%3E%3C/defs%3E%3Ccircle class='i' cx='25' cy='25' r='4'/%3E%3Ccircle class='i' cx='75' cy='45' r='3'/%3E%3Ccircle class='i' cx='145' cy='20' r='3.5'/%3E%3Ccircle class='i' cx='220' cy='55' r='3'/%3E%3Ccircle class='i' cx='280' cy='30' r='4'/%3E%3Crect class='i' x='50' y='100' width='10' height='7' rx='2'/%3E%3Crect class='i' x='130' y='80' width='12' height='8' rx='2'/%3E%3Crect class='i' x='230' y='110' width='9' height='6' rx='2'/%3E%3Crect class='i' x='30' y='170' width='11' height='7' rx='2'/%3E%3Crect class='i' x='180' y='160' width='10' height='7' rx='2'/%3E%3Crect class='i' x='270' y='175' width='8' height='6' rx='2'/%3E%3Ccircle class='i' cx='95' cy='145' r='3'/%3E%3Ccircle class='i' cx='165' cy='130' r='2.5'/%3E%3Ccircle class='i' cx='60' cy='230' r='3.5'/%3E%3Ccircle class='i' cx='120' cy='210' r='3'/%3E%3Ccircle class='i' cx='200' cy='240' r='4'/%3E%3Ccircle class='i' cx='255' cy='220' r='3'/%3E%3Crect class='i' x='80' cy='270' width='10' height='7' rx='2' y='265'/%3E%3Crect class='i' x='160' cy='280' width='12' height='8' rx='2' y='275'/%3E%3Crect class='i' x='240' cy='260' width='9' height='6' rx='2' y='258'/%3E%3C/svg%3E");background-repeat:repeat}.date-separator{display:flex;justify-content:center;padding:12px 0}.date-separator span{background:var(--bg-panel-header);color:var(--text-secondary);font-size:12.5px;padding:6px 12px;border-radius:7.5px;box-shadow:0 1px .5px #0b141a21;letter-spacing:.3px;text-transform:uppercase;font-weight:400}.messages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text-secondary)}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-line{height:12px;border-radius:4px;background:linear-gradient(90deg,#8696a014 25%,#8696a029,#8696a014 75%);background-size:200px 100%;animation:skeletonShimmer 1.4s ease-in-out infinite}.skeleton-list{padding:0}.skeleton-item{display:flex;align-items:center;gap:15px;padding:12px 16px;border-bottom:1px solid rgba(134,150,160,.06)}.skeleton-avatar{width:49px;height:49px;border-radius:50%;flex-shrink:0;background:linear-gradient(90deg,#8696a014 25%,#8696a029,#8696a014 75%);background-size:200px 100%;animation:skeletonShimmer 1.4s ease-in-out infinite}.skeleton-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.skeleton-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.skeleton-time{width:36px!important;height:10px;flex-shrink:0}.messages-skeleton{padding:20px 60px;display:flex;flex-direction:column;gap:6px;height:100%;justify-content:flex-end}.skeleton-msg{display:flex}.skeleton-msg.in{justify-content:flex-start}.skeleton-msg.out{justify-content:flex-end}.skeleton-msg-bubble{padding:10px 12px;border-radius:7.5px;display:flex;flex-direction:column;gap:6px;max-width:65%}.skeleton-msg.in .skeleton-msg-bubble{background:#202c3380;border-top-left-radius:0}.skeleton-msg.out .skeleton-msg-bubble{background:#005c4b40;border-top-right-radius:0}.message-bubble{max-width:65%;padding:6px 7px 8px 9px;border-radius:7.5px;word-wrap:break-word;position:relative;animation:fadeSlideIn .15s ease-out;box-shadow:0 1px .5px #0b141a21}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message-bubble.bot{align-self:flex-end;background:var(--bg-message-out);color:var(--text-primary);border-radius:7.5px 7.5px 0}.message-bubble.user{align-self:flex-start;background:var(--bg-message-in);color:var(--text-primary);border-radius:7.5px 7.5px 7.5px 0}.message-bubble.bot:after{content:"";position:absolute;right:-8px;bottom:0;width:0;height:0;border:8px solid transparent;border-bottom-color:var(--bg-message-out);border-right:0}.message-bubble.user:after{content:"";position:absolute;left:-8px;bottom:0;width:0;height:0;border:8px solid transparent;border-bottom-color:var(--bg-message-in);border-left:0}.message-bubble.sticker-bubble{background:transparent!important;box-shadow:none!important;padding:0;border-radius:0}.message-bubble.sticker-bubble:after{display:none!important}.message-bubble.sticker-bubble .message-sticker{width:160px;height:160px;object-fit:contain;display:block}.message-bubble.sticker-bubble .message-footer{position:absolute;bottom:4px;right:4px;background:#00000073;border-radius:8px;padding:2px 6px;margin:0}.message-bubble.sticker-bubble .message-timestamp,.message-bubble.sticker-bubble .message-status{color:#ffffffe6!important}.message-bubble.image-bubble,.message-bubble.video-bubble{padding:3px;overflow:hidden;position:relative;width:330px;max-width:65%}.message-bubble.image-bubble .message-image{display:block;width:380px;max-width:100%;min-height:150px;background:#f0f0f0;border-radius:6px;cursor:pointer;object-fit:contain}.message-bubble.video-bubble .message-video{display:block;width:380px;max-width:100%;min-height:200px;border-radius:6px;background:#000}.message-bubble.image-bubble .message-footer,.message-bubble.video-bubble .message-footer{position:absolute;bottom:6px;right:8px;background:#00000073;border-radius:8px;padding:2px 6px;margin:0}.message-bubble.image-bubble .message-timestamp,.message-bubble.video-bubble .message-timestamp,.message-bubble.image-bubble .message-status,.message-bubble.video-bubble .message-status{color:#ffffffe6!important}.video-poster{width:380px;max-width:100%;min-height:200px;background:#000;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.video-poster:hover{opacity:.85}.video-fallback{width:380px;max-width:100%;min-height:160px;background:#1a1a1a;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.image-lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.image-lightbox-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 32px #00000080}.custom-audio-player{display:flex;align-items:center;gap:12px;width:320px;padding:4px}.audio-avatar-container{position:relative;width:44px;height:44px;flex-shrink:0}.audio-avatar{width:100%;height:100%;border-radius:50%;overflow:hidden;background-color:var(--bg-panel-header);display:flex;align-items:center;justify-content:center}.audio-avatar img{width:100%;height:100%;object-fit:cover}.audio-avatar-fallback{width:24px;height:24px;color:var(--text-secondary)}.audio-mic-icon{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.audio-mic-icon.user{background-color:#53bdeb}.audio-mic-icon.bot{background-color:#00a884}.audio-controls{flex-shrink:0;display:flex;align-items:center;justify-content:center}.play-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.play-btn:hover{color:var(--text-primary)}.audio-timeline{display:flex;flex-direction:column;flex:1;position:relative;padding-top:8px}.waveform-container{height:24px;width:100%;display:flex;align-items:center;position:relative}.audio-slider{-webkit-appearance:none;width:100%;height:6px;background:transparent;outline:none;position:absolute;top:50%;transform:translateY(-50%);margin:0;cursor:pointer;z-index:2}.audio-slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;border-radius:3px;background:linear-gradient(to right,#00a884 var(--progress, 0%),var(--bg-panel-header) var(--progress, 0%))}.custom-audio-player.user .audio-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#139886 var(--progress, 0%),rgba(255,255,255,.4) var(--progress, 0%))}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#00a884;cursor:pointer;margin-top:-3px;box-shadow:0 1px 2px #0000004d}.custom-audio-player.user .audio-slider::-webkit-slider-thumb{background:#139886}.audio-time{font-size:11px;color:var(--text-secondary);margin-top:2px}.message-document{display:flex;align-items:center;gap:12px;background:#0000000a;padding:10px;border-radius:6px;text-decoration:none;min-width:220px;max-width:320px;transition:background .2s}.message-bubble.user .message-document{background:#ffffff26}.message-document:hover{background:#00000014}.message-bubble.user .message-document:hover{background:#ffffff40}.doc-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border-radius:4px;flex-shrink:0;box-shadow:0 1px 1px #0000000d}.message-bubble.user .doc-icon{background:#fffc}.doc-icon svg{fill:var(--text-secondary)}.doc-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.doc-name{font-size:14.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--text-primary);line-height:1.3}.message-text{font-size:14.2px;line-height:19px;white-space:pre-wrap;margin-right:50px}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px;float:right;margin-left:10px;margin-bottom:-5px}.message-timestamp{font-size:11px;color:#fff9}.message-bubble.user .message-timestamp{color:var(--text-muted)}.message-status{display:flex;align-items:center;color:#fff9}.message-status.read{color:#53bdeb}.message-input-area{display:flex;flex-direction:column;padding:10px 16px;background:var(--bg-panel-header);border-top:1px solid var(--border-default);gap:8px}.file-preview{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-hover);border-radius:var(--radius-small);animation:fadeSlideIn .15s ease-out}.file-info{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:14px;overflow:hidden}.file-icon{width:36px;height:36px;background:var(--accent-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.file-name{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.file-size{color:var(--text-muted);font-size:12px;flex-shrink:0}.cancel-file{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:var(--icon-default);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.cancel-file:hover{background:#ff6b6b1a;color:#ff6b6b}.input-row{display:flex;align-items:center;gap:8px}.input-action-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--icon-default);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.input-action-btn:hover{color:var(--icon-lighter)}.input-action-btn svg{width:26px;height:26px}.attach-button{width:40px;height:40px;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--icon-default);transition:var(--transition-fast);flex-shrink:0}.attach-button:hover{color:var(--icon-lighter)}.attach-button svg{width:26px;height:26px;transform:rotate(45deg)}.message-input-wrapper{flex:1;display:flex;align-items:center;background:var(--bg-panel);border-radius:var(--radius-small);padding:0 8px;min-height:42px}.message-input-area input[type=text]{flex:1;padding:9px 12px;background:transparent;border:none;color:var(--text-primary);font-size:15px;outline:none}.message-input-area input::placeholder{color:var(--text-secondary)}.send-button{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--icon-default);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.send-button:hover:not(:disabled){color:var(--text-primary)}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button.active{color:var(--accent-primary)}.send-button svg{width:26px;height:26px}.bits-filter{padding:8px 12px;background:var(--bg-default);border-bottom:1px solid var(--border-default)}.bits-pills{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.bits-pills::-webkit-scrollbar{display:none}.bits-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-panel);border:none;border-radius:var(--radius-large);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;font-size:13px;color:var(--text-secondary)}.bits-pill:hover{background:var(--bg-hover);color:var(--text-primary)}.bits-pill.active{background:var(--accent-darker);color:#fff}.bits-pill-icon{width:8px;height:8px;border-radius:50%;flex-shrink:0}.spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:16px;height:16px;border:2px solid rgba(134,150,160,.3);border-top-color:var(--text-secondary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-older{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;color:var(--text-secondary);font-size:13px}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b141ad9;z-index:1000;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;width:400px;height:100%;background:var(--bg-panel);box-shadow:var(--shadow-strong);z-index:1001;animation:slideInRight .2s ease-out;display:flex;flex-direction:column}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:16px;background:var(--bg-panel-header);border-bottom:1px solid var(--border-default);display:flex;align-items:center;gap:20px}.drawer-close{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--icon-default);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.drawer-close:hover{background:var(--bg-hover)}.drawer-title{font-size:19px;font-weight:500;color:var(--text-primary)}.drawer-content{flex:1;overflow-y:auto;padding:24px}.media-content{margin-bottom:4px}.message-image{display:block;width:100%;border-radius:6px;cursor:pointer;transition:var(--transition-fast)}.message-image:hover{opacity:.9}.message-video{display:block;width:100%;min-height:200px;border-radius:6px;background:#000}.message-audio{width:280px;height:36px;border-radius:18px;outline:none}.message-audio::-webkit-media-controls-panel{background:transparent}.audio-message{display:flex;flex-direction:column;gap:4px}.audio-duration{font-size:11px;color:var(--text-muted);text-align:right}.message-sender-name{font-size:12.8px;font-weight:500;color:#35cd96;margin-bottom:2px}.message-sticker{max-width:180px;max-height:180px;border-radius:0}.avatar-photo{width:49px;height:49px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-document{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0000001a;border-radius:6px;text-decoration:none;color:inherit;min-width:200px;transition:var(--transition-fast)}.message-document:hover{background:#00000026}.doc-icon{width:36px;height:36px;background:var(--accent-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff}.doc-info{flex:1;min-width:0}.doc-name{font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-size{font-size:12px;color:var(--text-secondary)}.contact-card{min-width:220px;max-width:320px}.contact-card-body{display:flex;align-items:center;gap:12px;padding:4px 0 10px}.contact-card-avatar{width:48px;height:48px;border-radius:50%;background:#8696a01f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.contact-card-name{font-size:15px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-card-phone{font-size:13px;color:var(--text-secondary)}.contact-card-action{border-top:1px solid rgba(134,150,160,.15);padding-top:8px;margin-top:2px;text-align:center}.contact-card-btn{display:inline-flex;align-items:center;gap:6px;color:var(--accent-primary);text-decoration:none;font-size:14px;font-weight:500;padding:4px 8px;border-radius:6px;transition:background var(--transition-fast)}.contact-card-btn:hover{background:#00a88414}.context-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.context-menu{position:fixed;background:var(--bg-panel);border-radius:var(--radius-small);box-shadow:var(--shadow-strong);min-width:200px;z-index:999;overflow:hidden;animation:fadeSlideIn .1s ease-out}.context-menu-header{padding:12px 16px;background:var(--bg-panel-header);border-bottom:1px solid var(--border-default);font-weight:500;color:var(--text-primary);font-size:14px}.context-menu-item{padding:12px 24px;cursor:pointer;color:var(--text-primary);font-size:14px;transition:var(--transition-fast);display:flex;align-items:center;gap:15px}.context-menu-item:hover{background:var(--bg-hover)}.context-menu-item svg{color:var(--icon-default)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b141ad9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.modal-content{background:var(--bg-panel);border-radius:var(--radius-medium);max-width:500px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-strong);animation:fadeSlideIn .2s ease-out}.modal-header{padding:16px 24px;background:var(--bg-panel-header);border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:18px;font-weight:500;color:var(--text-primary)}.modal-close{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--icon-default);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.modal-close:hover{background:var(--bg-hover)}.modal-body{padding:24px;overflow-y:auto;flex:1}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.unread-badge{min-width:20px;height:20px;padding:0 6px;background:var(--accent-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#fff}.login-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0b141a;position:relative;overflow:hidden}.login-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-color:#0b141a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cdefs%3E%3Cstyle%3E.i%7Bfill:%2300a884%7D%3C/style%3E%3C/defs%3E%3Cpath class='i' d='M20 8h-2v-2c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v2H8c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm-6 0h-4V6h4v2z' transform='translate(5,5) scale(0.7)'/%3E%3Cpath class='i' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z' transform='translate(60,15) scale(0.6)'/%3E%3Cpath class='i' d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z' transform='translate(120,8) scale(0.7)'/%3E%3Cpath class='i' d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z' transform='translate(30,55) scale(0.65)'/%3E%3Cpath class='i' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z' transform='translate(100,50) scale(0.65)'/%3E%3Cpath class='i' d='M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z' transform='translate(160,55) scale(0.6)'/%3E%3Cpath class='i' d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z' transform='translate(10,100) scale(0.6)'/%3E%3Cpath class='i' d='M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zm-5-7l-5 3V9z' transform='translate(70,95) scale(0.65)'/%3E%3Cpath class='i' d='M12 12c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2s2 .9 2 2v6c0 1.1-.9 2-2 2zm6-2c0 3.31-2.69 6-6 6s-6-2.69-6-6H4c0 3.87 3.13 7 7 7v4h2v-4c3.87 0 7-3.13 7-7h-2z' transform='translate(140,100) scale(0.6)'/%3E%3Cpath class='i' d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z' transform='translate(25,150) scale(0.6)'/%3E%3Cpath class='i' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM6 6h5v2H6V6zm13 10H5v-2h14v2zm0-4H5v-2h14v2z' transform='translate(90,148) scale(0.6)'/%3E%3Cpath class='i' d='M14.5 6.92L13 5.5V2h-2v3.5l-1.5 1.42C9.19 7.21 9 7.59 9 8v6.5c0 .83.67 1.5 1.5 1.5h3c.83 0 1.5-.67 1.5-1.5V8c0-.41-.19-.79-.5-1.08z' transform='translate(155,145) scale(0.65)'/%3E%3C/svg%3E");background-size:200px 200px;z-index:0}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:222px;background:linear-gradient(135deg,#00a884,#008069,#025144);z-index:0}.login-container:after{content:"";position:absolute;top:220px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(37,211,102,.4),transparent);background-size:200% 100%;animation:shimmerLine 4s ease-in-out infinite;z-index:0}@keyframes shimmerLine{0%,to{background-position:-200% 0}50%{background-position:200% 0}}.login-chat-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.scene-msg{position:absolute;opacity:0;animation:sceneAppear 12s ease-in-out infinite}.scene-msg-bubble{padding:7px 10px 4px;font-size:13px;line-height:1.35;white-space:nowrap;position:relative;box-shadow:0 1px 3px #00000026}.scene-msg-bubble.in{background:#202c3373;border-radius:0 8px 8px;color:#e9edef73;border:1px solid rgba(255,255,255,.04)}.scene-msg-bubble.out{background:#005c4b59;border-radius:8px 0 8px 8px;color:#e9edef73;border:1px solid rgba(0,168,132,.08)}.scene-time{font-size:10px;color:#8696a080;margin-left:8px;float:right;margin-top:3px}.scene-time-out{color:#e9edef4d}.scene-check{font-size:10px;color:#8696a066}.scene-check.read{color:#53bdeb80}.scene-typing{display:inline-flex;gap:4px;align-items:center;padding:4px 8px}.scene-typing span{width:7px;height:7px;border-radius:50%;background:#00a88473;animation:typingDot 1.4s ease-in-out infinite}.scene-typing span:nth-child(2){animation-delay:.15s}.scene-typing span:nth-child(3){animation-delay:.3s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-6px);opacity:.8}}@keyframes sceneAppear{0%{opacity:0;transform:translateY(8px) scale(.92)}6%{opacity:1;transform:translateY(0) scale(1)}44%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:0}}.scene-pos-1{top:10%;left:4%;animation-delay:0s}.scene-pos-2{top:18%;left:6%;animation-delay:-1.5s;animation-duration:14s}.scene-pos-3{top:28%;left:3%;animation-delay:-3s;animation-duration:10s}.scene-pos-4{top:12%;right:4%;animation-delay:-5s;animation-duration:13s}.scene-pos-5{top:22%;right:3%;animation-delay:-7s;animation-duration:11s}.scene-pos-6{top:60%;right:3%;animation-delay:-2s;animation-duration:10s}.scene-pos-7{bottom:22%;left:4%;animation-delay:-8s;animation-duration:14s}.scene-pos-8{bottom:12%;right:5%;animation-delay:-4s;animation-duration:12s}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:#202c33f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;overflow:hidden;animation:cardSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-strip{height:4px;background:linear-gradient(90deg,#00a884,#25d366,#00a884);background-size:200% 100%;animation:stripShimmer 3s ease-in-out infinite}@keyframes stripShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-card-body{padding:40px 36px 32px}.login-logo{width:72px;height:72px;margin:0 auto 20px;background:linear-gradient(135deg,#00a884,#25d366);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00a8844d}.login-title{text-align:center;font-size:26px;font-weight:600;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.3px}.login-subtitle{text-align:center;font-size:14px;color:var(--text-secondary);margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:20px}.login-field-group{display:flex;flex-direction:column;gap:6px}.login-label{font-size:13px;font-weight:500;color:var(--text-secondary);padding-left:2px}.login-input-wrap{display:flex;align-items:center;background:var(--bg-default);border:1px solid var(--border-default);border-radius:10px;padding:0 14px;transition:all .2s ease}.login-input-wrap:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00a8841a}.login-input-icon{color:var(--text-muted);flex-shrink:0;transition:color .2s}.login-input-wrap:focus-within .login-input-icon{color:var(--accent-primary)}.login-input-wrap input{flex:1;padding:14px 12px;background:transparent;border:none;color:var(--text-primary);font-size:15px;outline:none}.login-input-wrap input::placeholder{color:var(--text-muted)}.login-eye-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s}.login-eye-btn:hover{color:var(--text-primary);background:#ffffff0d}.login-error{display:flex;align-items:center;gap:8px;background:#dc35451f;border:1px solid rgba(220,53,69,.25);color:#ff6b6b;padding:12px 16px;border-radius:10px;font-size:14px;animation:shakeX .4s ease}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#00a884,#008069);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;letter-spacing:.3px}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#008069,#025144);transform:translateY(-1px);box-shadow:0 4px 16px #00a8844d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-default);color:var(--text-muted);font-size:12px}.login-box,.login-header,.login-field{display:none}.toast{position:fixed;top:20px;right:20px;z-index:10000;display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:8px;box-shadow:0 4px 12px #0006;animation:slideIn .3s ease;max-width:400px}.toast-error{background:#dc3545;color:#fff}.toast-success{background:#00a884;color:#fff}.toast-warning{background:#ffc107;color:#000}.toast span{flex:1;font-size:14px;line-height:1.4}.toast-close{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;line-height:1;opacity:.8}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal{background:var(--bg-panel);border-radius:var(--radius-medium);width:600px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-strong);border:1px solid var(--border-default)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-default)}.settings-header h2{font-size:18px;font-weight:500;color:var(--text-primary);margin:0}.settings-close{background:none;border:none;color:var(--icon-default);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-fast)}.settings-close:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-content{flex:1;overflow-y:auto;padding:24px}.settings-loading{padding:40px;text-align:center;color:var(--text-secondary)}.settings-message{padding:12px 16px;border-radius:var(--radius-small);margin-bottom:20px;font-size:14px}.settings-message.success{background:#00a88426;color:var(--accent-primary);border:1px solid var(--accent-primary)}.settings-message.error{background:#ea433526;color:#ea4335;border:1px solid #ea4335}.settings-section{margin-bottom:28px}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:13px;font-weight:500;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-default)}.settings-field{margin-bottom:16px}.settings-field:last-child{margin-bottom:0}.settings-field label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.settings-input-wrapper{position:relative;display:flex;align-items:center}.settings-field input{width:100%;padding:10px 44px 10px 14px;background:var(--bg-default);border:1px solid var(--border-default);border-radius:var(--radius-small);color:var(--text-primary);font-size:14px;transition:var(--transition-fast)}.settings-field input:focus{outline:none;border-color:var(--accent-primary)}.settings-field input::placeholder{color:var(--text-muted)}.settings-visibility-toggle{position:absolute;right:8px;background:none;border:none;color:var(--icon-default);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:var(--transition-fast)}.settings-visibility-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-default)}.settings-btn-cancel,.settings-btn-save{padding:10px 24px;border-radius:var(--radius-small);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.settings-btn-cancel{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.settings-btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-btn-save{background:var(--accent-primary);border:none;color:#fff}.settings-btn-save:hover{background:var(--accent-light)}.settings-btn-save:disabled{opacity:.5;cursor:not-allowed}.um-section-title{font-size:14px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.um-alert{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;animation:fadeSlideIn .2s ease}.um-alert-error{background:#dc35451f;color:#ff6b6b;border:1px solid rgba(220,53,69,.25)}.um-alert-success{background:#00a8841f;color:var(--accent-primary);border:1px solid rgba(0,168,132,.25)}.um-create-form{padding-bottom:16px;border-bottom:1px solid var(--border-default)}.um-form-row{display:flex;gap:8px;align-items:center}.um-input{flex:1;padding:10px 12px;background:var(--bg-default);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s}.um-input:focus{border-color:var(--accent-primary)}.um-input::placeholder{color:var(--text-muted)}.um-input-sm{padding:6px 10px;font-size:13px;width:120px;flex:none}.um-btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .15s;flex-shrink:0}.um-btn-add{width:40px;height:40px;background:var(--accent-primary);color:#fff}.um-btn-add:hover:not(:disabled){background:var(--accent-darker)}.um-btn-add:disabled{opacity:.4;cursor:not-allowed}.um-btn-edit,.um-btn-delete{width:32px;height:32px;background:transparent;color:var(--text-muted)}.um-btn-edit:hover{background:#00a8841a;color:var(--accent-primary)}.um-btn-delete:hover{background:#dc35451a;color:#ff6b6b}.um-btn-save{width:28px;height:28px;background:var(--accent-primary);color:#fff;font-size:14px;border-radius:6px}.um-btn-save:disabled{opacity:.4;cursor:not-allowed}.um-btn-cancel{width:28px;height:28px;background:#ffffff0d;color:var(--text-muted);font-size:14px;border-radius:6px}.um-btn-cancel:hover{color:#ff6b6b}.um-user-list{display:flex;flex-direction:column;gap:4px}.um-user-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-default);border-radius:10px;transition:background .15s}.um-user-item:hover{background:var(--bg-hover)}.um-user-info{display:flex;align-items:center;gap:12px}.um-user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}.um-user-name{font-size:15px;color:var(--text-primary);font-weight:500}.um-user-meta{font-size:12px;color:var(--text-muted)}.um-user-actions{display:flex;align-items:center;gap:4px}.um-edit-row{display:flex;align-items:center;gap:6px}.mobile-back-btn{display:none;background:transparent;border:none;color:var(--icon-default);cursor:pointer;padding:8px;margin-right:4px;border-radius:50%;transition:var(--transition-fast)}.mobile-back-btn:hover{background:var(--bg-hover)}.custom-user-select{position:relative;width:100%;font-family:inherit;z-index:100}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--bg-panel-header);border-radius:8px;cursor:pointer;min-height:48px;transition:background-color .2s}.custom-select-trigger:hover{background-color:#ffffff0d}.custom-select-trigger.open .custom-select-chevron{transform:rotate(180deg)}.custom-select-chevron{transition:transform .2s;color:var(--text-secondary)}.custom-select-placeholder{display:flex;align-items:center;gap:12px;color:var(--text-primary);font-weight:500}.custom-select-item-content{display:flex;align-items:center;gap:12px;width:100%}.user-select-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--bg-panel-header);flex-shrink:0}.user-select-details{display:flex;flex-direction:column;overflow:hidden;text-align:left}.user-select-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-select-phone{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.custom-select-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:4px;background-color:var(--bg-panel-header);border:1px solid rgba(255,255,255,.05);border-radius:8px;box-shadow:0 4px 12px #0000004d;max-height:300px;overflow-y:auto;padding:4px 0}.custom-select-option{padding:10px 12px;cursor:pointer;display:flex;align-items:center;transition:background-color .2s}.custom-select-option:hover{background-color:#ffffff0d}.custom-select-option.selected{background-color:#00a88426}@media (max-width: 768px){.sidebar{width:100%!important;max-width:100%!important;min-width:0!important;border-right:none}.sidebar.mobile-hidden{display:none!important}.chat-container{display:none;width:100%}.chat-container.mobile-visible{display:flex!important;flex:1}.mobile-back-btn{display:flex;align-items:center;justify-content:center}.messages-container{padding:12px}.message-bubble{max-width:85%}.messages-skeleton{padding:12px}.chat-header{padding:8px 6px;gap:8px}.chat-header .header-info h2{font-size:15px}.chat-header .header-info p{font-size:12px}.date-separator span{font-size:11.5px;padding:5px 10px}.lead-drawer{width:100%!important;max-width:100%!important}}