@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.user-status-badge{position:relative;display:inline-block}.user-avatar{border-radius:50%;-o-object-fit:cover;object-fit:cover;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.user-avatar.size-sm{width:32px;height:32px;font-size:.875rem}.user-avatar.size-md{width:40px;height:40px;font-size:1rem}.user-avatar.size-lg{width:48px;height:48px;font-size:1.25rem}.user-avatar.size-xl{width:96px;height:96px;font-size:2.5rem}.status-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-bg-secondary);box-sizing:content-box}.size-sm .status-indicator{width:8px;height:8px;right:-1px;bottom:-1px}.size-lg .status-indicator{width:12px;height:12px;right:1px;bottom:1px}.size-xl .status-indicator{width:20px;height:20px;right:4px;bottom:4px;border-width:3px}.status-online{background-color:var(--color-success)}.status-busy{background-color:var(--color-error)}.status-away{background-color:var(--color-warning)}.status-offline{background-color:var(--color-text-tertiary);border-color:var(--color-bg-secondary)}.search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:var(--z-modal)}.search-modal{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.search-input-container{padding:1.5rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:1rem}.search-icon{color:var(--color-text-secondary)}.search-input{flex:1;border:none;font-size:1.125rem;color:var(--color-text-primary);background:none}.search-input:focus{outline:none}.search-input::-moz-placeholder{color:var(--color-text-tertiary)}.search-input::placeholder{color:var(--color-text-tertiary)}.search-results{flex:1;overflow-y:auto;padding:1rem}.search-category{margin-bottom:1.5rem}.search-category:last-child{margin-bottom:0}.category-header{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.search-result-item{padding:.75rem;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.search-result-item:hover{background-color:var(--color-bg-hover)}.result-icon{color:var(--color-text-secondary);flex-shrink:0}.result-content{flex:1;min-width:0}.result-title{font-weight:500;color:var(--color-text-primary);margin-bottom:.25rem}.result-subtitle{font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-results{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary)}.empty-results-icon{margin-bottom:1rem;color:var(--color-text-tertiary)}.loading-results{text-align:center;padding:2rem;color:var(--color-text-secondary)}._dropdown_1t2u5_1{position:absolute;top:50px;right:0;width:400px;max-height:600px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;z-index:1000}._header_1t2u5_16{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color)}._header_1t2u5_16 h3{margin:0;font-size:16px;font-weight:600}._closeButton_1t2u5_30{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}._closeButton_1t2u5_30:hover{background:var(--hover-bg);color:var(--text-primary)}._filters_1t2u5_47{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color)}._filterButton_1t2u5_54{padding:6px 12px;border:none;background:none;color:var(--text-secondary);font-size:14px;cursor:pointer;border-radius:4px;transition:all .2s ease}._filterButton_1t2u5_54:hover{background:var(--hover-bg)}._filterButton_1t2u5_54._active_1t2u5_69{background:var(--primary-color);color:#fff}._actions_1t2u5_74{display:flex;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border-color)}._actionButton_1t2u5_81{display:flex;align-items:center;gap:6px;padding:6px 10px;border:none;background:none;color:var(--text-secondary);font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s ease}._actionButton_1t2u5_81:hover:not(:disabled){background:var(--hover-bg);color:var(--text-primary)}._actionButton_1t2u5_81:disabled{opacity:.5;cursor:not-allowed}._list_1t2u5_105{flex:1;overflow-y:auto;max-height:450px}._loading_1t2u5_111,._empty_1t2u5_112{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary)}._emptyIcon_1t2u5_121{font-size:48px;margin-bottom:12px;opacity:.5}._item_1t2u5_127{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s ease;position:relative}._item_1t2u5_127:hover{background:var(--hover-bg)}._item_1t2u5_127._unread_1t2u5_141{background:#5865f20d}._item_1t2u5_127._unread_1t2u5_141:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color)}._icon_1t2u5_155{font-size:24px;flex-shrink:0}._content_1t2u5_160{flex:1;min-width:0}._title_1t2u5_165{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}._message_1t2u5_172{font-size:13px;color:var(--text-secondary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}._time_1t2u5_183{font-size:11px;color:var(--text-tertiary)}._itemActions_1t2u5_188{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}._item_1t2u5_127:hover ._itemActions_1t2u5_188{opacity:1}._markReadButton_1t2u5_199,._deleteButton_1t2u5_200{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._markReadButton_1t2u5_199:hover{background:var(--success-color);color:#fff}._deleteButton_1t2u5_200:hover{background:var(--error-color);color:#fff}@media (max-width: 768px){._dropdown_1t2u5_1{width:100vw;max-width:400px;right:-16px}}._notificationBell_mc3kb_1{position:relative}._bellButton_mc3kb_5{position:relative;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._bellButton_mc3kb_5:hover{background:var(--hover-bg);color:var(--text-primary)}._badge_mc3kb_24{position:absolute;top:4px;right:4px;background:var(--error-color);color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1;animation:_pulse_mc3kb_1 2s infinite}@keyframes _pulse_mc3kb_1{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}._backdrop_mc3kb_55{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.group-call-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#1e1e24;z-index:2000;display:flex;align-items:center;justify-content:center}.group-call-container{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;box-sizing:border-box}.video-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:20px;overflow-y:auto;align-content:center}.video-grid.pinned-layout{display:flex;flex-direction:row;gap:20px}.pinned-video-area{flex:1;display:flex;align-items:center;justify-content:center;background:#000;border-radius:12px;overflow:hidden;max-height:calc(100vh - 140px)}.pinned-video-area .video-wrapper{width:100%;height:100%}.pinned-video-area video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.other-videos-list{width:280px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.other-videos-list .video-wrapper{height:160px;min-height:160px}.video-wrapper{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;background:#2d2d3a;transition:all .3s ease}.video-wrapper:hover .pin-button{opacity:1}.pin-button{position:absolute;top:10px;right:10px;background:#0009;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;opacity:0;transition:opacity .2s;z-index:10}.pin-button:hover{background:#000c}.video-container{width:100%;height:100%;position:relative;background:#000}.video-container video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-container.local video{transform:scaleX(-1)}.video-hidden{display:none}.video-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#1a202c}.avatar{width:80px;height:80px;border-radius:50%;background-color:#4a5568;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;font-weight:700}.video-label{position:absolute;bottom:10px;left:10px;background-color:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.call-controls{height:80px;display:flex;justify-content:center;align-items:center;gap:20px;background-color:#1a202c;border-radius:40px;margin:0 auto;padding:0 40px;min-width:400px}.control-btn{width:50px;height:50px;border-radius:50%;border:none;background-color:#4a5568;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.control-btn:hover{background-color:#718096}.control-btn.danger{background-color:#e53e3e}.control-btn.danger:hover{background-color:#c53030}.control-btn.active{background-color:#3182ce}.participant-count{display:flex;align-items:center;gap:8px;color:#a0aec0;font-size:14px;margin-left:20px}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid;pointer-events:auto;animation:slideIn var(--transition-normal) ease-out;min-width:300px}.toast-success{border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5}.toast-close{flex-shrink:0;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.toast-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.toast-container{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);max-width:none}.toast{min-width:auto}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;width:100vw;overflow:hidden}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.dark .scrollbar-thin{scrollbar-color:rgba(255,255,255,.3) transparent}.dark .scrollbar-thin::-webkit-scrollbar-thumb{background-color:#ffffff4d}.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}#root .visible{visibility:visible}#root .fixed{position:fixed}#root .absolute{position:absolute}#root .relative{position:relative}#root .mb-6{margin-bottom:1.5rem}#root .mb-8{margin-bottom:2rem}#root .mt-6{margin-top:1.5rem}#root .block{display:block}#root .inline-block{display:inline-block}#root .inline{display:inline}#root .flex{display:flex}#root .grid{display:grid}#root .hidden{display:none}#root .h-full{height:100%}#root .min-h-screen{min-height:100vh}#root .w-96{width:24rem}#root .w-full{width:100%}#root .flex-1{flex:1 1 0%}@keyframes spin{to{transform:rotate(360deg)}}#root .animate-spin{animation:spin 1s linear infinite}#root .flex-col{flex-direction:column}#root .items-center{align-items:center}#root .justify-center{justify-content:center}#root .justify-between{justify-content:space-between}#root :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}#root .overflow-y-auto{overflow-y:auto}#root .border{border-width:1px}#root .border-b{border-bottom-width:1px}#root .border-l{border-left-width:1px}#root .border-t{border-top-width:1px}#root .border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}#root .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}#root .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}#root .from-primary-50{--tw-gradient-from: #f0f4ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 244 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}#root .to-primary-100{--tw-gradient-to: #e0e9ff var(--tw-gradient-to-position)}#root .p-4{padding:1rem}#root .py-4{padding-top:1rem;padding-bottom:1rem}#root .pb-6{padding-bottom:1.5rem}#root .text-center{text-align:center}#root .text-lg{font-size:1.125rem;line-height:1.75rem}#root .font-semibold{font-weight:600}#root .capitalize{text-transform:capitalize}#root .italic{font-style:italic}#root .text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}#root .text-gray-800{--tw-text-opacity: 1;color:rgb(47 49 54 / var(--tw-text-opacity, 1))}#root .underline{text-decoration-line:underline}#root .shadow-xl{--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#root .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#root .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#root .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}#root .hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}@media (prefers-color-scheme: dark){#root .dark\:from-gray-900{--tw-gradient-from: #202225 var(--tw-gradient-from-position);--tw-gradient-to: rgb(32 34 37 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}#root .dark\:to-gray-800{--tw-gradient-to: #2f3136 var(--tw-gradient-to-position)}}