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