body{box-sizing:border-box;background-color:#e9ecef;margin:0;padding:0}.chat-container{background-color:#f8f9fa;border-radius:15px;flex-direction:column;max-width:700px;height:90vh;margin:5vh auto;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000026}.chat-header{color:#fff;text-align:center;background-color:#004085;border-bottom:2px solid #002752;padding:20px}.chat-header h1{margin:0;font-size:1.5rem}.chat-window{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.message-wrapper{width:100%;display:flex}.message-wrapper.user{justify-content:flex-end}.message-wrapper.assistant{justify-content:flex-start}.message-bubble{word-break:break-word;border-radius:18px;max-width:70%;padding:12px 16px;font-size:1rem;line-height:1.5}.user .message-bubble{color:#fff;background-color:#007bff;border-bottom-right-radius:4px}.assistant .message-bubble{color:#212529;background-color:#e9ecef;border-bottom-left-radius:4px}.loading .dot{margin:0 2px;animation:1s infinite blink}.loading .dot:nth-child(2){animation-delay:.2s}.loading .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.chat-footer{background-color:#fff;border-top:1px solid #dee2e6;padding:20px}.input-form{gap:10px;display:flex}.input-form input{border:1px solid #ced4da;border-radius:25px;outline:none;flex:1;padding:12px 15px;font-size:1rem}.input-form input:focus{border-color:#007bff}.input-form button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:25px;padding:10px 20px;font-weight:700;transition:background-color .2s}.input-form button:hover{background-color:#0056b3}.input-form button:disabled{cursor:not-allowed;background-color:#ccc}