.chat-page{height:100vh;display:flex;flex-direction:column;background:#0a0a0a;color:#fff}.chat-container{flex:1 1;display:flex;flex-direction:column;max-width:900px;margin:0 auto;width:100%;padding:20px}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #333;margin-bottom:20px}.chat-header>div{text-align:center;flex:1 1}.chat-header h1{font-size:2rem;margin:0 0 10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-header p{color:#aaa;margin:0}.logout-button{padding:8px 16px;background:#1a1a1a;color:#fff;border:1px solid #333;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.logout-button:hover{background:#333;border-color:#667eea}.messages{flex:1 1;overflow-y:auto;padding:20px 0;display:flex;flex-direction:column;gap:16px}.welcome-message{text-align:center;color:#888;margin-top:40px}.welcome-message p{margin:8px 0}.message{display:flex;animation:fadeIn .3s ease-in}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{max-width:70%;padding:12px 16px;border-radius:12px;white-space:pre-wrap;word-wrap:break-word}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.message.assistant .message-content{background:#1a1a1a;color:#fff;border:1px solid #333}.message-content.typing{animation:pulse 1.5s ease-in-out infinite}.chat-input{display:flex;gap:12px;padding:20px 0;border-top:1px solid #333}.chat-input input{flex:1 1;padding:12px 16px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:1rem}.chat-input input:focus{outline:none;border-color:#667eea}.chat-input input:disabled{opacity:.5;cursor:not-allowed}.chat-input button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:opacity .2s}.chat-input button:hover:not(:disabled){opacity:.9}.chat-input button:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.chat-container{padding:12px}.message-content{max-width:85%}}