*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{background:linear-gradient(135deg,#eef2ff,#dbeafe)}.app{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.chat-container{background:#fff;border-radius:18px;flex-direction:column;width:900px;max-width:95%;height:90vh;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 15px 40px #0000001f}.chat-container:hover{transform:translateY(-2px)}.chat-header{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.chat-header h1{font-size:22px;font-weight:600}.chat-header p{opacity:.9;margin-top:4px;font-size:13px}.status{align-items:center;gap:8px;font-size:14px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:10px;height:10px}.chat-box{background:#f8fafc;flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.ai-message,.user-message{word-wrap:break-word;border-radius:14px;max-width:80%;padding:14px 18px;line-height:1.6}.ai-message{color:#1f2937;background:#fff;border:1px solid #e5e7eb;align-self:flex-start;animation:.25s fadeIn}.user-message{color:#fff;background:#2563eb;align-self:flex-end;animation:.25s fadeIn}.message-label{opacity:.75;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600}.message-text{white-space:pre-wrap;word-break:break-word}.chat-input{background:#fff;border-top:1px solid #e5e7eb;gap:12px;padding:18px;display:flex}.chat-input input{border:1px solid #d1d5db;border-radius:10px;outline:none;flex:1;padding:14px;font-size:15px}.chat-input input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.chat-input button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:14px 28px;transition:all .3s}.chat-input button:hover{background:#1d4ed8;transform:translateY(-1px)}.chat-input button:active{transform:scale(.98)}.chat-input button:disabled{cursor:not-allowed;background:#93c5fd}.typing-indicator{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:fit-content;padding:12px 18px}.error-message{color:#b00020;text-align:center;background:#ffe5e5;border:1px solid #ffb3b3;border-radius:10px;margin:12px 20px;padding:12px;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-box::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.chat-box::-webkit-scrollbar-thumb:hover{background:#94a3b8}