.chat{display:flex;flex-direction:column;height:95vh;max-width:800px;margin:0 auto;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-sizing:border-box}.chat-messages{flex:1;padding:16px;overflow-y:auto}.chat-message{margin-bottom:12px;display:flex}.chat-message.user .message-content{background-color:#dcf8c6;align-self:flex-end}.chat-message.assistant{justify-content:flex-end}.chat-message.assistant .message-content{background-color:#f1f0f0;align-self:flex-start}.message-content{padding:10px 16px;border-radius:8px;max-width:70%;box-sizing:border-box}.chat-input-form{display:flex;border-top:1px solid #ddd}.chat-input{flex:1;padding:10px;border:none;resize:none;font-size:1rem}.send-button{padding:0 16px;background-color:#007bff;border:none;color:#fff;cursor:pointer}.send-button:hover{background-color:#0056b3}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.3);border-radius:50%;border-top-color:#000;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.chat{width:100%;max-width:100%;margin:0 8px}.chat-messages{padding:12px}.message-content{max-width:90%;padding:8px 12px}.chat-input{font-size:.9rem;padding:8px}.send-button{padding:0 12px;font-size:.9rem}}.chat-page{display:flex;height:100vh}.sidebar{width:250px;background-color:#f8f8f8;padding:16px;box-sizing:border-box;border-right:1px solid #ddd}.user-info{display:flex;flex-direction:column;gap:1rem}.logout-button{padding:.5rem 1rem;background-color:#d9534f;border:none;color:#fff;cursor:pointer;border-radius:4px}.logout-button:hover{background-color:#c9302c}.chat-container{flex:1;display:flex;flex-direction:column}