:root{--chat-bg-darker: #0d1117;--chat-bg-dark: #161b22;--chat-bg-panel: #21262d;--chat-border: rgba(240, 246, 252, .1);--chat-text: #c9d1d9;--chat-text-muted: #8b949e;--chat-primary: #58a6ff;--chat-bubble-out: #1f6feb;--chat-bubble-in: #30363d}body.dark-mode-chat{background-color:var(--chat-bg-darker);color:var(--chat-text)}.chat-center-container{height:100vh;width:100%;background-color:var(--chat-bg-darker)}.chat-panel-left{width:320px;background-color:var(--chat-bg-dark);flex-shrink:0}.chat-panel-center{background-color:var(--chat-bg-darker);position:relative;flex-grow:1}.bg-chat-pattern{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2H0v-2h20v-2H0V8h20V6H0V4h20V2H0V0h22v20h2V0h2v20h2V0h2v20h2V0h2v20h2V0h2v20h2v2H20v-1.5zM0 20h2v20H0V20zm4 0h2v20H4V20zm4 0h2v20H8V20zm4 0h2v20h-2V20zm4 0h2v20h-2V20zm4 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2z' fill='%23ffffff' fill-opacity='0.02' fill-rule='evenodd'/%3E%3C/svg%3E")}.chat-panel-right{width:300px;background-color:var(--chat-bg-dark);flex-shrink:0}.bg-darker{background-color:#0d1117!important}.backdrop-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chat-item{padding:12px 16px;transition:background-color .2s;cursor:pointer;border-bottom:1px solid var(--chat-border)}.chat-item:hover{background-color:#ffffff08}.chat-item.active{background-color:#58a6ff1a;border-left:3px solid var(--chat-primary)}.chat-item-name{font-size:.95rem;font-weight:600;color:var(--chat-text)}.chat-item-msg{font-size:.8rem;color:var(--chat-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.chat-item-time{font-size:.7rem;color:var(--chat-text-muted)}.badge-unread{background-color:var(--chat-primary);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px}.message-bubble{max-width:75%;padding:8px 14px;border-radius:18px;font-size:.95rem;position:relative;line-height:1.4;word-wrap:break-word}.message-in{align-self:flex-start;background-color:var(--chat-bubble-in);color:var(--chat-text);border-bottom-left-radius:4px}.message-out{align-self:flex-end;background-color:var(--chat-bubble-out);color:#fff;border-bottom-right-radius:4px}.message-time{font-size:.65rem;opacity:.7;margin-top:4px;text-align:right;display:block}.chat-list::-webkit-scrollbar,.chat-center-body::-webkit-scrollbar,.crm-body::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track,.chat-center-body::-webkit-scrollbar-track,.crm-body::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb,.chat-center-body::-webkit-scrollbar-thumb,.crm-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.chat-list::-webkit-scrollbar-thumb:hover,.chat-center-body::-webkit-scrollbar-thumb:hover,.crm-body::-webkit-scrollbar-thumb:hover{background:#fff3}.fs-7{font-size:.85rem}.fs-8{font-size:.75rem}