.chat-container{max-width:1400px;margin:0 auto;padding:24px}.chat-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chat-card{background-color:#d3e2d0;margin-bottom:24px;margin-left:5px;transition:all .3s}.chat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ant-list-grid .ant-list-item{margin-bottom:16px!important}.chat-detail-container{max-width:100%;padding:12px}.chat-detail-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 16px;display:flex}.messages-container{background-color:#f7f7f7;height:calc(100vh - 300px);padding:20px 16px;overflow-y:auto}.message{margin-bottom:24px;padding:0 16px}.message.user{justify-content:flex-start}.message.admin{flex-direction:row-reverse;justify-content:flex-end}.message.user .message-content{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.message.admin .message-content{background-color:#e7f3ff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.message-content{width:800px;margin-left:12px;padding:16px}.message-header{align-items:center;margin-bottom:4px;display:flex}.message-header .ant-typography{margin:0}.message-text{white-space:pre-wrap;word-break:break-word;color:#333;margin-top:8px;font-size:14px;line-height:1.5}.chat-input{background-color:#fff;border-radius:8px;margin-top:24px;padding:0 16px;position:relative;box-shadow:0 -2px 10px #0000000d}.message-content .ant-typography{color:#666}.message-content .ant-typography strong{color:#333;font-weight:600}.message .ant-avatar{width:36px;height:36px;margin-top:4px}