.chat-container{height:100vh;display:flex}.sidebar{background:#f5f5f5;border-right:1px solid #ddd;width:250px;padding:20px}.sidebar h2{margin-top:0;font-size:18px}.sidebar ul{padding:0;list-style:none}.sidebar li{background:#fff;border-radius:4px;margin-bottom:15px;padding:10px}.sidebar li strong{margin-bottom:5px;display:block}.sidebar li p{color:#666;margin:0;font-size:12px}.chat-main{flex-direction:column;flex:1;display:flex}.messages{flex:1;padding:20px;overflow-y:auto}.message{border-radius:8px;max-width:80%;margin-bottom:15px;padding:10px 15px}.message.user{color:#fff;background:#007bff;margin-left:auto}.message.assistant{color:#333;background:#e9ecef}.input-area{border-top:1px solid #ddd;gap:10px;padding:20px;display:flex}.input-area input{border:1px solid #ddd;border-radius:4px;flex:1;padding:10px;font-size:14px}.input-area button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:4px;padding:10px 20px}.input-area button:hover{background:#0056b3}.input-area button:disabled{cursor:not-allowed;background:#ccc}.connect-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.connect-screen button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:4px;padding:15px 30px;font-size:16px}.connect-screen button:hover{background:#0056b3}