.main-chat-panel{display:flex;height:100%;overflow:hidden}.chat-sidebar{width:260px;background:linear-gradient(180deg,var(--mui-palette-sidebar-from) 0%,var(--mui-palette-sidebar-to) 100%);color:#fff;display:flex;flex-direction:column;border-right:1px solid var(--mui-palette-sidebar-border);overflow-y:auto;flex-shrink:0;padding:16px 0}.chat-sidebar::-webkit-scrollbar{width:8px}.chat-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.chat-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.chat-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-section-header{color:#ffffffb3!important;font-weight:600!important;font-size:.8125rem!important;padding:8px 16px!important;text-transform:uppercase;letter-spacing:.5px}.channel-list{padding:0!important}.channel-item{padding:4px 16px!important;border-radius:6px;margin:1px 8px!important;cursor:pointer;transition:background-color .15s ease}.channel-item:hover{background-color:#ffffff1a!important}.channel-item.selected{background-color:#ffffff40!important;box-shadow:inset 0 0 0 1px #ffffff4d}.channel-name{color:#ffffffd9;font-size:.9375rem;font-weight:400}.channel-item.selected .channel-name{color:#fff;font-weight:600}.unread-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:.625rem;font-weight:700;padding:2px 6px;border-radius:10px;letter-spacing:.5px;box-shadow:0 2px 4px #0003;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.chat-main-area{flex:1;display:flex;flex-direction:column;background-color:var(--mui-palette-background-paper);overflow:hidden}.chat-header{height:60px;padding:0 20px;border-bottom:1px solid var(--mui-palette-divider);display:flex;align-items:center;background-color:var(--mui-palette-background-paper);flex-shrink:0;box-shadow:0 1px #00000008}.chat-header-title{font-size:1.125rem!important;font-weight:700!important;color:var(--mui-palette-text-primary)}.chat-messages-area{flex:1;overflow-y:auto;padding:20px;background-color:var(--mui-palette-background-paper);scroll-behavior:smooth}.chat-messages-area::-webkit-scrollbar{width:8px}.chat-messages-area::-webkit-scrollbar-track{background:var(--mui-palette-background-default)}.chat-messages-area::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.chat-messages-area::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.message-item{padding:4px 0;margin-bottom:8px;line-height:1.46668;transition:background-color .1s ease}.message-item:hover{background-color:var(--mui-palette-action-hover)}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-sender{font-size:.9375rem!important;font-weight:700!important;line-height:1.2}.message-time{font-size:.75rem!important;color:var(--mui-palette-text-secondary);line-height:1.2}.message-text{color:var(--mui-palette-text-primary);font-size:.9375rem!important;word-wrap:break-word;white-space:pre-wrap;line-height:1.46668;margin:0}.chat-input-area{padding:16px 20px 24px;background-color:var(--mui-palette-background-paper);border-top:1px solid var(--mui-palette-divider);flex-shrink:0}@media(max-width:900px){.chat-sidebar{width:220px}}@media(max-width:600px){.chat-sidebar{width:180px}.sidebar-section-header{font-size:.75rem!important}.channel-name{font-size:.875rem}}.app-container{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--mui-palette-background-default)}.top-toolbar{background-color:var(--mui-palette-background-paper);border-bottom:1px solid var(--mui-palette-divider);box-shadow:0 1px 2px #0000000d;z-index:10;overflow-x:auto;overflow-y:auto;max-height:50vh;flex-shrink:0}.top-toolbar::-webkit-scrollbar{height:6px}.top-toolbar::-webkit-scrollbar-track{background:#f1f1f1}.top-toolbar::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.top-toolbar::-webkit-scrollbar-thumb:hover{background:#555}.chat-container{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.private-chat-header{color:var(--mui-palette-primary-main)}.private-chat-group-header{color:var(--mui-palette-success-main)}