*{margin:0;padding:0;box-sizing:border-box}.chat-container{height:100vh;background-color:#0a0f1a;display:flex;color:#e1e1e1;font-family:Segoe UI,sans-serif}.chat-sidebar{width:320px;background-color:#111827;padding:20px;border-right:1px solid #1e293b;display:flex;flex-direction:column;gap:20px}.chat-sidebar h2{font-size:24px;color:#ddf9ff}.chat-sidebar p{font-size:14px;color:#a1aab3}.chat-sidebar .input-box{width:100%;padding:10px;border-radius:8px;border:1px solid #333;background-color:#1e293b;color:#e1e1e1;font-size:14px}.chat-sidebar .connect-btn{padding:10px;background-color:#006073;color:#fff;border:none;border-radius:8px;cursor:pointer}.chat-sidebar .connect-btn:hover{background-color:#006073}.error-message{color:#690000;font-size:12px}.chat-main{flex:1;display:flex;flex-direction:column;background-color:#0a0f1a}.chat-header{padding:15px;background-color:#111827;border-bottom:1px solid #1e293b}.chat-box{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background-color:#12181f}.message{max-width:60%;padding:10px 15px;border-radius:8px;word-wrap:break-word;overflow-wrap:break-word;display:inline-block}.message.sent{align-self:flex-end;background-color:#006073;color:#fff}.message.received{align-self:flex-start;background-color:#1e293b;color:#e1e1e1}.timestamp{display:block;font-size:10px;color:#a1aab3;margin-top:4px;text-align:right}.chat-list{list-style:none;padding:0}.chat-list li{padding:10px;background-color:#1e293b;margin-top:5px;cursor:pointer;border-radius:5px;color:#e1e1e1}.chat-list li:hover,.active-chat{background-color:#007bff}.input-container{display:flex;padding:10px;background-color:#111827;border-top:1px solid #1e293b}.input-container .input-box{flex:1;padding:10px;border:1px solid #333;border-radius:8px;background-color:#1e293b;color:#e1e1e1;font-size:14px}.input-container .send-btn{margin-left:10px;padding:10px 20px;background-color:#006073;color:#fff;border:none;border-radius:8px;cursor:pointer}.input-container .send-btn:hover{background-color:#006073}