*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}#root{width:100%;height:100%}body{background:#f5f5f5;display:flex;justify-content:center;align-items:center;height:100vh}.chatbot-container{width:100%;height:100%;background:#fff;border-radius:7px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;overflow:hidden}.chatbot-header{display:flex;align-items:center;justify-content:flex-start;background:#000;color:#fff;padding:11px 20px;font-family:Poppins,sans-serif;border-bottom:2px solid #333}.header-left{display:flex;align-items:center}.logo{width:35px;height:35px;object-fit:contain;margin-right:9px}.header-right{display:flex;flex-direction:column;justify-content:center}.brand-name{font-size:14px;font-weight:500;margin:0;letter-spacing:.5px}.subtext{font-size:10px;font-style:italic;color:#aaa;margin:0;letter-spacing:.3px}.chatbot-body{flex:1;padding:15px 11px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.chatbot-body::-webkit-scrollbar{width:6px}.chatbot-body::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:999px}.message{padding:10px 14px;border-radius:8px;max-width:80%;font-size:12px;line-height:1.4;animation:fadeIn .3s ease-in-out;word-wrap:break-word}.bot-message{background:#f1f1f1;color:#000;align-self:flex-start;border-top-left-radius:0;padding:10px 15px}.bot-message ul,.bot-message ol{padding-left:20px;margin:5px 0}.bot-message li{margin-bottom:5px}.bot-message code{background:#eaeaea;padding:2px 5px;border-radius:4px;font-family:monospace}.user-message{background:#000;color:#fff;align-self:flex-end;border-top-right-radius:0}.chatbot-footer{background:#fff;padding:8px;border-top:1px solid #ddd}.input-container{position:relative;width:100%}.input-container input{width:100%;padding:7px;border:1px solid #ddd;border-radius:5px;font-size:12px;outline:none;background:#f8f8f8;transition:box-shadow .2s ease}.input-container input:focus{box-shadow:0 0 0 1px #000}.send-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#000;color:#fff;border:none;border-radius:50%;width:25px;height:25px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .1s ease}.send-button:hover{background:#333;transform:translateY(-50%) scale(1.05)}.send-button:active{transform:translateY(-50%) scale(.95)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.typing-indicator{display:flex;gap:5px;margin-bottom:10px;margin-left:3px;align-self:flex-start}.typing-indicator span{width:6px;height:6px;background:#999;border-radius:50%;display:inline-block;animation:typing 1s infinite}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.suggestion-bubbles{display:flex;flex-wrap:wrap;gap:8px;padding:10px;justify-content:flex-start;margin-left:10px}.question-bubble{background-color:#e8f0fe;color:#1a73e8;border:none;text-align:left;border-radius:20px;padding:8px 14px;font-size:12px;cursor:pointer;transition:all .2s ease}.question-bubble:hover{background-color:#d2e3fc;transform:scale(1.05)}