.main-chat-panel{display:flex;height:100%;overflow:hidden}.chat-sidebar{width:260px;background:linear-gradient(180deg,#1565c0,#0d47a1);color:#fff;display:flex;flex-direction:column;border-right:1px solid #1976D2;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:#fff;overflow:hidden}.chat-header{height:60px;padding:0 20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;background-color:#fff;flex-shrink:0;box-shadow:0 1px #00000008}.chat-header-title{font-size:1.125rem!important;font-weight:700!important;color:#1d1c1d}.chat-messages-area{flex:1;overflow-y:auto;padding:20px;background-color:#fff;scroll-behavior:smooth}.chat-messages-area::-webkit-scrollbar{width:8px}.chat-messages-area::-webkit-scrollbar-track{background:#f8f9fa}.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:8px 0;line-height:1.46668;transition:background-color .1s ease}.message-item:hover{background-color:#f8f9fa}.message-sender{font-size:.9375rem!important;font-weight:700!important;flex-shrink:0}.message-text{color:#1d1c1d;font-size:.9375rem!important;word-wrap:break-word;white-space:pre-wrap;line-height:1.46668}.chat-input-area{padding:16px 20px 24px;background-color:#fff;border-top:1px solid #e0e0e0;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:#f8f9fa}.top-toolbar{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 2px #0000000d;z-index:10;overflow-x:auto;overflow-y:hidden;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:#2196f3}.private-chat-group-header{color:#0da33a}