body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.customer-service-container{background:#f0f2f5;display:flex;height:calc(100vh - 64px)}.chat-list-panel{background:#fff;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;width:400px}.chat-list-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-list-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.header-title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px}.chat-search{padding:12px 20px}.chat-filters,.chat-search{border-bottom:1px solid #f0f0f0}.chat-filters{padding:0 20px}.chat-items{flex:1 1;overflow-y:auto}.chat-item{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:16px 20px;transition:all .2s}.chat-item:hover{background:#fafafa}.chat-item.active{background:#e6f7ff;border-left:3px solid #1890ff;padding-left:17px}.chat-item-header{display:flex;gap:12px}.chat-item-info{flex:1 1;min-width:0}.chat-item-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.chat-item-name{color:#333;font-size:14px;font-weight:600}.chat-item-time{color:#999;font-size:12px}.chat-item-bottom{align-items:center;display:flex;justify-content:space-between}.chat-item-last-message{color:#999;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-tags{display:flex;gap:4px;margin-left:8px}.chat-panel{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-window-empty{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center}.chat-window-container{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-window-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 24px}.customer-info{align-items:center;display:flex;gap:12px}.customer-details{display:flex;flex-direction:column;gap:4px}.customer-name{align-items:center;color:#333;display:flex;font-size:15px;font-weight:600;gap:8px}.customer-meta{color:#999;display:flex;font-size:12px;gap:16px}.chat-actions{display:flex;gap:8px}.chat-messages{background:#f5f7fa;flex:1 1;overflow-y:auto;padding:24px}.message{display:flex;gap:12px;margin-bottom:20px}.message-admin{flex-direction:row-reverse}.message-content{display:flex;flex-direction:column;gap:4px;max-width:60%}.message-admin .message-content{align-items:flex-end}.message-bubble{border-radius:8px;font-size:14px;line-height:1.6;padding:12px 16px;word-break:break-word}.message-user .message-bubble{background:#fff;border:1px solid #e8e8e8;color:#333}.message-admin .message-bubble{background:#1890ff;color:#fff}.message-time{color:#999;font-size:12px}.quick-replies{background:#fafafa;border-top:1px solid #f0f0f0;padding:12px 24px}.chat-input-area{background:#fff;border-top:1px solid #f0f0f0;padding:16px 24px}.chat-input-footer{display:flex;justify-content:flex-end;margin-top:12px}.appointment-result-card{background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;margin-top:8px;padding:16px}.result-header{align-items:center;color:#52c41a;display:flex;font-weight:600;gap:8px;margin-bottom:12px}.result-body p{color:#333;font-size:13px;margin:6px 0}@media (max-width:1200px){.chat-list-panel{width:350px}}@media (max-width:992px){.chat-list-panel{width:300px}}.chat-items::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px}.chat-items::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.chat-items::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:#bfbfbf}
/*# sourceMappingURL=main.3d350f38.css.map*/