*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;text-rendering:optimizeLegibility}body{background:#111b21;color:#e9edef;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;min-height:100vh;overflow:hidden}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{background:none;border:none;font-family:inherit;font-size:inherit}input,select,textarea{color:inherit;outline:none}img,video{display:block;height:auto;max-width:100%}#root{display:flex;flex-direction:column;min-height:100vh}::selection{background:#128c7e4d;color:#e9edef}::-moz-selection{background:#128c7e4d;color:#e9edef}:focus-visible{outline:2px solid #128c7e;outline-offset:2px}html::-webkit-scrollbar{height:8px;width:8px}html::-webkit-scrollbar-track{background:#0b141a;border-radius:9999px}html::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}html::-webkit-scrollbar-thumb:hover{background:#4f6572}.loading-screen{align-items:center;background:#111b21;bottom:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1050}.loading-screen .spinner{animation:spin 1s linear infinite;border:3px solid #2a3942;border-radius:9999px;border-top-color:#128c7e;height:40px;width:40px}.loading-screen p{color:#8696a0;font-size:.8rem}.app-container{display:flex;height:100vh;overflow:hidden;width:100%}.link-preview{background:#2a3942;border-radius:8px;margin-top:.5rem;max-width:320px;overflow:hidden}.link-preview img{height:160px;object-fit:cover;width:100%}.link-preview .link-info{padding:.75rem}.link-preview .link-info .link-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview .link-info .link-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8696a0;display:-webkit-box;font-size:.8rem;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis}.link-preview .link-info .link-url{color:#667781;font-size:.7rem;margin-top:.5rem}.empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.empty-state .empty-icon{color:#667781;font-size:4rem;margin-bottom:1rem}.empty-state .empty-title{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.empty-state .empty-description{color:#8696a0;max-width:300px}.overlay{animation:fadeIn .3s ease forwards;background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1040}.clickable{cursor:pointer;transition:background .15s ease}.clickable:hover{background:#2a3942}.clickable:active{background:#3a4a54}h1,h2,h3,h4,h5,h6{color:#e9edef;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;line-height:1.25;margin:0}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.8rem}p{line-height:1.5;margin:0}small{font-size:.8rem}b,strong{font-weight:600}em,i{font-style:italic}.text-primary{color:#e9edef!important}.text-secondary{color:#8696a0!important}.text-muted{color:#667781!important}.text-success{color:#25d366!important}.text-warning{color:#ffc107!important}.text-error{color:#f44336!important}.text-info{color:#2196f3!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-xs{font-size:.7rem!important}.text-sm{font-size:.8rem!important}.text-base{font-size:.875rem!important}.text-md{font-size:1rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.font-light{font-weight:300!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-1{-webkit-line-clamp:1}.text-clamp-1,.text-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.text-clamp-2{-webkit-line-clamp:2}.text-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}code{border-radius:4px;color:#5ecbf5;font-size:.9em;padding:.25rem .5rem}code,pre{background:#2a3942;font-family:Fira Code,Monaco,Consolas,monospace}pre{border-radius:8px;font-size:.8rem;margin:.5rem 0;overflow-x:auto;padding:1rem}pre::-webkit-scrollbar{height:6px;width:6px}pre::-webkit-scrollbar-track{background:#0000;border-radius:9999px}pre::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}pre::-webkit-scrollbar-thumb:hover{background:#4f6572}pre code{background:#0000;color:#e9edef;padding:0}.code-block{background:#2a3942;border-radius:8px;margin:.5rem 0;position:relative}.code-block .code-header{align-items:center;background:#3a4a54;border-radius:8px 8px 0 0;color:#8696a0;display:flex;font-size:.7rem;justify-content:space-between;padding:.5rem .75rem}.code-block .code-header .copy-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.code-block .code-header .copy-button:disabled{cursor:not-allowed;opacity:.5}.code-block .code-header .copy-button{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.code-block .code-header .copy-button:hover:not(:disabled){background:#2a3942;color:#e9edef}.code-block .code-header .copy-button{height:28px;width:28px}.code-block pre{border-radius:0 0 8px 8px;margin:0}.markdown-content{line-height:1.75}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-bottom:.5rem;margin-top:1rem}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child,.markdown-content h5:first-child,.markdown-content h6:first-child{margin-top:0}.markdown-content p{margin-bottom:.5rem}.markdown-content p:last-child{margin-bottom:0}.markdown-content ol,.markdown-content ul{margin:.5rem 0;padding-left:1.5rem}.markdown-content ol li,.markdown-content ul li{margin-bottom:.25rem}.markdown-content blockquote{border-left:3px solid #128c7e;color:#8696a0;font-style:italic;margin:.75rem 0;padding-left:1rem}.markdown-content hr{border:none;border-top:1px solid #2a3942;margin:1rem 0}.markdown-content a{color:#5ecbf5;text-decoration:underline}.markdown-content a:hover{color:#34b7f1}.markdown-content img{border-radius:8px;margin:.5rem 0;max-width:100%}.markdown-content table{border-collapse:collapse;margin:.75rem 0;width:100%}.markdown-content table td,.markdown-content table th{border:1px solid #2a3942;padding:.5rem .75rem;text-align:left}.markdown-content table th{background:#2a3942;font-weight:500}.message-text strong{font-weight:600}.message-text em{font-style:italic}.message-text del,.message-text s{text-decoration:line-through}.message-text .highlight{background:#ffc10733;border-radius:2px;padding:0 .25rem}.message-text .color-red{color:#f44336}.message-text .color-blue{color:#2196f3}.message-text .color-green{color:#4caf50}.message-text .color-yellow{color:#ffeb3b}.message-text .color-purple{color:#9c27b0}.message-text .color-orange{color:#ff9800}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#128c7e;color:#e9edef}.btn-primary:hover:not(:disabled){background:#075e54}.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#2a3942;color:#e9edef}.btn-secondary:hover:not(:disabled){background:#3a4a54}.btn-ghost{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.btn-ghost:disabled{cursor:not-allowed;opacity:.5}.btn-ghost{background:#0000;color:#8696a0}.btn-ghost:hover:not(:disabled){background:#2a3942;color:#e9edef}.btn-danger{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.btn-danger{background:#f44336;color:#e9edef}.btn-danger:hover:not(:disabled){background:#ea1c0d}.btn-success{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.btn-success:disabled{cursor:not-allowed;opacity:.5}.btn-success{background:#25d366;color:#e9edef}.btn-success:hover:not(:disabled){background:#1da851}.btn-link{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.btn-link:disabled{cursor:not-allowed;opacity:.5}.btn-link{background:#0000;color:#5ecbf5;padding:0}.btn-link:hover:not(:disabled){color:#34b7f1;text-decoration:underline}.btn-xs{font-size:.7rem;padding:.25rem .5rem}.btn-sm{font-size:.8rem;padding:.5rem .75rem}.btn-lg{font-size:1rem;padding:.75rem 1.5rem}.btn-xl{font-size:1.125rem;padding:1rem 2rem}.btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-icon{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.btn-icon:hover:not(:disabled){background:#2a3942;color:#e9edef}.btn-icon.btn-sm{height:32px;width:32px}.btn-icon.btn-lg{height:44px;width:44px}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:8px 0 0 8px}.btn-group .btn:last-child{border-radius:0 8px 8px 0}.btn-group .btn:not(:last-child){border-right:1px solid #0000001a}.fab{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.fab:disabled{cursor:not-allowed;opacity:.5}.fab{background:#128c7e;color:#e9edef}.fab:hover:not(:disabled){background:#075e54}.fab{border-radius:9999px;bottom:1.5rem;box-shadow:0 8px 16px #0000004d;height:56px;position:fixed;right:1.5rem;width:56px;z-index:1030}.fab:hover{transition:transform .15s ease}.fab:hover:hover{transform:translateY(-2px)}.fab:hover{box-shadow:0 16px 32px #0006}.fab i,.fab svg{font-size:1.125rem}.btn-block{display:flex;width:100%}.form-group{margin-bottom:1rem}.form-group label{color:#8696a0;display:block;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.form-input{background:#1f2c34;border:1px solid #2a3942;border-radius:8px;color:#e9edef;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:border-color .15s ease;width:100%}.form-input::placeholder{color:#667781}.form-input:focus{border-color:#128c7e}.form-input:disabled{cursor:not-allowed;opacity:.5}.form-input.input-sm{font-size:.8rem;padding:.5rem .75rem}.form-input.input-lg{font-size:1rem;padding:1rem 1.25rem}.form-input.input-error{border-color:#f44336}.form-input.input-error:focus{border-color:#f44336;box-shadow:0 0 0 3px #f4433633}.form-textarea{background:#1f2c34;border:1px solid #2a3942;border-radius:8px;color:#e9edef;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:border-color .15s ease;width:100%}.form-textarea::placeholder{color:#667781}.form-textarea:focus{border-color:#128c7e}.form-textarea:disabled{cursor:not-allowed;opacity:.5}.form-textarea{min-height:100px;resize:vertical}.form-textarea.textarea-auto{overflow:hidden;resize:none}.form-select{background:#1f2c34;border:1px solid #2a3942;border-radius:8px;color:#e9edef;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:border-color .15s ease;width:100%}.form-select::placeholder{color:#667781}.form-select:focus{border-color:#128c7e}.form-select:disabled{cursor:not-allowed;opacity:.5}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%238696a0' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2rem}.form-check{align-items:center;cursor:pointer;display:flex;gap:.5rem}.form-check input[type=checkbox],.form-check input[type=radio]{accent-color:#128c7e;cursor:pointer;height:18px;width:18px}.form-check label{cursor:pointer;margin-bottom:0}.checkbox-custom,.radio-custom{align-items:center;cursor:pointer;display:flex;gap:.5rem;position:relative}.checkbox-custom input,.radio-custom input{height:0;opacity:0;position:absolute;width:0}.checkbox-custom input:checked+.checkmark,.radio-custom input:checked+.checkmark{background:#128c7e;border-color:#128c7e}.checkbox-custom input:checked+.checkmark:after,.radio-custom input:checked+.checkmark:after{opacity:1}.checkbox-custom .checkmark,.radio-custom .checkmark{background:#1f2c34;border:2px solid #3a4a54;border-radius:4px;height:20px;position:relative;transition:all .15s ease;width:20px}.checkbox-custom .checkmark:after,.radio-custom .checkmark:after{border:solid #e9edef;border-width:0 2px 2px 0;content:"";height:10px;left:6px;opacity:0;position:absolute;top:2px;transform:rotate(45deg);transition:opacity .15s ease;width:5px}.radio-custom input:checked+.checkmark:after{opacity:1}.radio-custom .checkmark{border-radius:9999px}.radio-custom .checkmark:after{background:#e9edef;border:none;border-radius:9999px;height:8px;left:4px;top:4px;transform:none;width:8px}.input-with-icon{position:relative}.input-with-icon .input-icon{color:#667781;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon .form-input{padding-left:2.5rem}.input-with-icon.input-icon-right .input-icon{left:auto;right:.75rem}.input-with-icon.input-icon-right .form-input{padding-left:1rem;padding-right:2.5rem}.search-input{position:relative}.search-input input{background:#1f2c34;border:1px solid #2a3942;border-radius:8px;color:#e9edef;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:border-color .15s ease;width:100%}.search-input input::placeholder{color:#667781}.search-input input:focus{border-color:#128c7e}.search-input input:disabled{cursor:not-allowed;opacity:.5}.search-input input{background:#2a3942;border-radius:9999px;padding-left:2.5rem}.search-input input:focus{background:#3a4a54}.search-input .search-icon{color:#667781;left:1rem}.search-input .clear-btn,.search-input .search-icon{position:absolute;top:50%;transform:translateY(-50%)}.search-input .clear-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;right:.5rem;text-decoration:none;transition:all .15s ease}.search-input .clear-btn:disabled{cursor:not-allowed;opacity:.5}.search-input .clear-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.search-input .clear-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.search-input .clear-btn{height:28px;width:28px}.form-error{align-items:center;color:#f44336;display:flex;font-size:.7rem;gap:.25rem;margin-top:.25rem}.form-error i{font-size:.8rem}.form-hint{color:#667781;font-size:.7rem;margin-top:.25rem}.input-group{display:flex}.input-group .form-input{border-radius:8px 0 0 8px;flex:1 1}.input-group .input-group-append .btn{border-left:1px solid #2a3942;border-radius:0 8px 8px 0}.file-input{position:relative}.file-input input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-input .file-input-label{border:none;border-radius:8px;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.file-input .file-input-label:disabled{cursor:not-allowed;opacity:.5}.file-input .file-input-label{background:#2a3942;color:#e9edef}.file-input .file-input-label:hover:not(:disabled){background:#3a4a54}.file-input .file-input-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.file-input .file-input-label i{font-size:1rem}.file-input .file-input-preview{margin-top:.5rem}.file-input .file-input-preview img{border-radius:8px;max-width:200px}.toggle-switch{align-items:center;cursor:pointer;display:inline-flex;gap:.75rem;position:relative}.toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-switch input:checked+.toggle-slider{background:#128c7e}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch .toggle-slider{background:#3a4a54;border-radius:9999px;height:24px;position:relative;transition:background .15s ease;width:44px}.toggle-switch .toggle-slider:before{background:#e9edef;border-radius:9999px;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .15s ease;width:18px}.toggle-switch .toggle-label{color:#8696a0;font-size:.8rem}.card{background:#1f2c34;border-radius:12px;box-shadow:0 2px 4px #0003;overflow:hidden}.card-elevated{background:#3a4a54;border-radius:12px;box-shadow:0 4px 8px #0000004d}.card-header{align-items:center;border-bottom:1px solid #2a3942;display:flex;justify-content:space-between;padding:1rem}.card-header .card-title{font-size:1rem;font-weight:600}.card-header .card-actions{display:flex;gap:.5rem}.card-body{padding:1rem}.card-footer{background:#2a3942;border-top:1px solid #2a3942;padding:1rem}.card-clickable{cursor:pointer;transition:all .15s ease}.card-clickable:hover{background:#2a3942;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.card-selected{border:2px solid #128c7e}.channel-card{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;justify-content:flex-start;padding:.75rem 1rem;transition:background .15s ease}.channel-card:hover{background:#2a3942}.channel-card.active{background:#3a4a54}.channel-card .channel-avatar{align-items:center;background:#2a3942;border-radius:9999px;color:#8696a0;display:flex;font-size:1rem;height:36px;justify-content:center;object-fit:cover;width:36px}.channel-card .channel-info{flex:1 1;min-width:0}.channel-card .channel-info .channel-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-card .channel-info .channel-preview{color:#8696a0;font-size:.8rem;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-card .channel-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.channel-card .channel-meta .channel-time{color:#667781;font-size:.7rem}.channel-card .channel-meta .unread-badge{align-items:center;background:#128c7e;border-radius:9999px;color:#e9edef;display:inline-flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.user-card{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;justify-content:flex-start;padding:.75rem 1rem;transition:background .15s ease}.user-card:hover{background:#2a3942}.user-card.active{background:#3a4a54}.user-card .user-avatar{position:relative}.user-card .user-avatar img{background:#2a3942;border-radius:9999px;height:36px;object-fit:cover;width:36px}.user-card .user-avatar .status-dot{background:#25d366;border:2px solid #111b21;border-radius:9999px;bottom:0;height:10px;position:absolute;right:0;width:10px}.user-card .user-info{flex:1 1;min-width:0}.user-card .user-info .user-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card .user-info .user-status{color:#8696a0;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-card{display:flex;gap:.75rem;padding:.5rem 1rem}.message-card:hover{background:#2a394280}.message-card:hover .message-actions{opacity:1}.message-card.message-own{flex-direction:row-reverse}.message-card.message-own .message-content{align-items:flex-end}.message-card .message-avatar img{background:#2a3942;border-radius:9999px;height:28px;object-fit:cover;width:28px}.message-card .message-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.message-card .message-content .message-header{align-items:baseline;display:flex;gap:.5rem}.message-card .message-content .message-header .message-sender{font-size:.8rem;font-weight:500}.message-card .message-content .message-header .message-time{color:#667781;font-size:.7rem}.message-card .message-content .message-body{word-wrap:break-word;background:#1f2c34;border-radius:12px;border-top-left-radius:.25rem;max-width:65%;padding:.5rem .75rem}.message-own .message-card .message-content .message-body{background:#054640;border-top-left-radius:12px;border-top-right-radius:.25rem}.message-card .message-content .message-status{align-items:center;color:#667781;display:flex;font-size:.7rem;gap:.25rem}.message-card .message-content .message-status i{font-size:10px}.message-card .message-content .message-status i.status-read{color:#128c7e}.message-card .message-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease}.message-card .message-actions .btn-icon{height:28px;width:28px}.info-card{background:#1f2c34;border-radius:12px;box-shadow:0 2px 4px #0003;padding:1rem}.info-card.info-card-success{border-left:4px solid #25d366}.info-card.info-card-warning{border-left:4px solid #ffc107}.info-card.info-card-error{border-left:4px solid #f44336}.info-card.info-card-info{border-left:4px solid #2196f3}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1040}.modal{animation:slideUp .3s ease;background:#1f2c34;border-radius:16px;box-shadow:0 16px 32px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal.modal-sm{max-width:400px}.modal.modal-md{max-width:500px}.modal.modal-lg{max-width:700px}.modal.modal-xl{max-width:900px}.modal.modal-full{max-height:95vh;max-width:95%}.modal-header{align-items:center;border-bottom:1px solid #2a3942;display:flex;justify-content:space-between;padding:1rem 1.25rem}.modal-header .modal-title{font-size:1.125rem;font-weight:600}.modal-header .modal-close{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.modal-header .modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-header .modal-close{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.modal-header .modal-close:hover:not(:disabled){background:#2a3942;color:#e9edef}.modal-header .modal-close{height:32px;width:32px}.modal-body{overflow-y:auto;padding:1.25rem}.modal-body::-webkit-scrollbar{height:6px;width:6px}.modal-body::-webkit-scrollbar-track{background:#0000;border-radius:9999px}.modal-body::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}.modal-body::-webkit-scrollbar-thumb:hover{background:#4f6572}.modal-footer{align-items:center;background:#2a3942;border-top:1px solid #2a3942;display:flex;justify-content:space-between;padding:1rem 1.25rem}.modal-footer .modal-actions{display:flex;gap:.75rem}.modal-confirm{text-align:center}.modal-confirm .modal-icon{font-size:3rem;margin-bottom:1rem}.modal-confirm .modal-icon.icon-warning{color:#ffc107}.modal-confirm .modal-icon.icon-error{color:#f44336}.modal-confirm .modal-icon.icon-success{color:#25d366}.modal-confirm .modal-icon.icon-info{color:#2196f3}.modal-confirm .modal-message{color:#8696a0;margin-bottom:1rem}.drawer-backdrop{background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1040}.drawer{animation:slideInRight .3s ease;background:#1f2c34;box-shadow:0 16px 32px #0006;display:flex;flex-direction:column;height:100vh;max-width:90vw;position:fixed;right:0;top:0;width:400px;z-index:1050}.drawer.drawer-left{animation:slideInLeft .3s ease;left:0;right:auto}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.bottom-sheet-backdrop{background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1040}.bottom-sheet{animation:slideUp .3s ease;background:#1f2c34;border-radius:24px 24px 0 0;bottom:0;left:0;padding:1rem;position:fixed;right:0;z-index:1050}.bottom-sheet .bottom-sheet-handle{background:#3a4a54;border-radius:9999px;height:4px;margin:0 auto 1rem;width:40px}.image-preview-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1050}.image-preview-modal .image-preview-close{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;position:absolute;right:1rem;text-decoration:none;top:1rem;transition:all .15s ease}.image-preview-modal .image-preview-close:disabled{cursor:not-allowed;opacity:.5}.image-preview-modal .image-preview-close{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.image-preview-modal .image-preview-close:hover:not(:disabled){background:#2a3942;color:#e9edef}.image-preview-modal .image-preview-close{background:#00000080;color:#e9edef;height:40px;width:40px}.image-preview-modal .image-preview-nav{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);transition:all .15s ease}.image-preview-modal .image-preview-nav:disabled{cursor:not-allowed;opacity:.5}.image-preview-modal .image-preview-nav{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.image-preview-modal .image-preview-nav:hover:not(:disabled){background:#2a3942;color:#e9edef}.image-preview-modal .image-preview-nav{background:#00000080;color:#e9edef;height:48px;width:48px}.image-preview-modal .image-preview-nav.prev{left:1rem}.image-preview-modal .image-preview-nav.next{right:1rem}.image-preview-modal img{max-height:90vh;max-width:90%;object-fit:contain}.dropdown{display:inline-block;position:relative}.dropdown-toggle{cursor:pointer}.dropdown-toggle:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid;content:"";display:inline-block;margin-left:.5rem;vertical-align:middle}.dropdown-menu{animation:fadeIn .15s ease;background:#3a4a54;border-radius:8px;box-shadow:0 8px 16px #0000004d;left:0;min-width:180px;padding:.5rem 0;position:absolute;top:100%;z-index:1000}.dropdown-menu.dropdown-right{left:auto;right:0}.dropdown-menu.dropdown-top{bottom:100%;top:auto}.context-menu .context-menu-item,.dropdown-item{align-items:center;color:#e9edef;cursor:pointer;display:flex;font-size:.8rem;gap:.75rem;padding:.5rem 1rem;transition:background .15s ease}.context-menu .context-menu-item:hover,.dropdown-item:hover{background:#2a3942}.context-menu .active.context-menu-item,.dropdown-item.active{background:#3a4a54;color:#128c7e}.context-menu .disabled.context-menu-item,.dropdown-item.disabled{cursor:not-allowed;opacity:.5}.context-menu .context-menu-item i,.dropdown-item i{color:#8696a0;text-align:center;width:16px}.context-menu .context-menu-item .dropdown-item-text,.dropdown-item .dropdown-item-text{flex:1 1}.context-menu .context-menu-item .dropdown-item-shortcut,.dropdown-item .dropdown-item-shortcut{color:#667781;font-size:.7rem}.context-menu .context-menu-divider,.dropdown-divider{background:#2a3942;height:1px;margin:.5rem 0}.dropdown-header{color:#667781;font-size:.7rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.context-menu{animation:fadeIn .1s ease;border-radius:8px;min-width:160px;padding:.5rem 0;position:fixed}.context-menu,.emoji-picker{background:#3a4a54;box-shadow:0 8px 16px #0000004d;z-index:1060}.emoji-picker{border-radius:12px;bottom:100%;margin-bottom:.5rem;position:absolute;right:0;width:320px}.emoji-picker .emoji-picker-header{border-bottom:1px solid #2a3942;display:flex}.emoji-picker .emoji-picker-header .emoji-category-tab{color:#8696a0;cursor:pointer;flex:1 1;padding:.5rem;text-align:center;transition:all .15s ease}.emoji-picker .emoji-picker-header .emoji-category-tab.active,.emoji-picker .emoji-picker-header .emoji-category-tab:hover{background:#2a3942;color:#e9edef}.emoji-picker .emoji-picker-search{border-bottom:1px solid #2a3942;padding:.5rem}.emoji-picker .emoji-picker-search input{background:#1f2c34;border:1px solid #2a3942;border-radius:8px;color:#e9edef;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:border-color .15s ease;width:100%}.emoji-picker .emoji-picker-search input::placeholder{color:#667781}.emoji-picker .emoji-picker-search input:focus{border-color:#128c7e}.emoji-picker .emoji-picker-search input:disabled{cursor:not-allowed;opacity:.5}.emoji-picker .emoji-picker-search input{font-size:.8rem;padding:.5rem}.emoji-picker .emoji-picker-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);max-height:200px;overflow-y:auto;padding:.5rem}.emoji-picker .emoji-picker-grid::-webkit-scrollbar{height:6px;width:6px}.emoji-picker .emoji-picker-grid::-webkit-scrollbar-track{background:#0000;border-radius:9999px}.emoji-picker .emoji-picker-grid::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}.emoji-picker .emoji-picker-grid::-webkit-scrollbar-thumb:hover{background:#4f6572}.emoji-picker .emoji-picker-grid .emoji-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:background .15s ease;width:32px}.emoji-picker .emoji-picker-grid .emoji-item:hover{background:#2a3942}.emoji-picker .emoji-picker-footer{align-items:center;border-top:1px solid #2a3942;display:flex;gap:.5rem;padding:.5rem}.emoji-picker .emoji-picker-footer .emoji-preview{font-size:24px}.emoji-picker .emoji-picker-footer .emoji-name{color:#8696a0;font-size:.7rem}.reaction-popup{background:#3a4a54;border-radius:9999px;bottom:100%;box-shadow:0 4px 8px #0000004d;display:flex;gap:.25rem;left:50%;margin-bottom:.5rem;padding:.25rem;position:absolute;transform:translateX(-50%);z-index:1060}.reaction-popup .reaction-item{align-items:center;border-radius:9999px;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.reaction-popup .reaction-item:hover{background:#2a3942;transform:scale(1.2)}.reaction-popup .reaction-item.selected{background:#128c7e}.mention-popup{background:#3a4a54;border-radius:8px;bottom:100%;box-shadow:0 8px 16px #0000004d;left:0;margin-bottom:.5rem;max-height:200px;overflow-y:auto;position:absolute;width:250px;z-index:1060}.mention-popup .mention-item{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;padding:.5rem .75rem;transition:background .15s ease}.mention-popup .mention-item.active,.mention-popup .mention-item:hover{background:#2a3942}.mention-popup .mention-item img{background:#2a3942;border-radius:9999px;height:28px;object-fit:cover;width:28px}.mention-popup .mention-item .mention-info .mention-name{font-size:.8rem;font-weight:500}.mention-popup .mention-item .mention-info .mention-username{color:#667781;font-size:.7rem}.avatar{align-items:center;color:#8696a0;display:flex;font-weight:600;height:36px;justify-content:center;width:36px}.avatar,.avatar.avatar-xs{background:#2a3942;border-radius:9999px;object-fit:cover}.avatar.avatar-xs{font-size:10px;height:20px;width:20px}.avatar.avatar-sm{font-size:12px;height:28px;width:28px}.avatar.avatar-md,.avatar.avatar-sm{background:#2a3942;border-radius:9999px;object-fit:cover}.avatar.avatar-md{font-size:14px;height:36px;width:36px}.avatar.avatar-lg{font-size:16px;height:42px;width:42px}.avatar.avatar-lg,.avatar.avatar-xl{background:#2a3942;border-radius:9999px;object-fit:cover}.avatar.avatar-xl{font-size:20px;height:56px;width:56px}.avatar.avatar-2xl{background:#2a3942;border-radius:9999px;font-size:28px;height:80px;object-fit:cover;width:80px}.avatar-wrapper{display:inline-block;position:relative}.avatar-wrapper .avatar{display:block}.avatar-wrapper .status-indicator{border:2px solid #111b21;border-radius:9999px;bottom:0;height:12px;position:absolute;right:0;width:12px}.avatar-wrapper .status-indicator.status-online{background:#25d366}.avatar-wrapper .status-indicator.status-away{background:#ffc107}.avatar-wrapper .status-indicator.status-busy{background:#f44336}.avatar-wrapper .status-indicator.status-offline{background:#667781}.avatar-wrapper.avatar-xs .status-indicator{border-width:1px;height:8px;width:8px}.avatar-wrapper.avatar-sm .status-indicator{border-width:2px;height:10px;width:10px}.avatar-wrapper.avatar-lg .status-indicator{border-width:2px;height:14px;width:14px}.avatar-wrapper.avatar-xl .status-indicator{border-width:3px;height:16px;width:16px}.avatar-wrapper.avatar-2xl .status-indicator{border-width:3px;height:20px;width:20px}.avatar-group{display:flex}.avatar-group .avatar-wrapper{margin-left:-8px}.avatar-group .avatar-wrapper:first-child{margin-left:0}.avatar-group .avatar{border:2px solid #111b21}.avatar-group .avatar-count{background:#2a3942;background:#3a4a54;border-radius:9999px;color:#8696a0;font-size:.7rem;height:36px;object-fit:cover;width:36px}.avatar-upload{cursor:pointer;display:inline-block;position:relative}.avatar-upload:hover .avatar-overlay{opacity:1}.avatar-upload input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.avatar-upload .avatar{font-size:32px;height:100px;width:100px}.avatar-upload .avatar-overlay{align-items:center;background:#00000080;border-radius:9999px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease}.avatar-upload .avatar-overlay i{color:#e9edef;font-size:1.125rem}.channel-avatar{align-items:center;background:#2a3942;border-radius:9999px;color:#8696a0;display:flex;height:36px;justify-content:center;object-fit:cover;width:36px}.channel-avatar.channel-public i{color:#128c7e}.channel-avatar.channel-private i{color:#ffc107}.channel-avatar.channel-direct i{color:#5ecbf5}.call-avatar{background:#2a3942;border:4px solid #2a3942;border-radius:9999px;box-shadow:0 8px 16px #0000004d;height:120px;object-fit:cover;width:120px}.call-avatar.call-avatar-sm{background:#2a3942;border-radius:9999px;border-width:3px;height:80px;object-fit:cover;width:80px}.badge{align-items:center;background:#2a3942;border-radius:8px;color:#e9edef;display:inline-flex;font-size:.7rem;font-weight:500;justify-content:center;line-height:1;padding:.25rem .5rem}.badge-primary{background:#128c7e;color:#e9edef}.badge-secondary{background:#3a4a54;color:#8696a0}.badge-success{background:#25d366;color:#e9edef}.badge-warning{background:#ffc107;color:#111b21}.badge-error{background:#f44336;color:#e9edef}.badge-info{background:#2196f3;color:#e9edef}.badge-round{background:#128c7e}.badge-round,.badge-round-secondary{align-items:center;border-radius:9999px;color:#e9edef;display:inline-flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.badge-round-secondary{background:#3a4a54;color:#8696a0}.badge-round-error{align-items:center;background:#f44336;border-radius:9999px;color:#e9edef;display:inline-flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.badge-dot{background:#128c7e;border-radius:9999px;display:inline-block;height:8px;width:8px}.badge-dot.badge-dot-success{background:#25d366}.badge-dot.badge-dot-warning{background:#ffc107}.badge-dot.badge-dot-error{background:#f44336}.badge-dot.badge-dot-info{background:#2196f3}.notification-badge{align-items:center;background:#128c7e;color:#e9edef;display:inline-flex;font-size:.7rem;font-size:10px;font-weight:600;height:20px;height:18px;justify-content:center;min-width:20px;min-width:18px;padding:0 6px;right:-4px;top:-4px}.notification-badge,.online-badge{border-radius:9999px;position:absolute}.online-badge{background:#25d366;border:2px solid #111b21;bottom:0;height:14px;right:0;width:14px}.online-badge.online-badge-away{background:#ffc107}.online-badge.online-badge-busy{background:#f44336}.online-badge.online-badge-offline{background:#667781}.typing-badge{align-items:center;background:#2a3942;border-radius:9999px;color:#8696a0;display:inline-flex;font-size:.7rem;gap:.5rem;padding:.25rem .75rem}.typing-badge .typing-dots{display:flex;gap:3px}.typing-badge .typing-dots span{animation:typingDot 1.4s ease-in-out infinite both;background:#667781;border-radius:9999px;height:4px;width:4px}.typing-badge .typing-dots span:first-child{animation-delay:-.32s}.typing-badge .typing-dots span:nth-child(2){animation-delay:-.16s}.unread-badge{background:#128c7e;border-radius:9999px;color:#e9edef;font-size:.7rem;font-weight:600;height:20px;min-width:20px;padding:0 6px;right:.75rem;top:50%;transform:translateY(-50%)}.new-messages-badge,.unread-badge{align-items:center;display:inline-flex;justify-content:center;position:absolute}.new-messages-badge{border:none;border-radius:8px;bottom:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;gap:.5rem;left:50%;line-height:1;text-decoration:none;transform:translateX(-50%);transition:all .15s ease}.new-messages-badge:disabled{cursor:not-allowed;opacity:.5}.new-messages-badge{background:#128c7e;color:#e9edef}.new-messages-badge:hover:not(:disabled){background:#075e54}.new-messages-badge{border-radius:9999px;box-shadow:0 4px 8px #0000004d;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;z-index:10}.new-messages-badge:hover{background:#075e54}.spinner{animation:spin .8s linear infinite;border:2px solid #2a3942;border-radius:9999px;border-top-color:#128c7e;height:24px;width:24px}.spinner.spinner-sm{border-width:2px;height:16px;width:16px}.spinner.spinner-lg{border-width:3px;height:40px;width:40px}.spinner.spinner-xl{border-width:4px;height:60px;width:60px}.pulse-loader{display:flex;gap:.5rem}.pulse-loader span{animation:pulse 1.4s ease-in-out infinite both;background:#128c7e;border-radius:9999px;height:10px;width:10px}.pulse-loader span:first-child{animation-delay:-.32s}.pulse-loader span:nth-child(2){animation-delay:-.16s}.dots-loader{display:flex;gap:4px}.dots-loader span{animation:dotBounce 1.4s ease-in-out infinite both;background:#667781;border-radius:9999px;height:6px;width:6px}.dots-loader span:first-child{animation-delay:-.32s}.dots-loader span:nth-child(2){animation-delay:-.16s}.dots-loader span:nth-child(3){animation-delay:0s}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.skeleton{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,#2a3942 25%,#3a4a54 50%,#2a3942 75%);background-size:200% 100%;border-radius:4px}.skeleton.skeleton-text{height:16px;margin-bottom:.5rem}.skeleton.skeleton-title{height:20px;margin-bottom:.75rem;width:60%}.skeleton.skeleton-avatar{border-radius:9999px;height:36px;width:36px}.skeleton.skeleton-image{border-radius:8px;height:120px}.skeleton.skeleton-card{border-radius:8px;height:80px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-message{display:flex;gap:.75rem;padding:.75rem 1rem}.skeleton-message .skeleton-avatar{flex-shrink:0}.skeleton-message .skeleton-content{flex:1 1}.skeleton-message .skeleton-content .skeleton-line{height:14px;margin-bottom:.5rem}.skeleton-message .skeleton-content .skeleton-line:last-child{margin-bottom:0;width:60%}.skeleton-channel{display:flex;gap:.75rem;padding:.75rem 1rem}.skeleton-channel .skeleton-avatar{height:36px;width:36px}.skeleton-channel .skeleton-info{flex:1 1}.skeleton-channel .skeleton-info .skeleton-name{height:16px;margin-bottom:.5rem;width:70%}.skeleton-channel .skeleton-info .skeleton-preview{height:12px;width:90%}.page-loader{align-items:center;background:#111b21;bottom:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1050}.page-loader .loader-logo{color:#128c7e;font-size:2rem;font-weight:700}.inline-loader,.page-loader .loader-text{color:#8696a0;font-size:.8rem}.inline-loader{align-items:center;display:inline-flex;gap:.5rem}.inline-loader .spinner{height:16px;width:16px}.btn-loading{color:#0000!important;pointer-events:none;position:relative}.btn-loading:after{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:9999px;border-top-color:#e9edef;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.message-sending{align-items:center;color:#667781;display:flex;font-size:.7rem;gap:.25rem}.message-sending .clock-icon{animation:pulse 1.5s infinite}.tooltip-wrapper{display:inline-block;position:relative}.tooltip{background:#3a4a54;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#e9edef;font-size:.7rem;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transition:opacity .15s ease;white-space:nowrap;z-index:1070}.tooltip.tooltip-visible{opacity:1}.tooltip.tooltip-top{bottom:100%;left:50%;margin-bottom:.5rem;transform:translateX(-50%)}.tooltip.tooltip-bottom{left:50%;margin-top:.5rem;top:100%;transform:translateX(-50%)}.tooltip.tooltip-left{margin-right:.5rem;right:100%;top:50%;transform:translateY(-50%)}.tooltip.tooltip-right{left:100%;margin-left:.5rem;top:50%;transform:translateY(-50%)}.tooltip:after{border:6px solid #0000;content:"";position:absolute}.tooltip.tooltip-top:after{border-top-color:#3a4a54;left:50%;top:100%;transform:translateX(-50%)}.tooltip.tooltip-bottom:after{border-bottom-color:#3a4a54;bottom:100%;left:50%;transform:translateX(-50%)}.tooltip.tooltip-left:after{border-left-color:#3a4a54;left:100%;top:50%;transform:translateY(-50%)}.tooltip.tooltip-right:after{border-right-color:#3a4a54;right:100%;top:50%;transform:translateY(-50%)}.popover{animation:fadeIn .2s ease;background:#3a4a54;border-radius:12px;box-shadow:0 8px 16px #0000004d;max-width:300px;min-width:200px;position:absolute;z-index:1060}.popover .popover-header{border-bottom:1px solid #2a3942;font-size:.8rem;font-weight:600;padding:.75rem 1rem}.popover .popover-body{padding:.75rem 1rem}.popover .popover-footer{border-top:1px solid #2a3942;display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.hover-card{animation:fadeIn .2s ease;background:#3a4a54;border-radius:12px;box-shadow:0 8px 16px #0000004d;padding:1rem;position:absolute;width:280px;z-index:1060}.hover-card .hover-card-header{align-items:center;display:flex;gap:.75rem;justify-content:flex-start;margin-bottom:.75rem}.hover-card .hover-card-header img{background:#2a3942;border-radius:9999px;height:42px;object-fit:cover;width:42px}.hover-card .hover-card-header .hover-card-info .hover-card-name{font-weight:600}.hover-card .hover-card-header .hover-card-info .hover-card-username{color:#8696a0;font-size:.8rem}.hover-card .hover-card-status{color:#8696a0;font-size:.8rem;margin-bottom:.75rem}.hover-card .hover-card-actions{display:flex;gap:.5rem}.help-tooltip{align-items:center;background:#2a3942;border-radius:9999px;color:#667781;cursor:help;display:inline-flex;font-size:10px;height:16px;justify-content:center;margin-left:.25rem;width:16px}.help-tooltip:hover{background:#3a4a54;color:#8696a0}.sidebar{background:#0b141a;border-right:1px solid #1f2c34;display:flex;flex-direction:column;height:100vh;max-width:360px;min-width:240px;position:relative;width:28%;z-index:10}@media(max-width:1024px){.sidebar{width:30%}}@media(max-width:768px){.sidebar{left:0;max-width:none;position:fixed;top:0;transform:translateX(0);transition:transform .25s ease;width:100%}.sidebar.sidebar-hidden{transform:translateX(-100%)}}.sidebar-header{align-items:center;background:#1f2c34;border-bottom:1px solid #1f2c34;display:flex;justify-content:space-between;min-height:50px;padding:.5rem .75rem}.sidebar-header .sidebar-title{color:#e9edef;font-size:1rem;font-weight:600}.sidebar-header .sidebar-actions{display:flex;gap:.25rem}.sidebar-search{background:#0b141a;padding:.5rem .75rem}.sidebar-search .search-input input{background:#1f2c34;border-radius:8px;font-size:.8rem;padding:.25rem .5rem .25rem 2rem}.sidebar-tabs{border-bottom:1px solid #1f2c34;display:flex}.sidebar-tabs .sidebar-tab{border-bottom:2px solid #0000;color:#8696a0;cursor:pointer;flex:1 1;font-size:.8rem;padding:.5rem;text-align:center;transition:all .15s ease}.sidebar-tabs .sidebar-tab:hover{background:#2a3942;color:#e9edef}.sidebar-tabs .sidebar-tab.active{border-bottom-color:#128c7e;color:#128c7e}.sidebar-content{flex:1 1;overflow-y:auto}.sidebar-content::-webkit-scrollbar{height:6px;width:6px}.sidebar-content::-webkit-scrollbar-track{background:#0000;border-radius:9999px}.sidebar-content::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#4f6572}.sidebar-section .sidebar-section-header{align-items:center;color:#667781;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem;text-transform:uppercase}.sidebar-section .sidebar-section-header:hover{color:#8696a0}.sidebar-section .sidebar-section-header .section-toggle{transition:transform .15s ease}.sidebar-section .sidebar-section-header .section-toggle.collapsed{transform:rotate(-90deg)}.sidebar-section .sidebar-section-content{overflow:hidden;transition:max-height .25s ease}.sidebar-section .sidebar-section-content.collapsed{max-height:0}.sidebar-footer{background:#1f2c34;border-top:1px solid #1f2c34;padding:.5rem .75rem;position:relative}.sidebar-footer .user-profile-mini{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;padding:.25rem;transition:background .15s ease}.sidebar-footer .user-profile-mini:hover{background:#2a3942}.sidebar-footer .user-profile-mini .user-avatar{background:#2a3942;border-radius:9999px;height:36px;object-fit:cover;width:36px}.sidebar-footer .user-profile-mini .user-info{flex:1 1;min-width:0}.sidebar-footer .user-profile-mini .user-info .user-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer .user-profile-mini .user-info .user-status-text{color:#8696a0;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-list .channel-item,.channel-list .channel-item-channel,.channel-list .channel-item-direct,.channel-list .channel-item-group{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;padding:.5rem .75rem;position:relative;transition:background .15s ease}.channel-list .channel-item-channel:hover,.channel-list .channel-item-direct:hover,.channel-list .channel-item-group:hover,.channel-list .channel-item:hover{background:#2a3942}.channel-list .active.channel-item-channel,.channel-list .active.channel-item-direct,.channel-list .active.channel-item-group,.channel-list .channel-item.active{background:#3a4a54}.channel-list .channel-item .channel-icon,.channel-list .channel-item-channel .channel-icon,.channel-list .channel-item-direct .channel-icon,.channel-list .channel-item-group .channel-icon{align-items:center;background:#2a3942;border-radius:9999px;color:#8696a0;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.channel-list .channel-item .channel-info,.channel-list .channel-item-channel .channel-info,.channel-list .channel-item-direct .channel-info,.channel-list .channel-item-group .channel-info{flex:1 1;min-width:0}.channel-list .channel-item .channel-info .channel-name,.channel-list .channel-item-channel .channel-info .channel-name,.channel-list .channel-item-direct .channel-info .channel-name,.channel-list .channel-item-group .channel-info .channel-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-list .channel-item .channel-info .channel-preview,.channel-list .channel-item-channel .channel-info .channel-preview,.channel-list .channel-item-direct .channel-info .channel-preview,.channel-list .channel-item-group .channel-info .channel-preview{color:#8696a0;font-size:.8rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-list .channel-item .channel-info .channel-preview .preview-sender,.channel-list .channel-item-channel .channel-info .channel-preview .preview-sender,.channel-list .channel-item-direct .channel-info .channel-preview .preview-sender,.channel-list .channel-item-group .channel-info .channel-preview .preview-sender{color:#128c7e}.channel-list .channel-item .channel-meta,.channel-list .channel-item-channel .channel-meta,.channel-list .channel-item-direct .channel-meta,.channel-list .channel-item-group .channel-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.channel-list .channel-item .channel-meta .channel-time,.channel-list .channel-item-channel .channel-meta .channel-time,.channel-list .channel-item-direct .channel-meta .channel-time,.channel-list .channel-item-group .channel-meta .channel-time{color:#667781;font-size:.7rem}.channel-list .channel-item .channel-meta .unread-count,.channel-list .channel-item-channel .channel-meta .unread-count,.channel-list .channel-item-direct .channel-meta .unread-count,.channel-list .channel-item-group .channel-meta .unread-count{align-items:center;background:#128c7e;border-radius:9999px;color:#e9edef;display:inline-flex;font-size:.7rem;font-size:10px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.user-list .user-item{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;padding:.25rem .75rem;transition:background .15s ease}.user-list .user-item:hover{background:#2a3942}.user-list .user-item.active{background:#3a4a54}.user-list .user-item .user-avatar-wrapper{position:relative}.user-list .user-item .user-avatar-wrapper .user-avatar{background:#2a3942;border-radius:9999px;height:28px;object-fit:cover;width:28px}.user-list .user-item .user-avatar-wrapper .status-dot{border:2px solid #0b141a;border-radius:9999px;bottom:0;height:10px;position:absolute;right:0;width:10px}.user-list .user-item .user-avatar-wrapper .status-dot.online{background:#25d366}.user-list .user-item .user-avatar-wrapper .status-dot.away{background:#ffc107}.user-list .user-item .user-avatar-wrapper .status-dot.busy{background:#f44336}.user-list .user-item .user-avatar-wrapper .status-dot.offline{background:#667781}.user-list .user-item .user-info{flex:1 1;min-width:0}.user-list .user-item .user-info .user-name{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-mobile-toggle{align-items:center;border:none;border-radius:8px;cursor:pointer;display:none;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;left:1rem;line-height:1;padding:.5rem 1rem;position:fixed;text-decoration:none;top:1rem;transition:all .15s ease;z-index:20}.sidebar-mobile-toggle:disabled{cursor:not-allowed;opacity:.5}.sidebar-mobile-toggle{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.sidebar-mobile-toggle:hover:not(:disabled){background:#2a3942;color:#e9edef}.sidebar-mobile-toggle{background:#1f2c34;box-shadow:0 4px 8px #0000004d}@media(max-width:768px){.sidebar-mobile-toggle{display:flex}}.chat-header{align-items:center;background:#1f2c34;border-bottom:1px solid #1f2c34;display:flex;height:50px;justify-content:space-between;padding:0 1rem}.chat-header .chat-header-left{align-items:center;display:flex;gap:.75rem;justify-content:flex-start}.chat-header .chat-header-left .chat-back-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:none;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.chat-header .chat-header-left .chat-back-btn:disabled{cursor:not-allowed;opacity:.5}.chat-header .chat-header-left .chat-back-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.chat-header .chat-header-left .chat-back-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}@media(max-width:768px){.chat-header .chat-header-left .chat-back-btn{display:flex}}.chat-header .chat-header-left .chat-avatar{background:#2a3942;border-radius:9999px;height:36px;object-fit:cover;width:36px}.chat-header .chat-header-left .chat-info .chat-name{font-size:1rem;font-weight:600}.chat-header .chat-header-left .chat-info .chat-status{align-items:center;color:#8696a0;display:flex;font-size:.7rem;gap:.25rem}.chat-header .chat-header-left .chat-info .chat-status .typing-indicator{color:#128c7e}.chat-header .chat-header-right{align-items:center;display:flex;gap:.5rem}.chat-header .chat-header-right .header-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.chat-header .chat-header-right .header-action:disabled{cursor:not-allowed;opacity:.5}.chat-header .chat-header-right .header-action{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.chat-header .chat-header-right .header-action:hover:not(:disabled){background:#2a3942;color:#e9edef}.chat-header .chat-header-right .header-action{height:40px;width:40px}.chat-header .chat-header-right .header-divider{background:#2a3942;height:24px;margin:0 .5rem;width:1px}.admin-header{background:#1f2c34;border-bottom:1px solid #1f2c34;height:50px;padding:0 1.5rem}.admin-header .admin-header-left{align-items:center;display:flex;gap:1rem;justify-content:flex-start}.admin-header .admin-header-left .admin-logo{color:#128c7e;font-size:1.25rem;font-weight:700}.admin-header .admin-header-left .admin-nav{display:flex;gap:.25rem}.admin-header .admin-header-left .admin-nav .nav-item{border-radius:8px;color:#8696a0;font-size:.8rem;padding:.5rem 1rem;transition:all .15s ease}.admin-header .admin-header-left .admin-nav .nav-item:hover{background:#2a3942;color:#e9edef}.admin-header .admin-header-left .admin-nav .nav-item.active{background:#128c7e1a;color:#128c7e}.admin-header .admin-header-right{align-items:center;display:flex;gap:.75rem;justify-content:flex-start}.admin-header .admin-header-right .admin-search .search-input input{background:#0b141a;width:250px}.admin-header .admin-header-right .admin-user{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;padding:.5rem}.admin-header .admin-header-right .admin-user:hover{background:#2a3942}.admin-header .admin-header-right .admin-user img{background:#2a3942;border-radius:9999px;height:28px;object-fit:cover;width:28px}.admin-header .admin-header-right .admin-user .admin-user-name{font-size:.8rem}.page-header{align-items:center;background:#1f2c34;border-bottom:1px solid #1f2c34;display:flex;justify-content:space-between;padding:1rem 1.5rem}.page-header .page-title{font-size:1.25rem;font-weight:600}.page-header .page-subtitle{color:#8696a0;font-size:.8rem;margin-top:.25rem}.page-header .page-actions{display:flex;gap:.75rem}.breadcrumb{color:#8696a0;font-size:.8rem;margin-bottom:1rem}.breadcrumb,.breadcrumb .breadcrumb-item{align-items:center;display:flex;gap:.5rem}.breadcrumb .breadcrumb-item a{color:#8696a0;transition:color .15s ease}.breadcrumb .breadcrumb-item a:hover,.breadcrumb .breadcrumb-item.active{color:#e9edef}.breadcrumb .breadcrumb-item .breadcrumb-separator{color:#667781}.main-content{background:#111b21;height:100vh;min-width:0}.content-area,.main-content{display:flex;flex:1 1;flex-direction:column}.content-area{overflow:hidden}.empty-content{align-items:center;background:#111b21;display:flex;flex:1 1;flex-direction:column;justify-content:center}.empty-content .empty-illustration{height:200px;margin-bottom:1.5rem;opacity:.5;width:200px}.empty-content .empty-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-content .empty-description{color:#8696a0;max-width:300px;text-align:center}.empty-content .empty-action{margin-top:1.5rem}.split-view{display:flex;height:100%}.split-view .split-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.split-view .split-sidebar{background:#0b141a;border-left:1px solid #1f2c34;display:flex;flex-direction:column;width:350px}@media(max-width:1024px){.split-view .split-sidebar{width:300px}}@media(max-width:768px){.split-view .split-sidebar{display:none}.split-view .split-sidebar.open{display:flex;height:100vh;position:fixed;right:0;top:0;z-index:100}}.tabs{border-bottom:1px solid #2a3942;display:flex}.tabs .tab-item{border-bottom:2px solid #0000;color:#8696a0;cursor:pointer;font-size:.8rem;margin-bottom:-1px;padding:.75rem 1rem;transition:all .15s ease}.tabs .tab-item:hover{color:#e9edef}.tabs .tab-item.active{border-bottom-color:#128c7e;color:#128c7e}.panel{background:#1f2c34;border-radius:12px;overflow:hidden}.panel .panel-header{align-items:center;border-bottom:1px solid #2a3942;display:flex;justify-content:space-between;padding:.75rem 1rem}.panel .panel-header .panel-title{font-weight:600}.panel .panel-body{padding:1rem}.panel .panel-footer{background:#2a3942;border-top:1px solid #2a3942;padding:.75rem 1rem}.grid{grid-gap:1rem;display:grid;gap:1rem}.grid.grid-2{grid-template-columns:repeat(2,1fr)}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid.grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid.grid-3,.grid.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.flex-auto{flex:auto}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.app-footer{background:#0b141a;border-top:1px solid #1f2c34;padding:1rem 1.5rem;text-align:center}.app-footer .footer-text{color:#667781;font-size:.8rem}.app-footer .footer-links{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.app-footer .footer-links a{color:#8696a0;font-size:.8rem;transition:color .15s ease}.app-footer .footer-links a:hover{color:#e9edef}.message-input-footer{align-items:flex-end;background:#1f2c34;border-top:1px solid #1f2c34;display:flex;gap:.5rem;padding:.75rem 1rem}.message-input-footer .input-actions-left,.message-input-footer .input-actions-right{display:flex;gap:.25rem}.message-input-footer .message-input-wrapper{flex:1 1;position:relative}.message-input-footer .message-input-wrapper .message-input{background:#2a3942;border-radius:16px;font-size:.875rem;line-height:1.4;max-height:150px;min-height:42px;padding:.5rem 1rem;resize:none;width:100%}.message-input-footer .message-input-wrapper .message-input::placeholder{color:#667781}.message-input-footer .send-button{align-items:center;background:#128c7e;border:none;border-radius:8px;color:#e9edef;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.message-input-footer .send-button:hover:not(:disabled){background:#075e54}.message-input-footer .send-button{border-radius:9999px;height:42px;padding:0;width:42px}.message-input-footer .send-button:disabled{cursor:not-allowed;opacity:.5}.reply-preview{align-items:center;background:#2a3942;border-radius:8px 8px 0 0;display:flex;gap:.5rem;margin-bottom:-2px;padding:.5rem 1rem}.reply-preview .reply-bar{background:#128c7e;border-radius:2px;height:30px;width:3px}.reply-preview .reply-content{flex:1 1;min-width:0}.reply-preview .reply-content .reply-label{color:#128c7e;font-size:.7rem;font-weight:500}.reply-preview .reply-content .reply-text{color:#8696a0;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview .reply-close{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.reply-preview .reply-close:disabled{cursor:not-allowed;opacity:.5}.reply-preview .reply-close{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.reply-preview .reply-close:hover:not(:disabled){background:#2a3942;color:#e9edef}.reply-preview .reply-close{height:28px;width:28px}.edit-preview{align-items:center;background:#ffc1071a;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;margin-bottom:-2px;padding:.5rem 1rem}.edit-preview .edit-label{color:#ffc107;font-size:.7rem;font-weight:500}.edit-preview .edit-close{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.edit-preview .edit-close:disabled{cursor:not-allowed;opacity:.5}.edit-preview .edit-close{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.edit-preview .edit-close:hover:not(:disabled){background:#2a3942;color:#e9edef}.edit-preview .edit-close{height:28px;width:28px}.chat-container{display:flex;height:100vh;overflow:hidden;width:100%}.chat-view{height:100%}.chat-view,.chat-view.chat-view-empty{background:#111b21;display:flex;flex-direction:column}.chat-view.chat-view-empty{align-items:center;border-left:1px solid #1f2c34;justify-content:center}.chat-view.chat-view-empty .chat-empty-icon{color:#667781;font-size:4rem;margin-bottom:1rem}.chat-view.chat-view-empty .chat-empty-title{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.chat-view.chat-view-empty .chat-empty-text{color:#8696a0;max-width:300px;text-align:center}.chat-area{display:flex;flex:1 1;flex-direction:column;min-width:0}@media(max-width:768px){.chat-area{background:#111b21;bottom:0;left:0;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s ease;z-index:5}.chat-area.open{transform:translateX(0)}}.chat-info-panel{background:#0b141a;border-left:1px solid #1f2c34;display:flex;flex-direction:column;overflow:hidden;width:300px}@media(max-width:1024px){.chat-info-panel{width:280px}}@media(max-width:768px){.chat-info-panel{height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s ease;z-index:20}.chat-info-panel.open{transform:translateX(0)}}.chat-info-panel .chat-info-header{align-items:center;border-bottom:1px solid #1f2c34;display:flex;justify-content:space-between;padding:.75rem 1rem}.chat-info-panel .chat-info-header .chat-info-title{font-weight:600}.chat-info-panel .chat-info-body{flex:1 1;overflow-y:auto}.chat-info-panel .chat-info-body::-webkit-scrollbar{height:6px;width:6px}.chat-info-panel .chat-info-body::-webkit-scrollbar-track{background:#0000;border-radius:9999px}.chat-info-panel .chat-info-body::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}.chat-info-panel .chat-info-body::-webkit-scrollbar-thumb:hover{background:#4f6572}.chat-info-panel .chat-info-section{padding:1rem}.chat-info-panel .chat-info-section .chat-info-label{color:#667781;font-size:.7rem;margin-bottom:.5rem;text-transform:uppercase}.chat-info-panel .chat-info-section .chat-info-value{color:#e9edef}.chat-info-panel .chat-info-members .member-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;justify-content:flex-start;padding:.5rem 1rem;transition:background .15s ease}.chat-info-panel .chat-info-members .member-item:hover{background:#2a3942}.chat-info-panel .chat-info-members .member-item .member-avatar{background:#2a3942;border-radius:9999px;height:28px;object-fit:cover;width:28px}.chat-info-panel .chat-info-members .member-item .member-info{flex:1 1}.chat-info-panel .chat-info-members .member-item .member-info .member-name{font-size:.8rem}.chat-info-panel .chat-info-members .member-item .member-info .member-role{color:#667781;font-size:.7rem}.chat-info-panel .chat-info-media{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);padding:1rem}.chat-info-panel .chat-info-media .media-item{aspect-ratio:1;border-radius:8px;cursor:pointer;overflow:hidden}.chat-info-panel .chat-info-media .media-item img{height:100%;object-fit:cover;width:100%}.message-list-container{flex:1 1;overflow-x:hidden;overflow-y:auto}.message-list-container::-webkit-scrollbar{height:6px;width:6px}.message-list-container::-webkit-scrollbar-track{background:#0000;border-radius:9999px}.message-list-container::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}.message-list-container::-webkit-scrollbar-thumb:hover{background:#4f6572}.message-list-container{background:#111b21;display:flex;flex-direction:column}.message-list-container .scroll-to-bottom{align-items:center;border:none;border-radius:8px;bottom:1rem;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;left:50%;line-height:1;position:-webkit-sticky;position:sticky;text-decoration:none;transform:translateX(-50%);transition:all .15s ease}.message-list-container .scroll-to-bottom:disabled{cursor:not-allowed;opacity:.5}.message-list-container .scroll-to-bottom{background:#2a3942;color:#e9edef}.message-list-container .scroll-to-bottom:hover:not(:disabled){background:#3a4a54}.message-list-container .scroll-to-bottom{border-radius:9999px;box-shadow:0 4px 8px #0000004d;margin-bottom:.5rem;padding:.5rem 1rem;z-index:10}.message-list-container .scroll-to-bottom .unread-count{align-items:center;background:#128c7e;border-radius:9999px;color:#e9edef;display:inline-flex;font-size:.7rem;font-size:10px;font-weight:600;height:20px;justify-content:center;margin-left:.5rem;min-width:20px;padding:0 6px}.message-list-container .date-separator{align-items:center;display:flex;justify-content:center;padding:1rem 0;position:relative}.message-list-container .date-separator:after,.message-list-container .date-separator:before{background:#2a3942;content:"";flex:1 1;height:1px}.message-list-container .date-separator .date-text{background:#2a3942;border-radius:9999px;color:#8696a0;font-size:.7rem;margin:0 1rem;padding:.25rem .75rem}.message-list-container .unread-separator{align-items:center;display:flex;padding:.5rem 0}.message-list-container .unread-separator:after,.message-list-container .unread-separator:before{background:#128c7e;content:"";flex:1 1;height:1px}.message-list-container .unread-separator .unread-text{background:#128c7e;border-radius:9999px;color:#e9edef;font-size:.7rem;font-weight:500;margin:0 1rem;padding:.25rem .75rem}.message-list{display:flex;flex-direction:column;min-height:100%;padding:.5rem 0}.message-list .load-more{padding:1rem;text-align:center}.message-list .load-more .load-more-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.message-list .load-more .load-more-btn:disabled{cursor:not-allowed;opacity:.5}.message-list .load-more .load-more-btn{background:#0000;color:#8696a0}.message-list .load-more .load-more-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.message-list .load-more .load-more-btn{font-size:.8rem}.message-list .messages-start{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.message-list .messages-start .start-icon{color:#667781;font-size:3rem;margin-bottom:1rem}.message-list .messages-start .start-text{color:#8696a0;text-align:center}.message-group .message-item:not(:first-child) .message-avatar{visibility:hidden}.message-group .message-item:not(:first-child) .message-header{display:none}.message-group .message-item:first-child{margin-top:.5rem}.system-message{display:flex;justify-content:center;padding:.5rem 1rem}.system-message .system-message-content{align-items:center;background:#2a3942;border-radius:9999px;color:#8696a0;display:inline-flex;font-size:.7rem;gap:.5rem;padding:.5rem 1rem}.system-message .system-message-content i{font-size:.8rem}.system-message .system-message-content a{color:#128c7e;font-weight:500}.system-message .system-message-content a:hover{text-decoration:underline}.typing-indicator-message{align-items:flex-end;display:flex;gap:.75rem;padding:.5rem 1rem}.typing-indicator-message .typing-avatar{background:#2a3942;border-radius:9999px;height:28px;object-fit:cover;width:28px}.typing-indicator-message .typing-bubble{align-items:center;background:#1f2c34;border-radius:12px;border-top-left-radius:.25rem;display:flex;gap:.5rem;padding:.5rem 1rem}.typing-indicator-message .typing-bubble .typing-text{color:#8696a0;font-size:.8rem}.typing-indicator-message .typing-bubble .typing-dots{display:flex;gap:3px}.typing-indicator-message .typing-bubble .typing-dots span{animation:typingDot 1.4s ease-in-out infinite both;background:#667781;border-radius:9999px;height:6px;width:6px}.typing-indicator-message .typing-bubble .typing-dots span:first-child{animation-delay:-.32s}.typing-indicator-message .typing-bubble .typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingDot{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.message-item{display:flex;gap:.75rem;padding:.25rem 1rem;position:relative}.message-item:hover{background:#2a39424d}.message-item:hover .message-actions{opacity:1}.message-item.message-own{flex-direction:row-reverse}.message-item.message-own .message-content{align-items:flex-end}.message-item.message-own .message-bubble{background:#054640;border-radius:12px;border-top-right-radius:.25rem}.message-item.message-own .message-status{justify-content:flex-end}.message-item.message-edited .message-bubble:after{color:#667781;content:"edited";font-size:.7rem;margin-left:.5rem}.message-item.message-deleted .message-bubble{background:#0000;border:1px dashed #2a3942;color:#667781;font-style:italic}.message-item.message-pinned{background:#ffc1070d}.message-item.message-pinned:before{background:#ffc107;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.message-avatar{flex-shrink:0}.message-avatar img{background:#2a3942;border-radius:9999px;cursor:pointer;height:28px;object-fit:cover;width:28px}.message-avatar img:hover{opacity:.8}.message-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.message-header{align-items:baseline;display:flex;gap:.5rem}.message-header .message-sender{color:#e9edef;cursor:pointer;font-size:.8rem;font-weight:500}.message-header .message-sender:hover{text-decoration:underline}.message-header .message-time{color:#667781;font-size:.7rem}.message-bubble{word-wrap:break-word;background:#1f2c34;border-radius:12px;border-top-left-radius:.25rem;display:inline-block;max-width:65%;padding:.5rem .75rem;position:relative}@media(max-width:768px){.message-bubble{max-width:80%}}@media(max-width:640px){.message-bubble{max-width:85%}}.message-bubble .message-text{color:#e9edef;font-size:.8rem;line-height:1.4}.message-bubble .message-text strong{font-weight:600}.message-bubble .message-text em{font-style:italic}.message-bubble .message-text del,.message-bubble .message-text s{text-decoration:line-through}.message-bubble .message-text code{background:#0003;border-radius:3px;font-size:.9em;padding:2px 4px}.message-bubble .message-text pre{background:#0003;border-radius:4px;margin:.5rem 0;overflow-x:auto;padding:.5rem}.message-bubble .message-text a{color:#5ecbf5;text-decoration:underline}.message-bubble .message-text a:hover{color:#34b7f1}.message-bubble .message-text .mention{background:#128c7e33;border-radius:3px;color:#128c7e;cursor:pointer;padding:1px 4px}.message-bubble .message-text .mention:hover{background:#128c7e4d}.message-bubble .message-quote{border-left:3px solid #667781;margin-bottom:.5rem;opacity:.8;padding-left:.5rem}.message-bubble .message-quote .quote-sender{color:#8696a0;font-size:.7rem;font-weight:500}.message-bubble .message-quote .quote-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8696a0;display:-webkit-box;font-size:.7rem;overflow:hidden;text-overflow:ellipsis}.message-attachments{margin-top:.5rem}.message-attachments .attachment-image{border-radius:8px;cursor:pointer;max-width:300px;overflow:hidden}.message-attachments .attachment-image img{display:block;width:100%}.message-attachments .attachment-image img:hover{opacity:.9}.message-attachments .attachment-image.attachment-image-grid{grid-gap:2px;display:grid;gap:2px}.message-attachments .attachment-image.attachment-image-grid.grid-2{grid-template-columns:repeat(2,1fr)}.message-attachments .attachment-image.attachment-image-grid.grid-3{grid-template-columns:repeat(3,1fr)}.message-attachments .attachment-image.attachment-image-grid.grid-4{grid-template-columns:repeat(2,1fr)}.message-attachments .attachment-image.attachment-image-grid img{aspect-ratio:1;object-fit:cover}.message-attachments .attachment-video{border-radius:8px;max-width:400px;overflow:hidden;position:relative}.message-attachments .attachment-video video{display:block;width:100%}.message-attachments .attachment-video .video-play-overlay{align-items:center;background:#0009;border-radius:9999px;cursor:pointer;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.message-attachments .attachment-video .video-play-overlay i{color:#e9edef;font-size:1.125rem;margin-left:4px}.message-attachments .attachment-audio{background:#2a3942;border-radius:8px;max-width:300px;padding:.75rem}.message-attachments .attachment-audio audio{height:40px;width:100%}.message-attachments .attachment-audio .audio-info{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.message-attachments .attachment-audio .audio-info .audio-icon{color:#8696a0}.message-attachments .attachment-audio .audio-info .audio-duration{color:#667781;font-size:.7rem}.message-attachments .attachment-voice{align-items:center;display:flex;gap:.75rem;max-width:300px}.message-attachments .attachment-voice .voice-avatar{background:#2a3942;border-radius:9999px;height:36px;object-fit:cover;width:36px}.message-attachments .attachment-voice .voice-waveform{align-items:center;display:flex;flex:1 1;gap:2px;height:30px}.message-attachments .attachment-voice .voice-waveform .waveform-bar{background:#128c7e;border-radius:2px;flex:1 1;min-height:4px}.message-attachments .attachment-voice .voice-duration{color:#667781;font-size:.7rem;min-width:40px}.message-attachments .attachment-file{align-items:center;background:#2a3942;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;max-width:300px;padding:.75rem}.message-attachments .attachment-file:hover{background:#3a4a54}.message-attachments .attachment-file .file-icon{align-items:center;background:#3a4a54;border-radius:8px;color:#8696a0;display:flex;font-size:1.125rem;height:40px;justify-content:center;width:40px}.message-attachments .attachment-file .file-info{flex:1 1;min-width:0}.message-attachments .attachment-file .file-info .file-name{font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-attachments .attachment-file .file-info .file-size{color:#667781;font-size:.7rem}.message-attachments .attachment-file .file-download{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.message-attachments .attachment-file .file-download:disabled{cursor:not-allowed;opacity:.5}.message-attachments .attachment-file .file-download{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.message-attachments .attachment-file .file-download:hover:not(:disabled){background:#2a3942;color:#e9edef}.message-attachments .attachment-file .file-download{height:32px;width:32px}.message-reactions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.message-reactions .reaction-item{align-items:center;background:#2a3942;border-radius:9999px;cursor:pointer;display:inline-flex;font-size:.7rem;gap:4px;padding:2px 8px;transition:all .15s ease}.message-reactions .reaction-item:hover{background:#3a4a54}.message-reactions .reaction-item.reaction-own{background:#128c7e33;border:1px solid #128c7e}.message-reactions .reaction-item .reaction-emoji{font-size:14px}.message-reactions .reaction-item .reaction-count{color:#8696a0}.message-reactions .reaction-add{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.message-reactions .reaction-add:disabled{cursor:not-allowed;opacity:.5}.message-reactions .reaction-add{background:#0000;color:#8696a0;height:36px;padding:0;width:36px}.message-reactions .reaction-add:hover:not(:disabled){background:#2a3942;color:#e9edef}.message-reactions .reaction-add{background:#2a3942;border-radius:9999px;height:24px;opacity:0;transition:opacity .15s ease;width:24px}.message-item:hover .message-reactions .reaction-add{opacity:1}.message-status{align-items:center;color:#667781;display:flex;font-size:.7rem;gap:.25rem}.message-status .status-icon{font-size:12px}.message-status .status-icon.status-delivered,.message-status .status-icon.status-sent{color:#667781}.message-status .status-icon.status-read{color:#128c7e}.message-actions{background:#1f2c34;border-radius:8px;box-shadow:0 2px 4px #0003;display:flex;gap:2px;opacity:0;padding:2px;position:absolute;right:1rem;top:0;transition:opacity .15s ease;z-index:5}.message-own .message-actions{left:1rem;right:auto}.message-actions .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.message-actions .action-btn:disabled{cursor:not-allowed;opacity:.5}.message-actions .action-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.message-actions .action-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.message-actions .action-btn{height:28px;width:28px}.message-actions .reaction-picker-trigger{position:relative}.message-actions .reaction-picker-trigger:hover .reaction-quick{display:flex}.message-actions .reaction-picker-trigger .reaction-quick{background:#3a4a54;border-radius:9999px;bottom:100%;display:none;gap:2px;left:50%;margin-bottom:4px;padding:2px;position:absolute;transform:translateX(-50%)}.message-actions .reaction-picker-trigger .reaction-quick span{border-radius:9999px;cursor:pointer;padding:4px}.message-actions .reaction-picker-trigger .reaction-quick span:hover{background:#2a3942}.message-pin-indicator{align-items:center;background:#ffc107;border-radius:9999px;color:#111b21;display:flex;font-size:.7rem;gap:.25rem;left:50%;padding:2px 8px;position:absolute;top:-8px;transform:translateX(-50%);white-space:nowrap}.message-pin-indicator i{font-size:10px}.message-input-area{background:#1f2c34;border-top:1px solid #1f2c34;display:flex;flex-direction:column;padding:.5rem 1rem .75rem}.message-input-bar{border-radius:8px 8px 0 0;margin-bottom:-2px}.message-input-bar .bar-indicator{height:24px}.message-input-bar .bar-content .bar-label{font-weight:500}.message-input-container .input-actions-left{display:flex;gap:2px}.message-input-container .input-actions-left .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.message-input-container .input-actions-left .action-btn:disabled{cursor:not-allowed;opacity:.5}.message-input-container .input-actions-left .action-btn{background:#0000;border-radius:9999px;height:36px;padding:0;width:36px}.message-input-container .input-actions-left .action-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.message-input-container .input-actions-left .action-btn{color:#8696a0;height:40px;width:40px}.message-input-container .input-actions-left .action-btn:hover{color:#e9edef}.message-input-container .message-input-wrapper{align-items:flex-end;display:flex;flex:1 1;position:relative}.message-input-container .message-input-wrapper .message-textarea{background:#2a3942;border:1px solid #0000;border-radius:16px;color:#e9edef;font-size:.875rem;line-height:1.4;max-height:150px;min-height:42px;padding:.5rem 2.5rem .5rem 1rem;resize:none;transition:border-color .15s ease;width:100%}.message-input-container .message-input-wrapper .message-textarea:focus{border-color:#128c7e}.message-input-container .message-input-wrapper .message-textarea::placeholder{color:#667781}.message-input-container .message-input-wrapper .emoji-btn{align-items:center;border:none;border-radius:8px;bottom:.5rem;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;position:absolute;right:.5rem;text-decoration:none;transition:all .15s ease}.message-input-container .message-input-wrapper .emoji-btn:disabled{cursor:not-allowed;opacity:.5}.message-input-container .message-input-wrapper .emoji-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.message-input-container .message-input-wrapper .emoji-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.message-input-container .message-input-wrapper .emoji-btn{color:#667781;height:32px;width:32px}.message-input-container .message-input-wrapper .emoji-btn:hover{color:#ffc107}.message-input-container .input-actions-right{display:flex;gap:2px}.message-input-container .input-actions-right .send-btn{align-items:center;background:#128c7e;border:none;border-radius:8px;color:#e9edef;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.message-input-container .input-actions-right .send-btn:hover:not(:disabled){background:#075e54}.message-input-container .input-actions-right .send-btn{border-radius:9999px;height:42px;padding:0;width:42px}.message-input-container .input-actions-right .send-btn:disabled{cursor:not-allowed;opacity:.5}.message-input-container .input-actions-right .send-btn.voice-btn{background:#f44336}.message-input-container .input-actions-right .send-btn.voice-btn:hover:not(:disabled){background:#ea1c0d}.attachment-preview .preview-item .file-preview{background:#3a4a54;width:100%}.attachment-preview .preview-item .file-preview i{color:#8696a0;font-size:1.125rem;margin-bottom:.25rem}.attachment-preview .preview-item .file-preview .file-name{text-align:center}.attachment-preview .preview-item .remove-btn{border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.attachment-preview .preview-item .remove-btn:disabled{cursor:not-allowed;opacity:.5}.attachment-preview .preview-item .remove-btn{background:#0000;color:#8696a0;height:36px;padding:0;width:36px}.attachment-preview .preview-item .remove-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.attachment-preview .preview-item .file-size{background:#0009;border-radius:2px;bottom:4px;color:#e9edef;font-size:.7rem;left:4px;padding:2px 4px;position:absolute}.file-drop-zone{align-items:center;background:#075e54e6;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1050}.file-drop-zone .drop-content{color:#e9edef;text-align:center}.file-drop-zone .drop-content .drop-icon{font-size:4rem;margin-bottom:1rem}.file-drop-zone .drop-content .drop-text{font-size:1.25rem;font-weight:600}.emoji-picker-dropdown{border-radius:12px;z-index:1000}.emoji-picker-dropdown .emoji-header{border-bottom:1px solid #2a3942;display:flex}.emoji-picker-dropdown .emoji-header .emoji-category{color:#667781;cursor:pointer;flex:1 1;padding:.5rem;text-align:center;transition:all .15s ease}.emoji-picker-dropdown .emoji-header .emoji-category.active,.emoji-picker-dropdown .emoji-header .emoji-category:hover{background:#2a3942;color:#e9edef}.emoji-picker-dropdown .emoji-grid .emoji-button{border-radius:4px;font-size:18px;height:32px;width:32px}.mention-dropdown{width:250px;z-index:1000}.mention-dropdown .mention-item.selected,.mention-dropdown .mention-item:hover{background:#2a3942}.mention-dropdown .mention-item .mention-info .mention-name{font-size:.8rem}.format-toolbar{background:#2a3942;border-radius:8px;display:flex;gap:2px;margin-bottom:.5rem;padding:.25rem}.format-toolbar .format-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.format-toolbar .format-btn:disabled{cursor:not-allowed;opacity:.5}.format-toolbar .format-btn{background:#0000;border-radius:9999px;height:36px;padding:0;width:36px}.format-toolbar .format-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.format-toolbar .format-btn{color:#8696a0;font-size:.8rem;height:28px;width:28px}.format-toolbar .format-btn:hover{background:#2a3942;color:#e9edef}.format-toolbar .format-btn.active{background:#128c7e1a;color:#128c7e}.format-toolbar .format-divider{background:#2a3942;height:20px;margin:4px .25rem;width:1px}.channel-list-container{flex:1 1;overflow-y:auto}.channel-list-container::-webkit-scrollbar{height:6px;width:6px}.channel-list-container::-webkit-scrollbar-track{background:#0000;border-radius:9999px}.channel-list-container::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}.channel-list-container::-webkit-scrollbar-thumb:hover{background:#4f6572}.channel-list-section{margin-bottom:.5rem}.channel-list-section .section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem 1rem;-webkit-user-select:none;user-select:none}.channel-list-section .section-header .section-title{align-items:center;color:#667781;display:flex;font-size:.7rem;font-weight:600;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.channel-list-section .section-header .section-title .section-icon{font-size:10px;transition:transform .15s ease}.channel-list-section .section-header .section-title .section-icon.collapsed{transform:rotate(-90deg)}.channel-list-section .section-header .section-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.channel-list-section .section-header .section-action:disabled{cursor:not-allowed;opacity:.5}.channel-list-section .section-header .section-action{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.channel-list-section .section-header .section-action:hover:not(:disabled){background:#2a3942;color:#e9edef}.channel-list-section .section-header .section-action{color:#667781;font-size:.7rem;height:24px;width:24px}.channel-list-section .section-header .section-action:hover{color:#e9edef}.channel-list-section .section-items{overflow:hidden;transition:max-height .25s ease}.channel-list-section .section-items.collapsed{max-height:0}.channel-item,.channel-item-channel,.channel-item-direct,.channel-item-group{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;position:relative;transition:background .15s ease}.channel-item-channel:hover,.channel-item-direct:hover,.channel-item-group:hover,.channel-item:hover{background:#2a3942}.channel-item-channel:hover .channel-actions,.channel-item-direct:hover .channel-actions,.channel-item-group:hover .channel-actions,.channel-item:hover .channel-actions{opacity:1}.active.channel-item-channel,.active.channel-item-direct,.active.channel-item-group,.channel-item.active{background:#3a4a54}.active.channel-item-channel .channel-name,.active.channel-item-direct .channel-name,.active.channel-item-group .channel-name,.channel-item.active .channel-name{font-weight:600}.channel-item.has-unread .channel-name,.has-unread.channel-item-channel .channel-name,.has-unread.channel-item-direct .channel-name,.has-unread.channel-item-group .channel-name{color:#e9edef;font-weight:600}.channel-item.has-unread .channel-preview,.has-unread.channel-item-channel .channel-preview,.has-unread.channel-item-direct .channel-preview,.has-unread.channel-item-group .channel-preview{color:#e9edef}.channel-item .channel-avatar,.channel-item-channel .channel-avatar,.channel-item-direct .channel-avatar,.channel-item-group .channel-avatar{flex-shrink:0;position:relative}.channel-item .channel-avatar img,.channel-item-channel .channel-avatar img,.channel-item-direct .channel-avatar img,.channel-item-group .channel-avatar img{background:#2a3942;border-radius:9999px;height:36px;object-fit:cover;width:36px}.channel-item .channel-avatar .avatar-placeholder,.channel-item-channel .channel-avatar .avatar-placeholder,.channel-item-direct .channel-avatar .avatar-placeholder,.channel-item-group .channel-avatar .avatar-placeholder{align-items:center;background:#2a3942;border-radius:9999px;color:#8696a0;display:flex;font-size:1rem;height:36px;justify-content:center;object-fit:cover;width:36px}.channel-item .channel-avatar .status-dot,.channel-item-channel .channel-avatar .status-dot,.channel-item-direct .channel-avatar .status-dot,.channel-item-group .channel-avatar .status-dot{border:2px solid #0b141a;border-radius:9999px;bottom:0;height:12px;position:absolute;right:0;width:12px}.channel-item .channel-avatar .status-dot.online,.channel-item-channel .channel-avatar .status-dot.online,.channel-item-direct .channel-avatar .status-dot.online,.channel-item-group .channel-avatar .status-dot.online{background:#25d366}.channel-item .channel-avatar .status-dot.offline,.channel-item-channel .channel-avatar .status-dot.offline,.channel-item-direct .channel-avatar .status-dot.offline,.channel-item-group .channel-avatar .status-dot.offline{background:#667781}.channel-item .channel-info,.channel-item-channel .channel-info,.channel-item-direct .channel-info,.channel-item-group .channel-info{flex:1 1;min-width:0}.channel-item .channel-info .channel-name,.channel-item-channel .channel-info .channel-name,.channel-item-direct .channel-info .channel-name,.channel-item-group .channel-info .channel-name{color:#e9edef;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item .channel-info .channel-preview,.channel-item-channel .channel-info .channel-preview,.channel-item-direct .channel-info .channel-preview,.channel-item-group .channel-info .channel-preview{color:#8696a0;font-size:.8rem;line-height:1.3;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item .channel-info .channel-preview .preview-sender,.channel-item-channel .channel-info .channel-preview .preview-sender,.channel-item-direct .channel-info .channel-preview .preview-sender,.channel-item-group .channel-info .channel-preview .preview-sender{color:#128c7e;font-weight:500}.channel-item .channel-info .channel-preview .preview-unread,.channel-item-channel .channel-info .channel-preview .preview-unread,.channel-item-direct .channel-info .channel-preview .preview-unread,.channel-item-group .channel-info .channel-preview .preview-unread{color:#e9edef}.channel-item .channel-meta,.channel-item-channel .channel-meta,.channel-item-direct .channel-meta,.channel-item-group .channel-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.channel-item .channel-meta .channel-time,.channel-item-channel .channel-meta .channel-time,.channel-item-direct .channel-meta .channel-time,.channel-item-group .channel-meta .channel-time{color:#667781;font-size:.7rem}.channel-item .channel-meta .unread-badge,.channel-item-channel .channel-meta .unread-badge,.channel-item-direct .channel-meta .unread-badge,.channel-item-group .channel-meta .unread-badge{align-items:center;background:#128c7e;border-radius:9999px;color:#e9edef;display:inline-flex;font-size:.7rem;font-size:10px;font-weight:600;height:20px;height:18px;justify-content:center;min-width:20px;min-width:18px;padding:0 6px}.channel-item .channel-meta .muted-icon,.channel-item-channel .channel-meta .muted-icon,.channel-item-direct .channel-meta .muted-icon,.channel-item-group .channel-meta .muted-icon{color:#667781;font-size:.7rem}.channel-item .channel-meta .pinned-icon,.channel-item-channel .channel-meta .pinned-icon,.channel-item-direct .channel-meta .pinned-icon,.channel-item-group .channel-meta .pinned-icon{color:#ffc107;font-size:.7rem}.channel-item .channel-actions,.channel-item-channel .channel-actions,.channel-item-direct .channel-actions,.channel-item-group .channel-actions{background:#1f2c34;border-radius:8px;display:flex;gap:2px;opacity:0;padding:2px;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:opacity .15s ease;z-index:1}.channel-item .channel-actions .action-btn,.channel-item-channel .channel-actions .action-btn,.channel-item-direct .channel-actions .action-btn,.channel-item-group .channel-actions .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.channel-item .channel-actions .action-btn:disabled,.channel-item-channel .channel-actions .action-btn:disabled,.channel-item-direct .channel-actions .action-btn:disabled,.channel-item-group .channel-actions .action-btn:disabled{cursor:not-allowed;opacity:.5}.channel-item .channel-actions .action-btn,.channel-item-channel .channel-actions .action-btn,.channel-item-direct .channel-actions .action-btn,.channel-item-group .channel-actions .action-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.channel-item .channel-actions .action-btn:hover:not(:disabled),.channel-item-channel .channel-actions .action-btn:hover:not(:disabled),.channel-item-direct .channel-actions .action-btn:hover:not(:disabled),.channel-item-group .channel-actions .action-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.channel-item .channel-actions .action-btn,.channel-item-channel .channel-actions .action-btn,.channel-item-direct .channel-actions .action-btn,.channel-item-group .channel-actions .action-btn{font-size:.7rem;height:26px;width:26px}.channel-item-direct .avatar-placeholder{background:#128c7e;color:#e9edef}.channel-item-group .avatar-placeholder{background:#5ecbf5;color:#e9edef}.channel-item-channel .avatar-placeholder{background:#2a3942;color:#8696a0}.channel-create-btn{align-items:center;color:#8696a0;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:background .15s ease}.channel-create-btn:hover{background:#2a3942;color:#e9edef}.channel-create-btn .create-icon{align-items:center;background:#2a3942;border-radius:9999px;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.channel-create-btn .create-text{font-size:.875rem;font-weight:500}.channel-filter-tabs{display:flex;gap:.5rem;padding:.5rem 1rem}.channel-filter-tabs .filter-tab{background:#0000;border-radius:8px;color:#8696a0;cursor:pointer;flex:1 1;font-size:.7rem;padding:.5rem;text-align:center;transition:all .15s ease}.channel-filter-tabs .filter-tab:hover{background:#2a3942}.channel-filter-tabs .filter-tab.active{background:#128c7e;color:#e9edef}.user-list-container{flex:1 1;overflow-y:auto}.user-list-container::-webkit-scrollbar{height:6px;width:6px}.user-list-container::-webkit-scrollbar-track{background:#0000;border-radius:9999px}.user-list-container::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}.user-list-container::-webkit-scrollbar-thumb:hover{background:#4f6572}.user-list-section{margin-bottom:1rem}.user-list-section .section-header{align-items:center;display:flex;justify-content:space-between;padding:.5rem 1rem}.user-list-section .section-header .section-title{color:#667781;font-size:.7rem;font-weight:600;text-transform:uppercase}.user-list-section .section-header .section-count{color:#667781;font-size:.7rem}.user-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:background .15s ease}.user-item:hover{background:#2a3942}.user-item.active{background:#3a4a54}.user-item .user-avatar-wrapper{flex-shrink:0;position:relative}.user-item .user-avatar-wrapper .user-avatar{background:#2a3942;border-radius:9999px;height:28px;object-fit:cover;width:28px}.user-item .user-avatar-wrapper .status-indicator{border:2px solid #0b141a;border-radius:9999px;bottom:0;height:10px;position:absolute;right:0;width:10px}.user-item .user-avatar-wrapper .status-indicator.online{background:#25d366}.user-item .user-avatar-wrapper .status-indicator.away{background:#ffc107}.user-item .user-avatar-wrapper .status-indicator.busy{background:#f44336}.user-item .user-avatar-wrapper .status-indicator.offline{background:#667781}.user-item .user-info{flex:1 1;min-width:0}.user-item .user-info .user-name{color:#e9edef;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-item .user-info .user-status-text{color:#8696a0;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-item .user-meta{align-items:center;display:flex;gap:.5rem}.user-item .user-meta .user-time{color:#667781;font-size:.7rem}.user-item .user-meta .unread-badge{align-items:center;background:#128c7e;border-radius:9999px;color:#e9edef;display:inline-flex;font-size:.7rem;font-size:10px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.presence-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.presence-list .presence-item{position:relative}.presence-list .presence-item .user-avatar{background:#2a3942;border:2px solid #0b141a;border-radius:9999px;height:28px;object-fit:cover;width:28px}.presence-list .presence-item .status-indicator{border:2px solid #0b141a;border-radius:9999px;bottom:0;height:10px;position:absolute;right:0;width:10px}.presence-list .presence-item .status-indicator.online{background:#25d366}.presence-list .presence-item .status-indicator.away{background:#ffc107}.presence-list .presence-item .status-indicator.busy{background:#f44336}.presence-list .presence-more{background:#2a3942;border:2px solid #0b141a;border-radius:9999px;height:28px;justify-content:center;object-fit:cover;width:28px}.presence-list .presence-more,.typing-users{align-items:center;color:#8696a0;display:flex;font-size:.7rem}.typing-users{gap:.5rem;padding:.5rem 1rem}.typing-users .typing-avatars{display:flex}.typing-users .typing-avatars .typing-avatar{margin-left:-6px}.typing-users .typing-avatars .typing-avatar:first-child{margin-left:0}.typing-users .typing-avatars .typing-avatar img{background:#2a3942;border:2px solid #0b141a;border-radius:9999px;height:20px;object-fit:cover;width:20px}.typing-users .typing-text .typing-names{color:#e9edef;font-weight:500}.user-search-results .user-search-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;justify-content:flex-start;padding:.75rem 1rem;transition:background .15s ease}.user-search-results .user-search-item:hover{background:#2a3942}.user-search-results .user-search-item .user-avatar{background:#2a3942;border-radius:9999px;height:36px;object-fit:cover;width:36px}.user-search-results .user-search-item .user-info{flex:1 1}.user-search-results .user-search-item .user-info .user-name{font-weight:500}.user-search-results .user-search-item .user-info .user-email{color:#8696a0;font-size:.8rem}.contact-list .contact-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;justify-content:flex-start;padding:.5rem 1rem;transition:background .15s ease}.contact-list .contact-item:hover{background:#2a3942}.contact-list .contact-item .contact-avatar{position:relative}.contact-list .contact-item .contact-avatar img{background:#2a3942;border-radius:9999px;height:28px;object-fit:cover;width:28px}.contact-list .contact-item .contact-avatar .status-dot{border:2px solid #0b141a;border-radius:9999px;bottom:0;height:8px;position:absolute;right:0;width:8px}.contact-list .contact-item .contact-avatar .status-dot.online{background:#25d366}.contact-list .contact-item .contact-info{flex:1 1}.contact-list .contact-item .contact-info .contact-name{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-list .contact-item .contact-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease}.contact-list .contact-item .contact-actions .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.contact-list .contact-item .contact-actions .action-btn:disabled{cursor:not-allowed;opacity:.5}.contact-list .contact-item .contact-actions .action-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.contact-list .contact-item .contact-actions .action-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.contact-list .contact-item .contact-actions .action-btn{height:28px;width:28px}.contact-list .contact-item:hover .contact-actions{opacity:1}.thread-panel{background:#0b141a;display:flex;flex-direction:column;height:100%;width:100%}.thread-panel .thread-header{align-items:center;background:#1f2c34;border-bottom:1px solid #1f2c34;display:flex;justify-content:space-between;padding:.75rem 1rem}.thread-panel .thread-header .thread-title{font-size:1rem;font-weight:600}.thread-panel .thread-header .thread-close-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.thread-panel .thread-header .thread-close-btn:disabled{cursor:not-allowed;opacity:.5}.thread-panel .thread-header .thread-close-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.thread-panel .thread-header .thread-close-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.thread-panel .thread-parent{border-bottom:1px solid #1f2c34;padding:1rem}.thread-panel .thread-parent .parent-label{color:#667781;font-size:.7rem;margin-bottom:.5rem}.thread-panel .thread-parent .parent-message{display:flex;gap:.75rem}.thread-panel .thread-parent .parent-message .parent-avatar{background:#2a3942;border-radius:9999px;height:28px;object-fit:cover;width:28px}.thread-panel .thread-parent .parent-message .parent-content{flex:1 1}.thread-panel .thread-parent .parent-message .parent-content .parent-sender{font-size:.8rem;font-weight:500}.thread-panel .thread-parent .parent-message .parent-content .parent-text{color:#8696a0;font-size:.8rem;margin-top:.25rem}.thread-panel .thread-replies{flex:1 1;overflow-y:auto}.thread-panel .thread-replies::-webkit-scrollbar{height:6px;width:6px}.thread-panel .thread-replies::-webkit-scrollbar-track{background:#0000;border-radius:9999px}.thread-panel .thread-replies::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}.thread-panel .thread-replies::-webkit-scrollbar-thumb:hover{background:#4f6572}.thread-panel .thread-input{border-top:1px solid #1f2c34}.thread-panel .thread-info{background:#2a3942;color:#8696a0;font-size:.7rem;padding:.5rem 1rem;text-align:center}.thread-panel .thread-info .reply-count{color:#e9edef;font-weight:500}.thread-message{display:flex;gap:.75rem;padding:.75rem 1rem}.thread-message:hover{background:#2a3942}.thread-message .thread-message-avatar{background:#2a3942;border-radius:9999px;height:28px;object-fit:cover;width:28px}.thread-message .thread-message-content{flex:1 1}.thread-message .thread-message-content .thread-message-header{align-items:baseline;display:flex;gap:.5rem}.thread-message .thread-message-content .thread-message-header .thread-message-sender{font-size:.8rem;font-weight:500}.thread-message .thread-message-content .thread-message-header .thread-message-time{color:#667781;font-size:.7rem}.thread-message .thread-message-content .thread-message-text{font-size:.8rem;margin-top:.25rem}.incoming-call-modal{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:2rem}.incoming-call-modal .caller-info{text-align:center}.incoming-call-modal .caller-info .caller-avatar{background:#2a3942;border:4px solid #2a3942;border-radius:9999px;box-shadow:0 8px 16px #0000004d;height:120px;margin-bottom:1rem;object-fit:cover;width:120px}.incoming-call-modal .caller-info .caller-name{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.incoming-call-modal .caller-info .call-type{color:#8696a0;font-size:.875rem}.incoming-call-modal .call-actions{display:flex;gap:2rem}.incoming-call-modal .call-actions .decline-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.incoming-call-modal .call-actions .decline-btn:disabled{cursor:not-allowed;opacity:.5}.incoming-call-modal .call-actions .decline-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.incoming-call-modal .call-actions .decline-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.incoming-call-modal .call-actions .decline-btn{background:#f44336;color:#e9edef;font-size:1.125rem;height:60px;width:60px}.incoming-call-modal .call-actions .decline-btn:hover{background:#ea1c0d}.incoming-call-modal .call-actions .accept-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.incoming-call-modal .call-actions .accept-btn:disabled{cursor:not-allowed;opacity:.5}.incoming-call-modal .call-actions .accept-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.incoming-call-modal .call-actions .accept-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.incoming-call-modal .call-actions .accept-btn{background:#25d366;color:#e9edef;font-size:1.125rem;height:60px;width:60px}.incoming-call-modal .call-actions .accept-btn:hover{background:#1da851}.active-call{display:flex;flex:1 1;flex-direction:column;position:relative}.active-call .video-grid{grid-gap:2px;background:#0b141a;display:grid;flex:1 1;gap:2px;padding:2px}.active-call .video-grid.grid-1{grid-template-columns:1fr}.active-call .video-grid.grid-2,.active-call .video-grid.grid-3-4{grid-template-columns:repeat(2,1fr)}.active-call .video-grid.grid-3-4{grid-template-rows:repeat(2,1fr)}.active-call .video-grid.grid-5-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.active-call .video-grid.grid-7-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.active-call .video-grid .video-tile{background:#2a3942;overflow:hidden;position:relative}.active-call .video-grid .video-tile video{height:100%;object-fit:cover;width:100%}.active-call .video-grid .video-tile .video-placeholder{align-items:center;bottom:0;display:flex;flex-direction:column;gap:.5rem;justify-content:center;left:0;position:absolute;right:0;top:0}.active-call .video-grid .video-tile .video-placeholder .participant-avatar{background:#2a3942;border-radius:9999px;height:80px;object-fit:cover;width:80px}.active-call .video-grid .video-tile .video-placeholder .participant-name{font-size:1rem;font-weight:500}.active-call .video-grid .video-tile .video-info{align-items:center;background:#0009;border-radius:8px;bottom:.5rem;display:flex;font-size:.8rem;gap:.5rem;left:.5rem;padding:.25rem .5rem;position:absolute}.active-call .video-grid .video-tile .video-info .participant-name{color:#e9edef}.active-call .video-grid .video-tile .video-info .media-state{color:#f44336}.active-call .video-grid .video-tile .video-info .media-state.on{color:#25d366}.active-call .video-grid .video-tile.speaker{border:3px solid #128c7e}.active-call .video-grid .video-tile.screen-share{grid-column:1/-1;grid-row:1/-1}.active-call .video-grid .video-tile.screen-share video{background:#111b21;object-fit:contain}.active-call .local-video{border-radius:12px;bottom:1.5rem;box-shadow:0 8px 16px #0000004d;cursor:pointer;height:135px;overflow:hidden;position:absolute;right:1rem;width:180px;z-index:10}.active-call .local-video video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.active-call .local-video .local-video-overlay{align-items:center;background:#2a3942;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.active-call .local-video .local-video-overlay .local-avatar{background:#2a3942;border-radius:9999px;height:60px;object-fit:cover;width:60px}.active-call .local-video:hover .video-expand-btn{opacity:1}.active-call .local-video .video-expand-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;position:absolute;right:.5rem;text-decoration:none;top:.5rem;transition:all .15s ease}.active-call .local-video .video-expand-btn:disabled{cursor:not-allowed;opacity:.5}.active-call .local-video .video-expand-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.active-call .local-video .video-expand-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.active-call .local-video .video-expand-btn{background:#00000080;height:28px;opacity:0;transition:opacity .15s ease;width:28px}.call-controls{align-items:center;background:#1f2c34;display:flex;gap:1rem;justify-content:center;padding:1rem}.call-controls .control-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.call-controls .control-btn:disabled{cursor:not-allowed;opacity:.5}.call-controls .control-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.call-controls .control-btn,.call-controls .control-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.call-controls .control-btn{font-size:1.125rem;height:48px;width:48px}.call-controls .control-btn.active,.call-controls .control-btn:hover{background:#3a4a54}.call-controls .control-btn.muted,.call-controls .control-btn.video-off{background:#f44336}.call-controls .control-btn.screen-sharing{background:#128c7e}.call-controls .end-call-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.call-controls .end-call-btn:disabled{cursor:not-allowed;opacity:.5}.call-controls .end-call-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.call-controls .end-call-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.call-controls .end-call-btn{background:#f44336;color:#e9edef;font-size:1.25rem;height:56px;width:56px}.call-controls .end-call-btn:hover{background:#ea1c0d}.call-header{align-items:center;background:#1f2c34;display:flex;justify-content:space-between;padding:.75rem 1rem}.call-header .call-info{align-items:center;display:flex;gap:.75rem}.call-header .call-info .call-type-icon{color:#128c7e;font-size:1.125rem}.call-header .call-info .call-details .call-name{font-weight:600}.call-header .call-info .call-details .call-duration{color:#8696a0;font-size:.8rem}.call-header .call-participants{align-items:center;display:flex}.call-header .call-participants .participant-avatar{background:#2a3942;border:2px solid #1f2c34;border-radius:9999px;height:28px;margin-left:-8px;object-fit:cover;width:28px}.call-header .call-participants .participant-avatar:first-child{margin-left:0}.call-header .call-participants .more-participants{align-items:center;background:#2a3942;border:2px solid #1f2c34;border-radius:9999px;display:flex;font-size:.7rem;height:28px;justify-content:center;object-fit:cover;width:28px}.call-ringing{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center}.call-ringing .ringing-animation{position:relative}.call-ringing .ringing-animation .caller-avatar{background:#2a3942;border-radius:9999px;height:120px;object-fit:cover;position:relative;width:120px;z-index:1}.call-ringing .ringing-animation .ring{animation:ring-pulse 1.5s ease-out infinite;border:2px solid #128c7e;border-radius:9999px;height:140px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px}.call-ringing .ringing-animation .ring:nth-child(2){animation-delay:.5s}.call-ringing .ringing-animation .ring:nth-child(3){animation-delay:1s}.call-ringing .ringing-text{color:#8696a0;font-size:1.125rem}@keyframes ring-pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.call-mini-view{background:#1f2c34;border-radius:12px;bottom:1rem;box-shadow:0 8px 16px #0000004d;cursor:pointer;overflow:hidden;position:fixed;right:1rem;width:200px;z-index:1030}.call-mini-view .mini-video{background:#0b141a;height:150px;width:100%}.call-mini-view .mini-video video{height:100%;object-fit:cover;width:100%}.call-mini-view .mini-info{align-items:center;display:flex;justify-content:space-between;padding:.5rem}.call-mini-view .mini-info .mini-duration{color:#8696a0;font-size:.8rem}.call-mini-view .mini-info .mini-actions{display:flex;gap:.25rem}.call-mini-view .mini-info .mini-actions .mini-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.call-mini-view .mini-info .mini-actions .mini-btn:disabled{cursor:not-allowed;opacity:.5}.call-mini-view .mini-info .mini-actions .mini-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.call-mini-view .mini-info .mini-actions .mini-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.call-mini-view .mini-info .mini-actions .mini-btn{font-size:.7rem;height:28px;width:28px}.auth-page{align-items:center;background:#111b21;display:flex;justify-content:center;min-height:100vh;padding:1rem}@media(max-width:768px){.auth-page{align-items:flex-start;padding:0}}.auth-container{align-items:center;display:flex;flex-direction:column;max-width:400px;width:100%}@media(max-width:768px){.auth-container{justify-content:center;max-width:none;min-height:100vh}}.auth-card{background:#1f2c34;border-radius:16px;box-shadow:0 8px 16px #0000004d;max-height:90vh;overflow-y:auto;padding:1.25rem;width:100%}@media(max-width:768px){.auth-card{border-radius:0;box-shadow:none;margin:0 auto;max-width:400px;padding:1rem}}.auth-header{margin-bottom:1rem;text-align:center}.auth-header .auth-logo{align-items:center;color:#128c7e;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.25rem}.auth-header .auth-logo .logo-icon{font-size:1.8rem}.auth-header .auth-title{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.auth-header .auth-subtitle{color:#8696a0;font-size:.7rem}.auth-form .form-group{margin-bottom:.75rem}.auth-form .form-group label{color:#8696a0;display:block;font-size:.7rem;font-weight:500;margin-bottom:.25rem}.auth-form .form-group .form-input{background:#1f2c34;border:1px solid #2a3942;border-radius:8px;color:#e9edef;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:border-color .15s ease;width:100%}.auth-form .form-group .form-input::placeholder{color:#667781}.auth-form .form-group .form-input:disabled{cursor:not-allowed;opacity:.5}.auth-form .form-group .form-input{padding:.5rem .75rem}.auth-form .form-group .form-input:focus{border-color:#128c7e;box-shadow:0 0 0 3px #128c7e1a}.auth-form .form-group .form-input.input-error{border-color:#f44336}.auth-form .form-group .form-error{color:#f44336;font-size:.7rem;margin-top:.25rem}.auth-form .form-group .password-input-wrapper{position:relative}.auth-form .form-group .password-input-wrapper .password-toggle{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;position:absolute;right:.75rem;text-decoration:none;top:50%;transform:translateY(-50%);transition:all .15s ease}.auth-form .form-group .password-input-wrapper .password-toggle:disabled{cursor:not-allowed;opacity:.5}.auth-form .form-group .password-input-wrapper .password-toggle{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.auth-form .form-group .password-input-wrapper .password-toggle:hover:not(:disabled){background:#2a3942;color:#e9edef}.auth-form .form-group .password-input-wrapper .password-toggle{color:#667781;height:32px;width:32px}.auth-form .form-group .password-input-wrapper .password-toggle:hover{color:#8696a0}.auth-form .form-group .password-input-wrapper .form-input{padding-right:2.5rem}.auth-form .form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.auth-form .form-options .remember-me{align-items:center;color:#8696a0;display:flex;font-size:.7rem;gap:.5rem}.auth-form .form-options .remember-me input{accent-color:#128c7e}.auth-form .form-options .forgot-password{color:#128c7e;font-size:.7rem}.auth-form .form-options .forgot-password:hover{text-decoration:underline}.auth-form .auth-submit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.auth-form .auth-submit-btn:disabled{opacity:.5}.auth-form .auth-submit-btn{background:#128c7e;color:#e9edef}.auth-form .auth-submit-btn:hover:not(:disabled){background:#075e54}.auth-form .auth-submit-btn{font-size:.8rem;font-weight:600;padding:.5rem;width:100%}.auth-form .auth-submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-form .auth-submit-btn.btn-loading{color:#0000;position:relative}.auth-form .auth-submit-btn.btn-loading:after{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:9999px;border-top-color:#e9edef;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.auth-divider{align-items:center;display:flex;margin:1rem 0}.auth-divider:after,.auth-divider:before{background:#2a3942;content:"";flex:1 1;height:1px}.auth-divider .divider-text{color:#667781;font-size:.7rem;padding:0 .75rem}.social-login{display:flex;flex-direction:column;gap:.5rem}.social-login .social-btn{border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.social-login .social-btn:disabled{cursor:not-allowed;opacity:.5}.social-login .social-btn{background:#2a3942;color:#e9edef}.social-login .social-btn:hover:not(:disabled){background:#3a4a54}.social-login .social-btn{align-items:center;display:flex;font-size:.8rem;gap:.5rem;justify-content:center;padding:.5rem;width:100%}.social-login .social-btn .social-icon{font-size:.875rem}.auth-footer{border-top:1px solid #2a3942;margin-top:1rem;padding-top:1rem;text-align:center}.auth-footer .footer-text{color:#8696a0;font-size:.7rem}.auth-footer .footer-text a{color:#128c7e;font-weight:500}.auth-footer .footer-text a:hover{text-decoration:underline}.auth-error{align-items:center;background:#f443361a;border:1px solid #f44336;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.auth-error .error-icon{color:#f44336;font-size:1.125rem}.auth-error .error-text{color:#f44336;flex:1 1;font-size:.8rem}.auth-error .error-close{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.auth-error .error-close:disabled{cursor:not-allowed;opacity:.5}.auth-error .error-close{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.auth-error .error-close:hover:not(:disabled){background:#2a3942;color:#e9edef}.auth-error .error-close{color:#f44336;height:24px;width:24px}.auth-success{align-items:center;background:#25d3661a;border:1px solid #25d366;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.auth-success .success-icon{color:#25d366;font-size:1.125rem}.auth-success .success-text{color:#25d366;flex:1 1;font-size:.8rem}.password-strength{margin-top:.5rem}.password-strength .strength-bar{background:#2a3942;border-radius:9999px;height:4px;overflow:hidden}.password-strength .strength-bar .strength-fill{height:100%;transition:width .25s ease,background .25s ease}.password-strength .strength-bar .strength-fill.weak{background:#f44336;width:25%}.password-strength .strength-bar .strength-fill.fair{background:#ffc107;width:50%}.password-strength .strength-bar .strength-fill.good{background:#2196f3;width:75%}.password-strength .strength-bar .strength-fill.strong{background:#25d366;width:100%}.password-strength .strength-text{color:#667781;font-size:.7rem;margin-top:.25rem}.password-strength .strength-text.weak{color:#f44336}.password-strength .strength-text.fair{color:#ffc107}.password-strength .strength-text.good{color:#2196f3}.password-strength .strength-text.strong{color:#25d366}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:2rem}.loading-spinner i{color:#128c7e;font-size:2rem}.admin-layout{background:#111b21}.admin-sidebar{background:#0b141a;border-right:1px solid #1f2c34;width:250px;z-index:10}@media(max-width:1024px){.admin-sidebar{width:200px}}@media(max-width:768px){.admin-sidebar{transform:translateX(-100%);transition:transform .25s ease}.admin-sidebar.open{transform:translateX(0)}}.admin-sidebar .admin-sidebar-header{border-bottom:1px solid #1f2c34;padding:1rem}.admin-sidebar .admin-sidebar-header .admin-logo{align-items:center;color:#128c7e;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem}.admin-sidebar .admin-sidebar-header .admin-logo .logo-icon{font-size:1.5rem}.admin-sidebar .admin-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.admin-sidebar .admin-nav::-webkit-scrollbar{height:6px;width:6px}.admin-sidebar .admin-nav::-webkit-scrollbar-track{background:#0000;border-radius:9999px}.admin-sidebar .admin-nav::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}.admin-sidebar .admin-nav::-webkit-scrollbar-thumb:hover{background:#4f6572}.admin-sidebar .admin-nav .nav-section{margin-bottom:1rem}.admin-sidebar .admin-nav .nav-section .nav-section-title{color:#667781;font-size:.7rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.admin-sidebar .admin-nav .nav-section .nav-item{align-items:center;color:#8696a0;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .15s ease}.admin-sidebar .admin-nav .nav-section .nav-item:hover{background:#2a3942;color:#e9edef}.admin-sidebar .admin-nav .nav-section .nav-item.active{background:#128c7e1a;border-right:3px solid #128c7e;color:#128c7e}.admin-sidebar .admin-nav .nav-section .nav-item i{text-align:center;width:20px}.admin-sidebar .admin-nav .nav-section .nav-item .nav-text{flex:1 1}.admin-sidebar .admin-nav .nav-section .nav-item .nav-badge{align-items:center;background:#128c7e;border-radius:9999px;color:#e9edef;display:inline-flex;font-size:.7rem;font-size:10px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.admin-sidebar .admin-sidebar-footer{border-top:1px solid #1f2c34;padding:1rem}.admin-sidebar .admin-sidebar-footer .admin-user{align-items:center;display:flex;gap:.75rem}.admin-sidebar .admin-sidebar-footer .admin-user img{background:#2a3942;border-radius:9999px;height:36px;object-fit:cover;width:36px}.admin-sidebar .admin-sidebar-footer .admin-user .admin-user-info{flex:1 1}.admin-sidebar .admin-sidebar-footer .admin-user .admin-user-info .admin-user-name{font-size:.8rem;font-weight:500}.admin-sidebar .admin-sidebar-footer .admin-user .admin-user-info .admin-user-role{color:#667781;font-size:.7rem}.admin-content{display:flex;flex-direction:column;margin-left:250px}@media(max-width:1024px){.admin-content{margin-left:200px}}.admin-page{flex:1 1;overflow-y:auto;padding:1.5rem}@media(max-width:768px){.admin-page{padding:1rem}}.dashboard-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}@media(max-width:1024px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dashboard-stats{grid-template-columns:1fr}}.dashboard-stats .stat-card{align-items:flex-start;background:#1f2c34;border-radius:12px;display:flex;gap:1rem;padding:1rem}.dashboard-stats .stat-card .stat-icon{align-items:center;border-radius:8px;display:flex;font-size:1.125rem;height:48px;justify-content:center;width:48px}.dashboard-stats .stat-card .stat-icon.icon-users{background:#128c7e1a;color:#128c7e}.dashboard-stats .stat-card .stat-icon.icon-messages{background:#34b7f11a;color:#34b7f1}.dashboard-stats .stat-card .stat-icon.icon-channels{background:#ffc1071a;color:#ffc107}.dashboard-stats .stat-card .stat-icon.icon-calls{background:#25d3661a;color:#25d366}.dashboard-stats .stat-card .stat-info{flex:1 1}.dashboard-stats .stat-card .stat-info .stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.dashboard-stats .stat-card .stat-info .stat-label{color:#8696a0;font-size:.8rem}.dashboard-stats .stat-card .stat-info .stat-change{font-size:.7rem;margin-top:.25rem}.dashboard-stats .stat-card .stat-info .stat-change.increase{color:#25d366}.dashboard-stats .stat-card .stat-info .stat-change.decrease{color:#f44336}.dashboard-charts{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media(max-width:768px){.dashboard-charts{grid-template-columns:1fr}}.dashboard-charts .chart-card{background:#1f2c34;border-radius:12px;padding:1rem}.dashboard-charts .chart-card .chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.dashboard-charts .chart-card .chart-header .chart-title{font-size:1rem;font-weight:600}.dashboard-charts .chart-card .chart-header .chart-period{color:#8696a0;font-size:.8rem}.dashboard-charts .chart-card .chart-container{height:200px}.data-table-container{background:#1f2c34;border-radius:12px;overflow:hidden}.data-table-container .table-header{align-items:center;border-bottom:1px solid #2a3942;display:flex;justify-content:space-between;padding:1rem}.data-table-container .table-header .table-title{font-size:1rem;font-weight:600}.data-table-container .table-header .table-actions{display:flex;gap:.5rem}.data-table-container .table-filters{background:#2a3942;display:flex;gap:.75rem;padding:.75rem 1rem}.data-table-container .table-filters .filter-input{flex:1 1}.data-table-container .table-filters .filter-select{width:150px}.data-table-container .data-table{border-collapse:collapse;width:100%}.data-table-container .data-table td,.data-table-container .data-table th{border-bottom:1px solid #2a3942;padding:.75rem 1rem;text-align:left}.data-table-container .data-table th{background:#2a3942;color:#8696a0;font-size:.7rem;font-weight:600;text-transform:uppercase}.data-table-container .data-table td{font-size:.8rem}.data-table-container .data-table tr:hover td{background:#2a3942}.data-table-container .data-table .user-cell{align-items:center;display:flex;gap:.75rem}.data-table-container .data-table .user-cell img{background:#2a3942;border-radius:9999px;height:28px;object-fit:cover;width:28px}.data-table-container .data-table .status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.7rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.data-table-container .data-table .status-badge.status-active{background:#25d3661a;color:#25d366}.data-table-container .data-table .status-badge.status-suspended{background:#f443361a;color:#f44336}.data-table-container .data-table .status-badge.status-pending{background:#ffc1071a;color:#ffc107}.data-table-container .data-table .actions-cell{display:flex;gap:.25rem}.data-table-container .data-table .actions-cell .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.data-table-container .data-table .actions-cell .action-btn:disabled{cursor:not-allowed;opacity:.5}.data-table-container .data-table .actions-cell .action-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.data-table-container .data-table .actions-cell .action-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.data-table-container .data-table .actions-cell .action-btn{height:32px;width:32px}.data-table-container .table-footer{align-items:center;border-top:1px solid #2a3942;display:flex;justify-content:space-between;padding:.75rem 1rem}.data-table-container .table-footer .table-info{color:#8696a0;font-size:.8rem}.data-table-container .table-footer .table-pagination{display:flex;gap:.25rem}.data-table-container .table-footer .table-pagination .page-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.data-table-container .table-footer .table-pagination .page-btn:disabled{cursor:not-allowed;opacity:.5}.data-table-container .table-footer .table-pagination .page-btn{background:#0000;color:#8696a0}.data-table-container .table-footer .table-pagination .page-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.data-table-container .table-footer .table-pagination .page-btn{height:32px;padding:0;width:32px}.data-table-container .table-footer .table-pagination .page-btn.active{background:#128c7e;color:#e9edef}.settings-form{background:#1f2c34;border-radius:12px;padding:1.5rem}.settings-form .settings-section{margin-bottom:1.5rem}.settings-form .settings-section:last-child{margin-bottom:0}.settings-form .settings-section .settings-section-title{border-bottom:1px solid #2a3942;font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.settings-form .settings-section .settings-row{align-items:center;display:flex;justify-content:space-between;padding:.75rem 0}.settings-form .settings-section .settings-row:not(:last-child){border-bottom:1px solid #2a3942}.settings-form .settings-section .settings-row .settings-label .settings-name{font-weight:500;margin-bottom:.25rem}.settings-form .settings-section .settings-row .settings-label .settings-description{color:#8696a0;font-size:.8rem}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-scroll{overflow:scroll!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.mx-0{margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.mx-1{margin-right:.25rem!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.mx-2{margin-right:.5rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.m-3{margin:.75rem!important}.mt-3{margin-top:.75rem!important}.mr-3{margin-right:.75rem!important}.mb-3{margin-bottom:.75rem!important}.ml-3,.mx-3{margin-left:.75rem!important}.mx-3{margin-right:.75rem!important}.my-3{margin-bottom:.75rem!important;margin-top:.75rem!important}.m-4{margin:1rem!important}.mt-4{margin-top:1rem!important}.mr-4{margin-right:1rem!important}.mb-4{margin-bottom:1rem!important}.ml-4,.mx-4{margin-left:1rem!important}.mx-4{margin-right:1rem!important}.my-4{margin-bottom:1rem!important;margin-top:1rem!important}.m-5{margin:1.25rem!important}.mt-5{margin-top:1.25rem!important}.mr-5{margin-right:1.25rem!important}.mb-5{margin-bottom:1.25rem!important}.ml-5,.mx-5{margin-left:1.25rem!important}.mx-5{margin-right:1.25rem!important}.my-5{margin-bottom:1.25rem!important;margin-top:1.25rem!important}.m-6{margin:1.5rem!important}.mt-6{margin-top:1.5rem!important}.mr-6{margin-right:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-6,.mx-6{margin-left:1.5rem!important}.mx-6{margin-right:1.5rem!important}.my-6{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.m-8{margin:2rem!important}.mt-8{margin-top:2rem!important}.mr-8{margin-right:2rem!important}.mb-8{margin-bottom:2rem!important}.ml-8,.mx-8{margin-left:2rem!important}.mx-8{margin-right:2rem!important}.my-8{margin-bottom:2rem!important;margin-top:2rem!important}.m-10{margin:2.5rem!important}.mt-10{margin-top:2.5rem!important}.mr-10{margin-right:2.5rem!important}.mb-10{margin-bottom:2.5rem!important}.ml-10,.mx-10{margin-left:2.5rem!important}.mx-10{margin-right:2.5rem!important}.my-10{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.m-12{margin:3rem!important}.mt-12{margin-top:3rem!important}.mr-12{margin-right:3rem!important}.mb-12{margin-bottom:3rem!important}.ml-12,.mx-12{margin-left:3rem!important}.mx-12{margin-right:3rem!important}.my-12{margin-bottom:3rem!important;margin-top:3rem!important}.m-auto{margin:auto!important}.mt-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.mx-auto{margin-right:auto!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.px-0{padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.px-1{padding-right:.25rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.px-2{padding-right:.5rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.p-3{padding:.75rem!important}.pt-3{padding-top:.75rem!important}.pr-3{padding-right:.75rem!important}.pb-3{padding-bottom:.75rem!important}.pl-3,.px-3{padding-left:.75rem!important}.px-3{padding-right:.75rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.p-4{padding:1rem!important}.pt-4{padding-top:1rem!important}.pr-4{padding-right:1rem!important}.pb-4{padding-bottom:1rem!important}.pl-4,.px-4{padding-left:1rem!important}.px-4{padding-right:1rem!important}.py-4{padding-bottom:1rem!important;padding-top:1rem!important}.p-5{padding:1.25rem!important}.pt-5{padding-top:1.25rem!important}.pr-5{padding-right:1.25rem!important}.pb-5{padding-bottom:1.25rem!important}.pl-5,.px-5{padding-left:1.25rem!important}.px-5{padding-right:1.25rem!important}.py-5{padding-bottom:1.25rem!important;padding-top:1.25rem!important}.p-6{padding:1.5rem!important}.pt-6{padding-top:1.5rem!important}.pr-6{padding-right:1.5rem!important}.pb-6{padding-bottom:1.5rem!important}.pl-6,.px-6{padding-left:1.5rem!important}.px-6{padding-right:1.5rem!important}.py-6{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.p-8{padding:2rem!important}.pt-8{padding-top:2rem!important}.pr-8{padding-right:2rem!important}.pb-8{padding-bottom:2rem!important}.pl-8,.px-8{padding-left:2rem!important}.px-8{padding-right:2rem!important}.py-8{padding-bottom:2rem!important;padding-top:2rem!important}.p-10{padding:2.5rem!important}.pt-10{padding-top:2.5rem!important}.pr-10{padding-right:2.5rem!important}.pb-10{padding-bottom:2.5rem!important}.pl-10,.px-10{padding-left:2.5rem!important}.px-10{padding-right:2.5rem!important}.py-10{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.p-12{padding:3rem!important}.pt-12{padding-top:3rem!important}.pr-12{padding-right:3rem!important}.pb-12{padding-bottom:3rem!important}.pl-12,.px-12{padding-left:3rem!important}.px-12{padding-right:3rem!important}.py-12{padding-bottom:3rem!important;padding-top:3rem!important}.p-auto{padding:auto!important}.pt-auto{padding-top:auto!important}.pr-auto{padding-right:auto!important}.pb-auto{padding-bottom:auto!important}.pl-auto,.px-auto{padding-left:auto!important}.px-auto{padding-right:auto!important}.py-auto{padding-bottom:auto!important;padding-top:auto!important}.border{border:1px solid #2a3942!important}.border-0{border:0!important}.border-top{border-top:1px solid #2a3942!important}.border-bottom{border-bottom:1px solid #2a3942!important}.border-left{border-left:1px solid #2a3942!important}.border-right{border-right:1px solid #2a3942!important}.rounded{border-radius:8px!important}.rounded-sm{border-radius:4px!important}.rounded-lg{border-radius:16px!important}.rounded-full{border-radius:9999px!important}.rounded-0{border-radius:0!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:0 1px 2px #0003!important}.shadow{box-shadow:0 2px 4px #0003!important}.shadow-lg{box-shadow:0 8px 16px #0000004d!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.select-auto{-webkit-user-select:auto!important;user-select:auto!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.word-break-all{word-break:break-all!important}.word-break-word{word-break:break-word!important}.word-nowrap{white-space:nowrap!important}.transition{transition:all .25s ease!important}.transition-none{transition:none!important}@media(max-width:480px){.hide-xs{display:none!important}}@media(max-width:640px){.hide-sm{display:none!important}}@media(max-width:768px){.hide-md{display:none!important}}@media(max-width:1024px){.hide-lg{display:none!important}}.show-xs{display:none!important}@media(max-width:480px){.show-xs{display:block!important}}.show-sm{display:none!important}@media(max-width:640px){.show-sm{display:block!important}}.show-md{display:none!important}@media(max-width:768px){.show-md{display:block!important}}.show-lg{display:none!important}@media(max-width:1024px){.show-lg{display:block!important}}@media(max-width:768px){.flex-column-mobile{flex-direction:column!important}.flex-wrap-mobile{flex-wrap:wrap!important}.p-mobile-reduce{padding:1rem!important}}@media(max-width:640px){.p-mobile-reduce{padding:.75rem!important}}@media(max-width:768px){.m-mobile-reduce{margin:1rem!important}}@media(max-width:640px){.m-mobile-reduce{margin:.75rem!important}}@media(max-width:768px){.text-mobile-sm{font-size:.8rem!important}}@media(max-width:640px){.text-mobile-xs{font-size:.7rem!important}}@media(max-width:768px){.container-fluid-mobile{padding-left:0!important;padding-right:0!important}.grid-mobile-stack{grid-template-columns:1fr!important}.modal-responsive{border-radius:0!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;width:100%!important}.sidebar-mobile-overlay{background:#111b21;bottom:0;left:0;position:fixed;right:0;top:0;transform:translateX(-100%);transition:transform .25s ease;z-index:100}.sidebar-mobile-overlay.open{transform:translateX(0)}.header-mobile-compact{padding:0 .75rem!important}.header-mobile-compact .header-title{font-size:.875rem!important}.header-mobile-compact .header-actions{gap:.25rem!important}.message-mobile-full .message-bubble{max-width:85%!important}}@media(max-width:640px){.message-mobile-full .message-bubble{max-width:90%!important}}@media(max-width:768px){.call-mobile-optimized .video-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important}.call-mobile-optimized .video-grid .video-tile{min-height:150px}.call-mobile-optimized .local-video{bottom:4rem!important;height:75px!important;width:100px!important}.call-mobile-optimized .call-controls{gap:.5rem!important;padding:.75rem!important}.call-mobile-optimized .call-controls .control-btn{height:40px!important;width:40px!important}.call-mobile-optimized .call-controls .end-call-btn{height:48px!important;width:48px!important}.input-mobile-full .message-input-container{gap:.25rem!important}.input-mobile-full .input-actions-left .action-btn,.input-mobile-full .input-actions-left .send-btn,.input-mobile-full .input-actions-right .action-btn,.input-mobile-full .input-actions-right .send-btn{height:36px!important;width:36px!important}.touch-target-mobile{min-height:44px;min-width:44px}}@media(hover:none){.no-touch-hover:hover{background:#0000!important;color:inherit!important}}@media(orientation:landscape)and (max-height:500px){.call-landscape-compact .video-grid{grid-template-columns:repeat(3,1fr)!important}.call-landscape-compact .call-controls{padding:.5rem!important}}@supports(padding:max(0px)){.safe-area-inset{padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.safe-area-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-area-top{padding-top:max(1rem,env(safe-area-inset-top))}}.sidebar .user-menu{background:#3a4a54;border-radius:8px;bottom:100%;box-shadow:0 8px 16px #0000004d;left:.5rem;margin-bottom:.25rem;padding:.25rem;position:absolute;right:.5rem;z-index:100}.sidebar .user-menu .menu-item{align-items:center;border-radius:4px;color:#e9edef;display:flex;font-size:.8rem;gap:.5rem;padding:.25rem .5rem;transition:background .15s ease;width:100%}.sidebar .user-menu .menu-item:hover{background:#2a3942}.sidebar .user-menu .menu-item i{color:#8696a0;font-size:.8rem;text-align:center;width:14px}.sidebar .user-menu .menu-item.menu-item-danger,.sidebar .user-menu .menu-item.menu-item-danger i{color:#f44336}.sidebar .user-menu .menu-divider{background:#2a3942;height:1px;margin:.25rem 0}.chat-header .dropdown{position:relative}.chat-header .dropdown-menu{margin-top:.5rem;position:absolute;right:0;top:100%}.chat-header .avatar-placeholder{align-items:center;background:#2a3942;border-radius:9999px;color:#8696a0;display:flex;height:36px;justify-content:center;object-fit:cover;width:36px}.message-item .edit-container .edit-textarea{background:#2a3942;border:1px solid #128c7e;border-radius:8px;color:#e9edef;font-size:.8rem;min-height:60px;padding:.5rem;resize:none;width:100%}.message-item .edit-container .edit-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.message-item .deleted-message{color:#667781;font-style:italic}.message-list-container{position:relative}.camera-capture{background:#111b21;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1050}.camera-capture video{flex:1 1;height:100%;object-fit:cover;width:100%}.camera-capture video.mirror{transform:scaleX(-1)}.camera-capture .recording-indicator{align-items:center;background:#f44336cc;border-radius:9999px;color:#e9edef;display:flex;gap:.5rem;left:50%;padding:.5rem 1rem;position:absolute;top:1rem;transform:translateX(-50%)}.camera-capture .recording-indicator .recording-dot{animation:pulse 1s infinite;background:#e9edef;border-radius:9999px;height:10px;width:10px}.camera-capture .recording-indicator .recording-time{font-size:.8rem;font-weight:500}.camera-capture .camera-controls{align-items:center;background:#00000080;display:flex;justify-content:space-between;padding:1rem}.camera-capture .camera-controls .control-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.camera-capture .camera-controls .control-btn:disabled{cursor:not-allowed;opacity:.5}.camera-capture .camera-controls .control-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.camera-capture .camera-controls .control-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.camera-capture .camera-controls .control-btn{background:#fff3;color:#e9edef;font-size:1.125rem;height:48px;width:48px}.camera-capture .camera-controls .control-btn:hover{background:#ffffff4d}.camera-capture .camera-controls .capture-controls{display:flex;gap:1rem}.camera-capture .camera-controls .capture-controls .capture-btn{align-items:center;border-radius:9999px;display:flex;font-size:1.25rem;height:70px;justify-content:center;transition:transform .15s ease;width:70px}.camera-capture .camera-controls .capture-controls .capture-btn:hover{transform:scale(1.1)}.camera-capture .camera-controls .capture-controls .capture-btn.photo{background:#e9edef;color:#111b21}.camera-capture .camera-controls .capture-controls .capture-btn.video{background:#f44336;color:#e9edef}.camera-capture .camera-controls .capture-controls .capture-btn.stop{animation:pulse 1s infinite;background:#f44336;color:#e9edef}.camera-capture .media-preview{background:#111b21;display:flex;flex:1 1;flex-direction:column}.camera-capture .media-preview img,.camera-capture .media-preview video{background:#0b141a;flex:1 1;object-fit:contain;width:100%}.camera-capture .media-preview .preview-controls{background:#1f2c34;padding:1rem}.camera-capture .media-preview .preview-controls input{background:#2a3942;border:none;border-radius:8px;color:#e9edef;margin-bottom:.75rem;padding:.75rem;width:100%}.camera-capture .media-preview .preview-controls input::placeholder{color:#667781}.camera-capture .media-preview .preview-controls .preview-actions{display:flex;gap:.75rem}.camera-capture .media-preview .preview-controls .preview-actions .retake-btn,.camera-capture .media-preview .preview-controls .preview-actions .send-btn{align-items:center;border-radius:8px;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem}.camera-capture .media-preview .preview-controls .preview-actions .retake-btn i,.camera-capture .media-preview .preview-controls .preview-actions .send-btn i{font-size:.8rem}.camera-capture .media-preview .preview-controls .preview-actions .retake-btn{background:#2a3942;color:#8696a0}.camera-capture .media-preview .preview-controls .preview-actions .send-btn{background:#128c7e;color:#e9edef}.location-sharing{animation:slideUp .3s ease-out;background:#1f2c34;border-radius:16px 16px 0 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:80vh;position:fixed;right:0;z-index:1050}@media(max-width:768px){.location-sharing{border-radius:16px;bottom:auto;left:50%;max-height:90vh;max-width:500px;right:auto;top:50%;transform:translate(-50%,-50%);width:90%}}.location-header{align-items:center;border-bottom:1px solid #2a3942;display:flex;justify-content:space-between;padding:1rem}.location-header h3{font-weight:600}.location-header .close-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.location-header .close-btn:disabled{cursor:not-allowed;opacity:.5}.location-header .close-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.location-header .close-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.location-search{padding:.75rem 1rem;position:relative}.location-search .search-icon{color:#667781;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.location-search input{background:#2a3942;border:none;border-radius:8px;color:#e9edef;padding:.75rem 1rem .75rem 2.5rem;width:100%}.location-search input::placeholder{color:#667781}.location-search .clear-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;position:absolute;right:1.5rem;text-decoration:none;top:50%;transform:translateY(-50%);transition:all .15s ease}.location-search .clear-btn:disabled{cursor:not-allowed;opacity:.5}.location-search .clear-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.location-search .clear-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.location-search .clear-btn{color:#667781;height:24px;width:24px}.location-search .search-results{background:#3a4a54;border-radius:8px;box-shadow:0 8px 16px #0000004d;left:1rem;max-height:200px;overflow-y:auto;position:absolute;right:1rem;top:100%;z-index:10}.location-search .search-results .search-result-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background .15s ease}.location-search .search-results .search-result-item:hover{background:#2a3942}.location-search .search-results .search-result-item i{color:#128c7e}.location-search .search-results .search-result-item span{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-preview{background:#0b141a;flex:1 1;min-height:200px;overflow:hidden;position:relative}.map-preview .map-error,.map-preview .map-loading{align-items:center;color:#667781;display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center}.map-preview .map-error i,.map-preview .map-loading i{font-size:2rem}.map-preview .map-error button,.map-preview .map-loading button{background:#128c7e;border-radius:8px;color:#e9edef;margin-top:.5rem;padding:.5rem 1rem}.map-preview .map-container{height:100%;position:relative;width:100%}.map-preview .map-container img{height:100%;object-fit:cover;width:100%}.map-preview .map-container .location-marker{color:#f44336;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-100%)}.current-location-option{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .15s ease}.current-location-option:hover{background:#2a3942}.current-location-option.selected{background:#128c7e1a}.current-location-option i{color:#128c7e;font-size:1.125rem}.current-location-option .location-info{flex:1 1}.current-location-option .location-info .location-name{display:block;font-weight:500}.current-location-option .location-info .location-coords{color:#667781;font-size:.7rem}.live-location-option{border-top:1px solid #2a3942;padding:1rem}.live-location-option .option-header{align-items:flex-start;display:flex;gap:.75rem}.live-location-option .option-header .option-info{flex:1 1}.live-location-option .option-header .option-info .option-label{display:block;font-weight:500}.live-location-option .option-header .option-info .option-description{color:#8696a0;font-size:.8rem}.live-location-option .live-duration{margin-top:.75rem;padding-left:2.5rem}.live-location-option .live-duration>span{color:#8696a0;display:block;font-size:.8rem;margin-bottom:.5rem}.live-location-option .live-duration .duration-options{display:flex;flex-wrap:wrap;gap:.5rem}.live-location-option .live-duration .duration-options button{background:#2a3942;border-radius:8px;color:#8696a0;font-size:.8rem;padding:.5rem .75rem;transition:all .15s ease}.live-location-option .live-duration .duration-options button:hover{background:#2a3942}.live-location-option .live-duration .duration-options button.active{background:#128c7e;color:#e9edef}.location-actions{border-top:1px solid #2a3942;display:flex;gap:.75rem;padding:1rem}.location-actions .btn{align-items:center;border-radius:8px;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem}.location-actions .btn.btn-ghost{background:#0000;color:#8696a0}.location-actions .btn.btn-primary{background:#128c7e;color:#e9edef}.location-actions .btn.btn-primary:disabled{cursor:not-allowed;opacity:.5}.message-input-area{background:#0b141a;border-top:1px solid #2a3942;padding:.5rem .75rem}.message-input-bar{align-items:center;background:#2a3942;border-radius:8px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem}.message-input-bar .bar-indicator{border-radius:2px;height:100%;min-height:30px;width:3px}.message-input-bar .bar-indicator.reply-indicator{background:#128c7e}.message-input-bar .bar-indicator.edit-indicator{background:#ffc107}.message-input-bar .bar-content{flex:1 1;min-width:0}.message-input-bar .bar-content .bar-label{display:block;font-size:.7rem;font-weight:600;margin-bottom:2px}.message-input-bar .bar-content .bar-label.reply-label{color:#128c7e}.message-input-bar .bar-content .bar-label.edit-label{color:#ffc107}.message-input-bar .bar-content .bar-text{color:#8696a0;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-input-bar .bar-close{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.message-input-bar .bar-close:disabled{cursor:not-allowed;opacity:.5}.message-input-bar .bar-close{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.message-input-bar .bar-close:hover:not(:disabled){background:#2a3942;color:#e9edef}.message-input-bar .bar-close{color:#667781;height:28px;width:28px}.attachment-preview{background:#2a3942;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.attachment-preview .preview-item{border-radius:8px;height:80px;overflow:hidden;position:relative;width:80px}.attachment-preview .preview-item img,.attachment-preview .preview-item video{height:100%;object-fit:cover;width:100%}.attachment-preview .preview-item .file-preview{align-items:center;background:#1f2c34;display:flex;flex-direction:column;gap:.25rem;height:100%;justify-content:center;padding:.5rem;text-align:center}.attachment-preview .preview-item .file-preview i{color:#667781;font-size:1.5rem}.attachment-preview .preview-item .file-preview .file-name{color:#8696a0;font-size:.7rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview .preview-item .file-preview .file-size{color:#667781;font-size:.7rem}.attachment-preview .preview-item .remove-btn{align-items:center;background:#0009;border-radius:9999px;color:#e9edef;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.message-input-container{align-items:flex-end;display:flex;gap:.5rem}.input-actions-left{position:relative}.input-actions-left .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none}.input-actions-left .action-btn:disabled{cursor:not-allowed;opacity:.5}.input-actions-left .action-btn{background:#0000;border-radius:9999px;height:36px;padding:0;width:36px}.input-actions-left .action-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.input-actions-left .action-btn{color:#8696a0;font-size:1.125rem;height:40px;transition:all .15s ease;width:40px}.input-actions-left .action-btn.active,.input-actions-left .action-btn:hover{color:#128c7e}.attach-menu{grid-gap:.5rem;animation:fadeInUp .2s ease-out;background:#3a4a54;border-radius:16px;bottom:100%;box-shadow:0 8px 16px #0000004d;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);left:0;margin-bottom:.5rem;min-width:180px;padding:.5rem;position:absolute}.attach-menu .attach-menu-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;transition:background .15s ease}.attach-menu .attach-menu-item:hover{background:#2a3942}.attach-menu .attach-menu-item .attach-icon{align-items:center;border-radius:9999px;color:#e9edef;display:flex;font-size:1.125rem;height:44px;justify-content:center;width:44px}.attach-menu .attach-menu-item span{color:#8696a0;font-size:.7rem}.message-input-wrapper{flex:1 1;position:relative}.message-input-wrapper .message-textarea{background:#1f2c34;border:none;border-radius:16px;color:#e9edef;font-size:.875rem;max-height:150px;padding:.75rem 80px .75rem .75rem;resize:none;width:100%}.message-input-wrapper .message-textarea::placeholder{color:#667781}.message-input-wrapper .message-textarea:focus{outline:none}.input-emoji-actions{bottom:50%;display:flex;gap:.25rem;position:absolute;right:.5rem;transform:translateY(50%)}.input-emoji-actions .emoji-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.input-emoji-actions .emoji-btn:disabled{cursor:not-allowed;opacity:.5}.input-emoji-actions .emoji-btn{background:#0000;border-radius:9999px;color:#8696a0;height:36px;padding:0;width:36px}.input-emoji-actions .emoji-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.input-emoji-actions .emoji-btn{color:#667781;font-size:1.125rem;height:32px;transition:color .15s ease;width:32px}.input-emoji-actions .emoji-btn.active,.input-emoji-actions .emoji-btn:hover{color:#128c7e}.emoji-picker-dropdown{animation:fadeInUp .2s ease-out;background:#3a4a54;border-radius:16px;bottom:100%;box-shadow:0 8px 16px #0000004d;margin-bottom:.5rem;position:absolute;right:0;width:320px}.emoji-picker-dropdown .emoji-categories{border-bottom:1px solid #2a3942;display:flex;gap:2px;overflow-x:auto;padding:.5rem}.emoji-picker-dropdown .emoji-categories::-webkit-scrollbar{display:none}.emoji-picker-dropdown .emoji-categories{-ms-overflow-style:none;scrollbar-width:none}.emoji-picker-dropdown .emoji-categories .category-btn{background:#0000;border-radius:8px;font-size:1.2rem;padding:.5rem;transition:background .15s ease}.emoji-picker-dropdown .emoji-categories .category-btn.active,.emoji-picker-dropdown .emoji-categories .category-btn:hover{background:#2a3942}.emoji-picker-dropdown .emoji-search{border-bottom:1px solid #2a3942;padding:.5rem}.emoji-picker-dropdown .emoji-search input{background:#2a3942;border:none;border-radius:8px;color:#e9edef;font-size:.8rem;padding:.5rem;width:100%}.emoji-picker-dropdown .emoji-search input::placeholder{color:#667781}.emoji-picker-dropdown .emoji-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);max-height:200px;overflow-y:auto;padding:.5rem}.emoji-picker-dropdown .emoji-grid::-webkit-scrollbar{height:6px;width:6px}.emoji-picker-dropdown .emoji-grid::-webkit-scrollbar-track{background:#0000;border-radius:9999px}.emoji-picker-dropdown .emoji-grid::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}.emoji-picker-dropdown .emoji-grid::-webkit-scrollbar-thumb:hover{background:#4f6572}.emoji-picker-dropdown .emoji-grid .emoji-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1.3rem;height:36px;justify-content:center;transition:background .15s ease;width:36px}.emoji-picker-dropdown .emoji-grid .emoji-button:hover{background:#2a3942}.emoji-picker-dropdown .emoji-recent{border-top:1px solid #2a3942;padding:.5rem}.emoji-picker-dropdown .emoji-recent>span{color:#667781;display:block;font-size:.7rem;margin-bottom:.25rem}.emoji-picker-dropdown .emoji-recent .recent-emojis{display:flex;gap:.25rem}.emoji-picker-dropdown .emoji-recent .recent-emojis .emoji-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;width:32px}.emoji-picker-dropdown .emoji-recent .recent-emojis .emoji-button:hover{background:#2a3942}.sticker-picker-dropdown{animation:fadeInUp .2s ease-out;background:#3a4a54;border-radius:16px;bottom:100%;box-shadow:0 8px 16px #0000004d;margin-bottom:.5rem;position:absolute;right:0;width:320px}.sticker-picker-dropdown .sticker-categories{border-bottom:1px solid #2a3942;display:flex;gap:.25rem;overflow-x:auto;padding:.5rem}.sticker-picker-dropdown .sticker-categories::-webkit-scrollbar{display:none}.sticker-picker-dropdown .sticker-categories{-ms-overflow-style:none;scrollbar-width:none}.sticker-picker-dropdown .sticker-categories .category-btn{background:#0000;border-radius:8px;color:#8696a0;font-size:.8rem;padding:.5rem .75rem;transition:all .15s ease;white-space:nowrap}.sticker-picker-dropdown .sticker-categories .category-btn.active,.sticker-picker-dropdown .sticker-categories .category-btn:hover{background:#128c7e;color:#e9edef}.sticker-picker-dropdown .sticker-search{border-bottom:1px solid #2a3942;padding:.5rem}.sticker-picker-dropdown .sticker-search input{background:#2a3942;border:none;border-radius:8px;color:#e9edef;font-size:.8rem;padding:.5rem;width:100%}.sticker-picker-dropdown .sticker-search input::placeholder{color:#667781}.sticker-picker-dropdown .sticker-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);max-height:250px;overflow-y:auto;padding:.75rem}.sticker-picker-dropdown .sticker-grid::-webkit-scrollbar{height:6px;width:6px}.sticker-picker-dropdown .sticker-grid::-webkit-scrollbar-track{background:#0000;border-radius:9999px}.sticker-picker-dropdown .sticker-grid::-webkit-scrollbar-thumb{background:#3a4a54;border-radius:9999px}.sticker-picker-dropdown .sticker-grid::-webkit-scrollbar-thumb:hover{background:#4f6572}.sticker-picker-dropdown .sticker-grid .sticker-button{align-items:center;aspect-ratio:1;background:#2a3942;border-radius:8px;cursor:pointer;display:flex;justify-content:center;transition:all .15s ease}.sticker-picker-dropdown .sticker-grid .sticker-button:hover{background:#2a3942;transform:scale(1.1)}.sticker-picker-dropdown .sticker-grid .sticker-button img{height:60px;object-fit:contain;width:60px}.sticker-picker-dropdown .sticker-grid .sticker-button .sticker-emoji{font-size:2.5rem}.sticker-picker-dropdown .sticker-add{border-top:1px solid #2a3942;padding:.5rem}.sticker-picker-dropdown .sticker-add .add-sticker-btn{align-items:center;background:#0000;border-radius:8px;color:#8696a0;display:flex;font-size:.8rem;gap:.5rem;justify-content:center;padding:.5rem;transition:all .15s ease;width:100%}.sticker-picker-dropdown .sticker-add .add-sticker-btn:hover{background:#2a3942;color:#128c7e}.mention-dropdown{animation:fadeInUp .2s ease-out;background:#3a4a54;border-radius:8px;bottom:100%;box-shadow:0 8px 16px #0000004d;left:0;margin-bottom:.5rem;max-height:200px;overflow-y:auto;position:absolute;right:0}.mention-dropdown .mention-item{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:background .15s ease}.mention-dropdown .mention-item:hover{background:#2a3942}.mention-dropdown .mention-item img{background:#2a3942;border-radius:9999px;height:28px;object-fit:cover;width:28px}.mention-dropdown .mention-item .mention-info .mention-name{display:block;font-weight:500}.mention-dropdown .mention-item .mention-info .mention-username{color:#667781;font-size:.7rem}.input-actions-right .send-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none}.input-actions-right .send-btn:disabled{cursor:not-allowed;opacity:.5}.input-actions-right .send-btn{background:#0000;color:#8696a0;height:36px;padding:0;width:36px}.input-actions-right .send-btn:hover:not(:disabled){background:#2a3942;color:#e9edef}.input-actions-right .send-btn{background:#128c7e;border-radius:9999px;color:#e9edef;font-size:1.125rem;height:40px;transition:all .15s ease;width:40px}.input-actions-right .send-btn:hover{transform:scale(1.05)}.input-actions-right .send-btn.voice-btn{background:#0000;color:#8696a0}.input-actions-right .send-btn.voice-btn.recording{animation:pulse 1s infinite;background:#f44336;color:#e9edef}.input-actions-right .uploading-indicator{align-items:center;color:#128c7e;display:flex;font-size:1.125rem;height:40px;justify-content:center;width:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.call-container{background:#111b21;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1050}.chat-layout{display:flex;height:100vh;overflow:hidden}.chat-layout-empty{align-items:center;background:#111b21;display:flex;flex:1 1;justify-content:center}.admin-layout{background:#f7f8f9;display:flex;font-family:Rubik,sans-serif;font-size:14px;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#25767b,#1a5a5e);bottom:0;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:240px;z-index:100}.admin-sidebar.open{transform:translateX(0)}@media(max-width:768px){.admin-sidebar{position:fixed;transform:translateX(-100%)}}.admin-sidebar-header{border-bottom:1px solid #ffffff1a;padding:16px}.admin-logo{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:10px}.admin-logo .logo-icon{align-items:center;background:#fff3;border-radius:8px;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.admin-nav{flex:1 1;overflow-y:auto;padding:12px 8px}.admin-nav .nav-section{margin-bottom:16px}.admin-nav .nav-section-title{color:#ffffff80;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;padding:0 12px;text-transform:uppercase}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;padding:10px 12px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.nav-item i{font-size:.9rem;width:18px}.nav-item .nav-text{flex:1 1}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#fff3;color:#fff;font-weight:600}.admin-sidebar-footer{border-top:1px solid #ffffff1a;padding:12px}.admin-user{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;gap:10px;padding:10px}.admin-user img{border-radius:8px;height:36px;object-fit:cover;width:36px}.admin-user-info{flex:1 1}.admin-user-info .admin-user-name{color:#fff;display:block;font-size:.85rem;font-weight:600}.admin-user-info .admin-user-role{color:#fff9;font-size:.7rem}.admin-content{margin-left:240px;min-height:100vh}@media(max-width:768px){.admin-content{margin-left:0}}.admin-mobile-toggle{background:#25767b;border:none;border-radius:8px;box-shadow:0 4px 12px #25767b4d;color:#fff;cursor:pointer;display:none;font-size:1rem;height:40px;left:12px;position:fixed;top:12px;width:40px;z-index:200}@media(max-width:768px){.admin-mobile-toggle{align-items:center;display:flex;justify-content:center}}.admin-page{box-sizing:border-box;max-width:100%;min-height:100vh;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.admin-panel{background:#f7f8f9;font-family:Rubik,sans-serif;font-size:14px;min-height:100vh;overflow-x:hidden}.admin-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.admin-loading i{color:#25767b;font-size:1.5rem}.admin-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:12px 20px}.admin-header .header-left{align-items:center;display:flex;gap:12px}.admin-header .header-left h1{align-items:center;color:#2f2f3b;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0}.admin-header .header-left h1 i{color:#25767b}.admin-header .header-left .admin-badge{background:linear-gradient(135deg,#25767b,#1a5a5e);border-radius:16px;color:#fff;font-size:.7rem;font-weight:600;padding:4px 12px}.admin-header .close-btn{background:#f7f8f9;border:none;border-radius:8px;color:#6c757d;cursor:pointer;height:36px;transition:all .2s;width:36px}.admin-header .close-btn:hover{background:#e9ecef;color:#2f2f3b}.admin-container{display:flex;min-height:calc(100vh - 56px)}.admin-sidebar{background:#fff;border-right:1px solid #e9ecef;padding:12px 8px;width:220px}.admin-nav{display:flex;flex-direction:column;gap:2px}.admin-nav .nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.admin-nav .nav-item i{font-size:.9rem;text-align:center;width:18px}.admin-nav .nav-item:hover{background:#f7f8f9;color:#2f2f3b}.admin-nav .nav-item.active{background:linear-gradient(135deg,#25767b,#1a5a5e);box-shadow:0 4px 12px #25767b4d;color:#fff}.admin-content{background:#f7f8f9;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px}.dashboard-tab h2{color:#2f2f3b;font-size:1.2rem;font-weight:600;margin-bottom:16px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:12px;padding:16px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.stat-card .stat-icon{align-items:center;border-radius:10px;display:flex;font-size:1.1rem;height:44px;justify-content:center;width:44px}.stat-card.users .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.online .stat-icon{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.stat-card.channels .stat-icon{background:linear-gradient(135deg,#ee0979,#ff6a00);color:#fff}.stat-card.messages .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stat-card.teams .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-card.calls .stat-icon{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.stat-card .stat-info .stat-value{color:#2f2f3b;display:block;font-size:1.4rem;font-weight:700}.stat-card .stat-info .stat-label{color:#6c757d;font-size:.8rem;font-weight:500}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:16px}.dashboard-section h3{color:#2f2f3b;font-size:.95rem;font-weight:600;margin-bottom:12px}.activity-list .activity-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:10px;transition:all .2s}.activity-list .activity-item:hover{background:#f7f8f9}.activity-list .activity-item .activity-icon{align-items:center;border-radius:8px;display:flex;font-size:.8rem;height:32px;justify-content:center;width:32px}.activity-list .activity-item .activity-icon.user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.activity-list .activity-item .activity-icon.message{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.activity-list .activity-item .activity-icon.channel{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.activity-list .activity-item .activity-info{flex:1 1}.activity-list .activity-item .activity-info .activity-text{color:#2f2f3b;display:block;font-size:.9rem;font-weight:500}.activity-list .activity-item .activity-info .activity-time{color:#6c757d;font-size:.8rem}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.tab-header h2{color:#2f2f3b;font-size:1.2rem;font-weight:600;margin:0}.tab-header .search-box{position:relative}.tab-header .search-box i{color:#6c757d;font-size:.85rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.tab-header .search-box input{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#2f2f3b;font-size:.85rem;min-width:200px;padding:8px 12px 8px 36px;transition:all .2s}.tab-header .search-box input:focus{border-color:#25767b;box-shadow:0 0 0 2px #25767b1a;outline:none}.tab-header .create-btn{align-items:center;background:linear-gradient(135deg,#25767b,#1a5a5e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.tab-header .create-btn:hover{box-shadow:0 4px 12px #25767b4d;transform:translateY(-1px)}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow-x:auto}.admin-table{border-collapse:collapse;min-width:600px;width:100%}.admin-table td,.admin-table th{padding:10px 14px;text-align:left}.admin-table th{background:#f7f8f9;color:#6c757d;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-table tr{border-bottom:1px solid #e9ecef}.admin-table tr:last-child{border-bottom:none}.admin-table tr:hover{background:#f7f8f9}.admin-table td{color:#2f2f3b;font-size:.85rem}.user-cell{align-items:center;display:flex;gap:10px}.user-cell img{border-radius:8px;height:32px;object-fit:cover;width:32px}.user-cell .name{color:#2f2f3b;display:block;font-size:.85rem;font-weight:600}.user-cell .username{color:#6c757d;font-size:.75rem}.status-badge{border-radius:16px;font-size:.7rem;font-weight:600;padding:4px 10px}.status-badge.online{background:#11998e1a;color:#11998e}.status-badge.offline{background:#f7f8f9;color:#6c757d}.role-badge{border-radius:6px;font-size:.7rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.role-badge.admin{background:#ee09791a;color:#ee0979}.role-badge.moderator{background:#ff6a001a;color:#ff6a00}.role-badge.member{background:#f7f8f9;color:#6c757d}.action-buttons{display:flex;gap:6px}.action-buttons .action-btn{align-items:center;background:#f7f8f9;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:.8rem;height:30px;justify-content:center;transition:all .2s;width:30px}.action-buttons .action-btn:hover{background:#e9ecef;color:#2f2f3b}.action-buttons .action-btn.ban:hover,.action-buttons .action-btn.danger:hover{background:#ee09791a;color:#ee0979}.action-buttons .admin-protected{color:#6c757d;font-size:.75rem;font-style:italic}.channels-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.channel-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:14px;transition:all .2s}.channel-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.channel-card .channel-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.channel-card .channel-header .channel-avatar{align-items:center;background:linear-gradient(135deg,#25767b,#1a5a5e);border-radius:10px;color:#fff;display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.channel-card .channel-header .channel-avatar img{border-radius:10px;height:100%;object-fit:cover;width:100%}.channel-card .channel-header .channel-info h4{color:#2f2f3b;font-size:.9rem;font-weight:600;margin:0 0 2px}.channel-card .channel-header .channel-info .channel-type{color:#6c757d;font-size:.75rem;text-transform:capitalize}.channel-card .channel-stats{border-bottom:1px solid #e9ecef;display:flex;gap:14px;margin-bottom:12px;padding-bottom:12px}.channel-card .channel-stats .stat{align-items:center;color:#6c757d;display:flex;font-size:.8rem;gap:6px}.channel-card .channel-stats .stat i{color:#25767b;font-size:.8rem}.channel-card .channel-actions{display:flex;gap:8px}.channel-card .channel-actions .action-btn{background:#f7f8f9;border:none;border-radius:8px;color:#6c757d;cursor:pointer;flex:1 1;font-size:.8rem;padding:8px;transition:all .2s}.channel-card .channel-actions .action-btn:hover{background:#e9ecef;color:#2f2f3b}.teams-list{display:flex;flex-direction:column;gap:10px}.team-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;padding:14px;transition:all .2s}.team-item:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.team-item .team-avatar{background:#f7f8f9;border-radius:10px;height:48px;overflow:hidden;width:48px}.team-item .team-avatar img{height:100%;object-fit:cover;width:100%}.team-item .team-info{flex:1 1}.team-item .team-info h4{color:#2f2f3b;font-size:.9rem;font-weight:600;margin:0 0 4px}.team-item .team-info .team-description{color:#6c757d;font-size:.8rem;margin-bottom:6px}.team-item .team-info .team-meta{color:#6c757d;display:flex;font-size:.8rem;gap:14px}.team-item .team-info .team-meta span{align-items:center;display:flex;gap:4px}.team-item .team-info .team-meta span i{color:#25767b;font-size:.8rem}.team-item .team-actions{display:flex;gap:6px}.team-item .team-actions .action-btn{align-items:center;background:#f7f8f9;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;transition:all .2s;width:32px}.team-item .team-actions .action-btn:hover{background:#e9ecef;color:#2f2f3b}.team-item .team-actions .action-btn.danger:hover{background:#ee09791a;color:#ee0979}.create-announcement{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;padding:16px}.create-announcement h3{color:#2f2f3b;font-size:.95rem;font-weight:600;margin-bottom:12px}.create-announcement .form-group{margin-bottom:12px}.create-announcement .form-group input,.create-announcement .form-group select,.create-announcement .form-group textarea{background:#f7f8f9;border:1px solid #e9ecef;border-radius:8px;color:#2f2f3b;font-family:Rubik,sans-serif;font-size:.85rem;padding:10px 12px;transition:all .2s;width:100%}.create-announcement .form-group input:focus,.create-announcement .form-group select:focus,.create-announcement .form-group textarea:focus{border-color:#25767b;box-shadow:0 0 0 2px #25767b1a;outline:none}.create-announcement .form-group textarea{min-height:80px;resize:vertical}.create-announcement .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media(max-width:768px){.create-announcement .form-row{grid-template-columns:1fr}}.create-announcement .submit-btn{align-items:center;background:linear-gradient(135deg,#25767b,#1a5a5e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.create-announcement .submit-btn:hover{box-shadow:0 4px 12px #25767b4d;transform:translateY(-1px)}.announcements-list h3{color:#2f2f3b;font-size:.95rem;font-weight:600;margin-bottom:12px}.announcement-item{background:#fff;border-left:3px solid #25767b;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:12px;padding:14px}.announcement-item.warning{border-left-color:#ff6a00}.announcement-item.update{border-left-color:#11998e}.announcement-item.maintenance{border-left-color:#ee0979}.announcement-item .announcement-header{display:flex;justify-content:space-between;margin-bottom:10px}.announcement-item .announcement-header .announcement-type{align-items:center;color:#25767b;display:flex;font-size:.8rem;font-weight:600;gap:6px;text-transform:capitalize}.announcement-item .announcement-header .announcement-date{color:#6c757d;font-size:.75rem}.announcement-item h4{color:#2f2f3b;font-size:.9rem;font-weight:600;margin:0 0 8px}.announcement-item p{color:#6c757d;font-size:.85rem;line-height:1.5;margin-bottom:12px}.announcement-item .announcement-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding-top:12px}.announcement-item .announcement-footer .views{align-items:center;color:#6c757d;display:flex;font-size:.8rem;gap:6px}.announcement-item .announcement-footer .actions{display:flex;gap:6px}.announcement-item .announcement-footer .actions .action-btn{align-items:center;background:#f7f8f9;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:.8rem;height:30px;justify-content:center;transition:all .2s;width:30px}.announcement-item .announcement-footer .actions .action-btn:hover{background:#e9ecef;color:#2f2f3b}.announcement-item .announcement-footer .actions .action-btn.danger:hover{background:#ee09791a;color:#ee0979}.report-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:20px}.report-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:16px}.report-card h3{color:#2f2f3b;font-size:.95rem;font-weight:600;margin-bottom:12px}.report-card .chart-placeholder{align-items:center;background:#f7f8f9;border-radius:10px;color:#6c757d;display:flex;flex-direction:column;gap:12px;height:150px;justify-content:center}.report-card .chart-placeholder i{color:#25767b;font-size:2rem}.export-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:16px}.export-section h3{color:#2f2f3b;font-size:.95rem;font-weight:600;margin-bottom:12px}.export-section .export-buttons{display:flex;flex-wrap:wrap;gap:10px}.export-section .export-btn{align-items:center;background:#f7f8f9;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:10px 16px;transition:all .2s}.export-section .export-btn:hover{background:#e9ecef;border-color:#25767b;color:#2f2f3b}.settings-sections{display:flex;flex-direction:column;gap:16px}.settings-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:16px}.settings-section h3{border-bottom:1px solid #e9ecef;color:#2f2f3b;font-size:.95rem;font-weight:600;margin-bottom:12px;padding-bottom:12px}.setting-item{align-items:center;border-bottom:1px solid #f7f8f9;display:flex;justify-content:space-between;padding:10px 0}.setting-item:last-child{border-bottom:none}.setting-item label:first-child{color:#2f2f3b;font-size:.85rem;font-weight:500}.setting-item input[type=number],.setting-item input[type=text]{background:#f7f8f9;border:1px solid #e9ecef;border-radius:8px;color:#2f2f3b;font-size:.9rem;min-width:150px;padding:8px 12px;transition:all .2s}.setting-item input[type=number]:focus,.setting-item input[type=text]:focus{border-color:#25767b;box-shadow:0 0 0 3px #25767b1a;outline:none}.save-settings-btn{align-items:center;background:linear-gradient(135deg,#25767b,#1a5a5e);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;margin-top:20px;padding:14px 28px;transition:all .2s}.save-settings-btn:hover{box-shadow:0 4px 12px #25767b4d;transform:translateY(-2px)}.toggle{display:inline-block;height:28px;position:relative;width:52px}.toggle input{height:0;opacity:0;width:0}.toggle .toggle-slider{background-color:#e9ecef;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0000001a;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#25767b,#1a5a5e)}.toggle input:checked+.toggle-slider:before{transform:translateX(24px)}
/*# sourceMappingURL=main.e4a6f771.css.map*/