:root{--primary-color: #0042cd;--primary-hover: #0033a1;--bg-color: #ffffff;--bg-secondary: #f4f6f8;--sidebar-bg: #f9fbfd;--text-primary: #1a1f36;--text-secondary: #697386;--border-color: #e5e8eb;--danger-color: #d92d20;--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 66, 205, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-color);overflow:hidden;-webkit-font-smoothing:antialiased}.layout{display:flex;height:100vh;width:100vw;background-color:var(--bg-color)}.sidebar{width:280px;height:100vh;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform .3s ease;z-index:100;flex-shrink:0}.sidebar-header{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.logo-container{display:flex;align-items:center;gap:10px}.logo-text{font-weight:700;font-size:18px;color:var(--primary-color);letter-spacing:-.5px}.mobile-close{display:none}.bot-list{flex:1;padding:20px 10px;overflow-y:auto}.bot-list-title{font-size:11px;font-weight:600;color:var(--text-secondary);padding:0 10px;margin-bottom:10px;letter-spacing:.5px}.bot-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;text-align:left;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .2s;margin-bottom:4px}.bot-item:hover{background-color:#0042cd0d;color:var(--primary-color)}.bot-item.active{background-color:#0042cd1a;color:var(--primary-color);font-weight:600}.chat-area{flex:1;display:flex;flex-direction:column;height:100vh;position:relative;background:linear-gradient(180deg,#ffffff 0%,var(--bg-secondary) 100%)}.mobile-header{display:none;height:60px;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);align-items:center;justify-content:space-between;padding:0 16px;z-index:90}.mobile-title{font-weight:600;font-size:16px}.messages-container{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:24px}.empty-state{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);animation:fadeIn .5s ease}.empty-icon-wrap{width:80px;height:80px;border-radius:50%;background-color:#0042cd14;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--primary-color)}.empty-state h2{color:var(--text-primary);margin-bottom:8px;font-size:24px}.empty-state p{font-size:15px;max-width:300px;line-height:1.5}.message-row{display:flex;gap:16px;width:100%;max-width:800px;margin:0 auto;animation:slideUp .3s ease}.message-row.user{flex-direction:row-reverse}.avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.bot-avatar{background-color:var(--primary-color)}.message-bubble{max-width:75%;padding:14px 18px;font-size:15px;line-height:1.6;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.message-bubble.user{background-color:var(--bg-color);border:1px solid var(--border-color);border-bottom-right-radius:4px;color:var(--text-primary)}.message-bubble.bot{background-color:#0042cd0f;border:1px solid rgba(0,66,205,.1);border-bottom-left-radius:4px;color:var(--text-primary)}.message-bubble.bot.error{background-color:#fef3f2;border-color:#fee4e2;color:var(--danger-color)}.input-area{padding:0 20px 24px;background:transparent}.input-form{max-width:800px;margin:0 auto;position:relative;display:flex;align-items:center;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color .2s,box-shadow .2s}.input-form:focus-within{border-color:var(--primary-color);box-shadow:0 4px 12px #0042cd26}.input-form input{flex:1;border:none;background:transparent;padding:16px 20px;font-family:inherit;font-size:16px;color:var(--text-primary);outline:none}.input-form input::placeholder{color:#9ca3af}.send-btn{background:var(--primary-color);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:10px;cursor:pointer;transition:background-color .2s,transform .1s}.send-btn:hover:not(:disabled){background-color:var(--primary-hover)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.footer-text{text-align:center;font-size:11px;color:var(--text-secondary);margin-top:12px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.typing-indicator{display:flex;align-items:center;gap:4px;padding:16px 18px!important}.typing-indicator span{width:6px;height:6px;background-color:var(--primary-color);border-radius:50%;display:inline-block;opacity:.4}.typing-indicator span:nth-child(1){animation:pulse 1s infinite}.typing-indicator span:nth-child(2){animation:pulse 1s .2s infinite}.typing-indicator span:nth-child(3){animation:pulse 1s .4s infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.icon-btn{background:transparent;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px}@media(max-width:768px){.sidebar{position:absolute;left:0;top:0;transform:translate(-100%);box-shadow:none;transition:transform .3s ease,box-shadow .3s ease}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000001a}.mobile-header,.mobile-close{display:flex}.messages-container{padding:16px 12px}.message-bubble{max-width:85%}.input-area{padding:0 12px 16px}}.message-text{word-break:break-word}.message-text p{margin-bottom:.5em}.message-text p:last-child{margin-bottom:0}.message-text a{color:var(--primary-color);text-decoration:underline}.message-text strong{font-weight:600}.message-text ul,.message-text ol{margin:.5em 0;padding-left:20px}.message-text li{margin-bottom:.25em}.message-text pre{background-color:#0000000d;padding:10px;border-radius:6px;overflow-x:auto;margin:.5em 0}.message-text code{background-color:#0000000d;padding:.2em .4em;border-radius:4px;font-family:monospace;font-size:.9em}.message-text pre code{background-color:transparent;padding:0}.sidebar-footer{margin-top:auto}.reset-btn{width:100%;padding:12px 14px;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.reset-btn:hover{background-color:#fef3f2;color:var(--danger-color);border-color:#fee4e2}