@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--bg-app:#f8fafc;--bg-surface:#fff;--bg-elevated:#fff;--bg-hover:#f1f5f9;--bg-active:#e2e8f0;--bg-muted:#f1f5f9;--text-heading:#0f172a;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border-default:#e2e8f0;--border-subtle:#f1f5f9;--border-focus:#6366f1;--sidebar-bg:#0f172a;--sidebar-hover:#1e293b;--sidebar-active:#334155;--sidebar-text:#cbd5e1;--sidebar-text-active:#fff;--sidebar-border:#1e293b;--user-bubble:#4f46e5;--user-bubble-hover:#4338ca;--user-text:#fff;--bot-bubble:#fff;--bot-text:#1e293b;--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--danger:#dc2626;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}html,body,#root{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-app);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}.app{background:var(--bg-app);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;width:256px;display:flex;overflow:hidden}.sidebar-brand{flex-shrink:0;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.brand-logo{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-name{color:var(--sidebar-text-active);letter-spacing:-.2px;font-size:15px;font-weight:700;line-height:1.2}.brand-subtitle{color:var(--sidebar-text);opacity:.6;letter-spacing:.1px;margin-top:1px;font-size:11px;font-weight:400}.sidebar-divider{background:var(--sidebar-hover);flex-shrink:0;height:1px;margin:4px 16px}.nav-section{margin-bottom:4px}.nav-section-label{color:var(--sidebar-text);opacity:.45;letter-spacing:1px;text-transform:uppercase;-webkit-user-select:none;user-select:none;padding:16px 16px 6px;font-size:10px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;padding:0 10px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0}.sidebar-tab{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:9px 12px;display:flex;position:relative}.sidebar-tab:hover{background:var(--sidebar-hover)}.sidebar-tab.active{background:var(--sidebar-active)}.sidebar-tab.active:before{content:"";background:var(--primary-500);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.tab-label{color:var(--sidebar-text);white-space:nowrap;transition:color var(--transition-fast);letter-spacing:-.05px;flex:1;font-size:13px;font-weight:500}.sidebar-tab:hover .tab-label,.sidebar-tab.active .tab-label{color:var(--sidebar-text-active)}.tab-badge{background:var(--primary-600);color:#fff;border-radius:var(--radius-full);letter-spacing:.2px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;display:flex}.sidebar-footer{flex-shrink:0}.sidebar-profile{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;margin:4px 10px 12px;padding:12px 16px;display:flex}.sidebar-profile:hover{background:var(--sidebar-hover)}.profile-avatar{border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.profile-info{flex-direction:column;flex:1;min-width:0;display:flex}.profile-name{color:var(--sidebar-text-active);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.profile-role{color:var(--sidebar-text);opacity:.55;margin-top:1px;font-size:11px;font-weight:400}.profile-status-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 2px var(--sidebar-bg);border-radius:50%;flex-shrink:0}.user-list{background:var(--bg-surface);border-right:1px solid var(--border-default);flex-direction:column;flex-shrink:0;width:340px;display:flex}.user-list-header{border-bottom:1px solid var(--border-default);padding:20px 20px 16px}.user-list-header h2{color:var(--text-heading);letter-spacing:-.3px;margin-bottom:14px;font-size:20px;font-weight:700}.search-bar{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 12px;display:flex}.search-bar:focus-within{border-color:var(--border-focus);background:var(--bg-surface);box-shadow:0 0 0 3px #6366f11a}.search-icon{color:var(--text-muted);flex-shrink:0;font-size:13px}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search-bar input::placeholder{color:var(--text-muted)}.user-list-items{flex:1;padding:8px;overflow-y:auto}.user-list-items::-webkit-scrollbar{width:5px}.user-list-items::-webkit-scrollbar-track{background:0 0}.user-list-items::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.user-list-items::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.user-item{cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-lg);border:1px solid #0000;align-items:center;gap:12px;padding:12px;display:flex}.user-item:hover{background:var(--bg-hover)}.user-item.selected{background:var(--primary-light);border-color:var(--primary-200)}.user-avatar{border-radius:var(--radius-full);width:44px;height:44px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.user-info{flex:1;min-width:0}.user-name-row{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.user-name{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.1px;font-size:14px;font-weight:600;overflow:hidden}.user-time{color:var(--text-muted);flex-shrink:0;margin-left:8px;font-size:11px;font-weight:500}.user-preview{align-items:center;gap:8px;display:flex}.last-message{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;line-height:1.4;overflow:hidden}.unread-badge{background:var(--primary);color:#fff;border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:flex;box-shadow:0 1px 3px #4f46e54d}.chat-panel{background:var(--bg-app);flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--border-default);background:var(--bg-surface);box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.chat-header-info{align-items:center;gap:14px;display:flex}.chat-header-avatar{border-radius:var(--radius-full);width:40px;height:40px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.chat-header-details h3{color:var(--text-heading);letter-spacing:-.1px;margin-bottom:1px;font-size:15px;font-weight:600}.online-status{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.online-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg-surface), 0 0 4px #0596694d;border-radius:50%}.chat-controls{align-items:center;gap:6px;display:flex}.control-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);color:var(--text-secondary);justify-content:center;align-items:center;font-size:15px;display:flex}.control-btn:hover{background:var(--bg-hover);border-color:var(--border-focus);color:var(--primary);box-shadow:var(--shadow-sm)}.control-btn.play-btn:hover{background:var(--primary-light);border-color:var(--primary-200);color:var(--primary)}.progress-info{color:var(--text-muted);background:var(--bg-muted);border-radius:var(--radius-full);border:1px solid var(--border-default);letter-spacing:.2px;font-variant-numeric:tabular-nums;padding:5px 12px;font-size:12px;font-weight:600}.chat-messages{background:var(--bg-app);flex-direction:column;flex:1;gap:6px;padding:20px 24px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.chat-date-divider{text-align:center;margin:8px 0 16px}.chat-date-divider span{background:var(--bg-surface);color:var(--text-muted);border-radius:var(--radius-full);border:1px solid var(--border-default);letter-spacing:.3px;text-transform:uppercase;padding:4px 14px;font-size:11px;font-weight:600}.message-row{align-items:flex-end;gap:10px;max-width:65%;animation:.4s cubic-bezier(.22,1,.36,1) messageSlideIn;display:flex}.message-row.user{align-self:flex-start}.message-row.bot{flex-direction:row-reverse;align-self:flex-end}.message-avatar{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:2px;font-size:13px;display:flex;overflow:hidden}.bot-avatar{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));box-shadow:var(--shadow-sm)}.user-msg-avatar{overflow:hidden}.message-bubble{border-radius:var(--radius-lg);word-wrap:break-word;max-width:100%;padding:10px 14px;position:relative}.user-bubble{background:var(--bot-bubble);color:var(--bot-text);border-bottom-left-radius:var(--radius-sm);border:1px solid var(--border-default);box-shadow:var(--shadow-xs)}.bot-bubble{background:var(--user-bubble);color:var(--user-text);border-bottom-right-radius:var(--radius-sm);box-shadow:0 1px 3px #4f46e533}.message-text{white-space:pre-wrap;letter-spacing:-.05px;font-size:13.5px;line-height:1.5}.message-time{margin-top:5px;font-size:11px;font-weight:500}.user-bubble .message-time{color:var(--text-muted)}.bot-bubble .message-time{color:#ffffffa6;text-align:right}.bot-thinking{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:420px;box-shadow:var(--shadow-sm);padding:14px 18px;transition:opacity .5s;animation:.3s thinkingFadeIn}.bot-thinking.fading-out{opacity:0}.thinking-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.thinking-dots{background:var(--primary-light);border-radius:var(--radius-full);gap:4px;padding:6px 10px;display:flex}.dot{background:var(--primary);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite dotPulse}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.thinking-label{color:var(--primary);letter-spacing:-.1px;font-size:12px;font-weight:600}.thinking-process{flex-direction:column;gap:6px;display:flex}.thinking-line{color:var(--text-secondary);background:var(--bg-muted);border-radius:var(--radius-sm);border-left:3px solid var(--primary-200);padding:6px 10px;font-size:12.5px;line-height:1.4;animation:.3s thinkingLineIn}.chat-input-area{border-top:1px solid var(--border-default);background:var(--bg-surface);padding:16px 24px}.input-container{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 8px;display:flex}.input-container:focus-within{border-color:var(--border-focus);background:var(--bg-surface);box-shadow:0 0 0 3px #6366f11a}.input-container input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:13.5px}.input-container input::placeholder{color:var(--text-muted)}.input-action{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.input-action:hover{background:var(--bg-hover);color:var(--text-secondary)}.send-btn{border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:13px;display:flex;box-shadow:0 1px 3px #4f46e54d}.send-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 6px #4f46e566}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes thinkingFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes thinkingLineIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.new-message{animation:.5s cubic-bezier(.22,1,.36,1) newMessageBounce}@keyframes newMessageBounce{0%{opacity:0;transform:translateY(16px)scale(.95)}60%{transform:translateY(-2px)scale(1.005)}to{opacity:1;transform:translateY(0)scale(1)}}.user-list-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.user-list-header h2{margin-bottom:0}.conversation-count{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);border:1px solid var(--primary-200);padding:2px 10px;font-size:12px;font-weight:600}.filter-tabs{gap:4px;margin-top:12px;display:flex}.filter-tab{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500}.filter-tab:hover{background:var(--bg-hover);border-color:var(--text-muted)}.filter-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 3px #4f46e54d}.progress-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-right:4px;font-size:10px;font-weight:500}