@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit}#root{min-height:100vh;display:flex}.sidebar{min-height:100vh!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;background-color:#0c7fda!important;padding:20px 15px!important;border-right:1px solid #e0e0e0!important}.sidebar img{width:18px!important;height:18px!important;object-fit:contain!important}.sidebar .menu{display:block!important;margin-left:8px!important;cursor:pointer!important;opacity:.8!important;transition:transform .2s ease!important}.sidebar .menu:hover{transform:scale(1.1)!important;opacity:1!important}.sidebar .new-chat{margin-top:40px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 14px!important;background-color:#000!important;border-radius:30px!important;font-size:14px!important;font-weight:500!important;color:#fff!important;cursor:pointer!important;transition:background-color .2s ease!important}.sidebar .new-chat:hover{background-color:#d2e3fc!important;color:#444!important}.sidebar .recent{display:flex!important;flex-direction:column!important;margin-top:25px!important}.sidebar .recent-title{margin:10px 0 15px 5px!important;font-size:13px!important;font-weight:600!important;color:#000!important}.sidebar .recent-entry{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;border-radius:20px!important;font-size:14px!important;color:#000!important;cursor:pointer!important;transition:background-color .2s ease!important}.sidebar .recent-entry p{color:#333}.sidebar .recent-entry:hover{background-color:#d2e3fc!important}.sidebar .bottom{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:auto!important}.sidebar .exit-button{margin-top:40px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 14px!important;background-color:#d2e3fc!important;border-radius:30px!important;font-size:14px!important;font-weight:500!important;color:#000!important;cursor:pointer!important;transition:background-color .2s ease!important}.sidebar .exit-button:hover{background-color:gray!important}.sidebar .bottom-item{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;border-radius:20px!important;font-size:14px!important;color:#444!important;cursor:pointer!important;transition:background-color .2s ease!important}.sidebar .bottom-item:hover{background-color:#d2e3fc!important}.chat-container{display:flex;flex-direction:column;height:100vh;width:100%;background:linear-gradient(180deg,#fafafa,#f0f0f3);font-family:Inter,Segoe UI,Arial,sans-serif;color:#222}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:#f5f5f5;color:#202123;font-size:18px;font-weight:600;border-bottom:1px solid #333}.chat-header img{width:70px;height:50px}.chat-body{flex:1;padding:24px 18%;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.chat-message{max-width:65%;padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.5;word-wrap:break-word;box-shadow:0 2px 6px #0000000d;transition:all .2s ease-in-out}.chat-message.user{align-self:flex-end;background:#10a37f;color:#fff;border-bottom-right-radius:4px}.chat-message.bot{align-self:flex-start;background:#e5e5ea;color:#111;border-bottom-left-radius:4px}.chat-message.typing{display:flex;gap:5px}.chat-message.typing span{width:8px;height:8px;background:#555;border-radius:50%;animation:blink 1.4s infinite both}.chat-message.typing span:nth-child(2){animation-delay:.2s}.chat-message.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.chat-footer{display:flex;align-items:center;padding:14px 18%;border-top:1px solid #ddd;background:#fff;gap:12px;position:sticky;bottom:0}.chat-footer input{flex:1;padding:12px 16px;border:1px solid black;border-radius:24px;outline:none;font-size:15px;transition:.2s}.chat-footer input:focus{border-color:#10a37f;box-shadow:0 0 0 2px #10a37f33}.chat-footer .icons{display:flex;gap:14px}.chat-footer .icons img{width:24px;height:24px;cursor:pointer;transition:transform .2s}.chat-footer .icons img:hover{transform:scale(1.1)}.chat-body{padding:20px;background:#fff;flex:1;overflow-y:auto}.chat-message{max-width:70%;padding:12px 16px;margin:10px 0;border-radius:12px;line-height:1.6;font-size:15px;white-space:pre-wrap}.chat-message.bot{background:#f2f2f2;align-self:flex-start;text-align:left}.chat-message h1,.chat-message h2,.chat-message h3{margin:6px 0;font-weight:600}.chat-message p{margin:6px 0}.chat-message ul{margin:6px 0;padding-left:20px}.opening-line{display:inline-block;font-size:16px;font-weight:500;border-right:2px solid #333;white-space:nowrap;overflow:hidden;max-width:100%;width:auto;animation:typing 4s steps(60,end) forwards,blink .8s infinite}.opening-line span{color:#00f}@keyframes typing{0%{width:0}to{width:50%}}@keyframes blink{0%,50%{border-color:#333}50%,to{border-color:transparent}}.chat-message.bot h1,.chat-message.bot h2,.chat-message.bot h3{font-size:1.1rem;font-weight:700;margin:8px 0;color:#2d3748}.chat-message.bot ul{list-style-type:disc;margin:8px 0 8px 20px;padding-left:20px}.chat-message.bot ol{list-style-type:decimal;margin:8px 0 8px 20px;padding-left:20px}.chat-message.bot li{margin-bottom:4px;line-height:1.4}.chat-message.bot p{margin:6px 0;line-height:1.5}.chat-message.bot code{background-color:#f4f4f4;padding:2px 5px;border-radius:4px;font-size:.9rem;font-family:Fira Code,monospace}.chat-message.bot pre code{display:block;background-color:#1e1e1e;color:#f8f8f2;padding:10px;border-radius:8px;overflow-x:auto;font-size:.9rem}.right-panel{min-height:100vh!important;width:260px!important;background-color:#f9fafc!important;border-left:1px solid #e0e0e0!important;padding:20px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.right-panel .assistant-info{text-align:center!important;margin-bottom:20px!important}.right-panel .assistant-info h3{font-size:16px!important;font-weight:600!important;margin-bottom:8px!important;color:#333!important}.right-panel .assistant-info p{font-size:13px!important;color:#555!important;line-height:1.5!important}.right-panel .suggestions{margin-top:20px!important}.right-panel .suggestions h4{font-size:14px!important;font-weight:600!important;color:#444!important;margin-bottom:10px!important}.right-panel .suggestion{padding:10px 12px!important;background-color:#f1f5fb!important;border-radius:10px!important;margin-bottom:10px!important;font-size:13px!important;color:#333!important;cursor:pointer!important;transition:background-color .2s ease!important}.right-panel .suggestion:hover{background-color:gray!important}.right-panel .footer{text-align:center!important;font-size:12px!important;color:#000!important;padding-top:15px!important;border-top:1px solid black!important}