:root{--bg:#0d1020;--bg-soft:#141830;--panel:#ffffff0b;--panel-border:#ffffff1a;--text:#eef1ff;--text-muted:#eef1ff99;--indigo:#6366f1;--violet:#8b5cf6;--grad:linear-gradient(120deg, #6366f1, #8b5cf6);--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1100px 700px at 85% -10%, #6366f12e, transparent 60%), radial-gradient(900px 600px at -10% 40%, #8b5cf629, transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button{cursor:pointer;font-family:inherit}::selection{background:#8b5cf666}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff3d}.app-shell{height:100%;display:flex}.sidebar{border-right:1px solid var(--panel-border);background:#ffffff08;flex-direction:column;flex-shrink:0;gap:18px;width:280px;padding:22px 18px;display:flex;overflow-y:auto}.brand{align-items:center;gap:12px;display:flex}.brand-logo{background:var(--grad);border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.4rem;display:grid;box-shadow:0 8px 24px -8px #6366f1b3}.brand-name{letter-spacing:.01em;font-size:1.05rem;font-weight:700}.brand-sub{color:var(--text-muted);font-size:.78rem}.status-card{background:var(--panel);border:1px solid var(--panel-border);color:var(--text-muted);border-radius:14px;flex-direction:column;gap:8px;padding:14px;font-size:.85rem;display:flex}.status-row{align-items:center;gap:8px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.status-dot.online{background:#34d399;box-shadow:0 0 10px #34d399}.status-dot.mock{background:#f59e0b;box-shadow:0 0 10px #f59e0bb3}.status-card b{color:var(--text);font-weight:600}.user-summary{border-top:1px solid var(--panel-border);justify-content:space-between;margin-top:2px;padding-top:8px}.sidebar-links{flex-direction:column;gap:4px;display:flex}.sidebar-link{color:var(--text-muted);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;transition:background .2s,color .2s;display:flex}.sidebar-link:hover{color:var(--text);background:#ffffff0f}.sidebar-link.active{color:#c7d2fe;background:#6366f129}.sidebar-spacer{flex:1}.sidebar-footer{color:var(--text-muted);border-top:1px solid var(--panel-border);padding-top:12px;font-size:.76rem;line-height:1.6}.chat-main{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);z-index:5;background:#0d102099;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.chat-header h1{font-size:1.05rem;font-weight:600}.chat-header .hint{color:var(--text-muted);font-size:.8rem}.chat-messages{flex-direction:column;flex:1;gap:18px;padding:28px;display:flex;overflow-y:auto}.welcome-card{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:20px;max-width:640px;margin:20px auto 0;padding:30px}.welcome-avatar{background:var(--grad);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:1.9rem;display:grid;box-shadow:0 12px 32px -8px #6366f1b3}.welcome-card h2{margin-bottom:10px;font-size:1.35rem}.welcome-card p{color:var(--text-muted);white-space:pre-line;font-size:.94rem;line-height:1.7}.quick-questions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.quick-chip{color:#c7d2fe;background:#6366f11f;border:1px solid #6366f159;border-radius:999px;padding:10px 16px;font-size:.88rem;transition:transform .2s,background .2s,box-shadow .2s}.quick-chip:hover{background:#6366f138;transform:translateY(-2px);box-shadow:0 8px 20px -8px #6366f199}.msg{gap:12px;max-width:78%;animation:.25s ease-out msg-in;display:flex}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg.user{flex-direction:row-reverse;align-self:flex-end}.msg-avatar{border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:1.05rem;display:grid}.msg.user .msg-avatar{background:var(--grad)}.msg.assistant .msg-avatar{border:1px solid var(--panel-border);background:#ffffff1a}.msg-bubble{white-space:pre-line;overflow-wrap:break-word;border-radius:16px;padding:13px 16px;font-size:.95rem;line-height:1.7}.msg.user .msg-bubble{background:var(--grad);color:#fff;border-bottom-right-radius:4px}.msg.assistant .msg-bubble{background:var(--panel);border:1px solid var(--panel-border);border-bottom-left-radius:4px}.msg-bubble p{margin:0 0 8px}.msg-bubble p:last-child{margin-bottom:0}.msg-bubble strong{font-weight:700}.msg-meta{color:var(--text-muted);margin-top:6px;font-size:.72rem}.web-badge{color:#a5b4fc;text-overflow:ellipsis;white-space:nowrap;background:#6366f11f;border:1px solid #6366f14d;border-radius:999px;align-items:center;gap:4px;max-width:100%;margin-bottom:6px;padding:3px 10px;font-size:.76rem;display:inline-flex;overflow:hidden}.sources{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.sources-title{color:var(--text-muted);letter-spacing:.02em;margin-bottom:6px;font-size:.72rem}.sources-chips{flex-wrap:wrap;gap:6px;display:flex}.source-chip{color:var(--cyan);cursor:pointer;background:#22d3ee14;border:1px solid #22d3ee38;border-radius:999px;padding:3px 10px;font-size:.74rem;transition:background .2s,border-color .2s,transform .1s}.source-chip:hover{background:#22d3ee2e;border-color:#22d3ee80}.source-chip:active{transform:scale(.96)}.source-chip:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sources-links{flex-direction:column;gap:6px;display:flex}.source-link{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;gap:2px;padding:6px 8px;transition:border-color .2s,background .2s;display:flex}.source-link:hover{background:#6366f114;border-color:#6366f180}.source-link-title{color:#c7d2fe;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.source-link-snippet{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;display:-webkit-box;overflow:hidden}.sources-toggle{color:#a5b4fc;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:7px;padding:3px 0;font-size:.75rem}.sources-toggle:hover{color:#c7d2fe;text-decoration:underline}.sources-toggle:focus-visible{outline:2px solid var(--indigo);outline-offset:3px;border-radius:3px}.header-actions{align-items:center;gap:12px;display:flex}.mode-switch{border:1px solid var(--panel-border);background:#ffffff0d;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.mode-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:6px 12px;font-size:.8rem;transition:all .2s}.mode-btn:hover{color:var(--text)}.mode-btn.active{background:var(--grad);color:#fff;box-shadow:0 4px 12px -4px #6366f199}@media (width<=820px){.header-actions{flex-wrap:wrap;justify-content:flex-end}}.chat-input-bar{border-top:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);background:#0d102099;padding:18px 28px 22px}.chat-input-wrap{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;align-items:flex-end;gap:12px;max-width:820px;margin:0 auto;padding:10px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.chat-input-wrap:focus-within{border-color:#6366f199;box-shadow:0 0 0 3px #6366f126}.chat-input-wrap textarea{resize:none;color:var(--text);background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:160px;padding:4px 2px;font-family:inherit;font-size:.95rem;line-height:1.5}.chat-input-wrap textarea::placeholder{color:#eef1ff59}.image-upload-btn{cursor:pointer;color:#eef1ffad;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;transition:color .15s,background .15s,border-color .15s;display:grid}.image-upload-btn:not(.disabled):hover,.image-upload-btn:focus-within{color:#fff;background:#7c5cff2e;border-color:#7c5cff8c}.image-upload-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.image-upload-btn.disabled{opacity:.35;cursor:not-allowed}.image-upload-btn input{display:none}.image-preview-list{gap:8px;max-width:820px;margin:0 auto 8px;display:flex}.image-preview{position:relative}.image-preview img,.message-images img{object-fit:cover;border:1px solid var(--panel-border);border-radius:10px;width:72px;height:72px}.image-preview button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;width:20px;height:20px;position:absolute;top:-6px;right:-6px}.message-images{justify-content:flex-end;gap:8px;margin-bottom:6px;display:flex}.send-btn{background:var(--grad);color:#fff;border:none;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.15rem;transition:transform .15s,filter .15s,opacity .2s;display:grid}.send-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-hint{max-width:820px;color:var(--text-muted);text-align:center;margin:10px auto 0;font-size:.74rem}.typing{gap:5px;padding:4px 2px;display:inline-flex}.typing span{background:var(--text-muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.error-banner{color:#fda4af;text-align:center;background:#f43f5e1f;border:1px solid #f43f5e59;border-radius:12px;max-width:820px;margin:0 auto 14px;padding:12px 16px;font-size:.88rem}@media (width<=820px){.sidebar{display:none}.chat-messages{padding:18px}.msg{max-width:92%}}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:transform .15s,filter .15s,background .2s;display:inline-flex}.btn-sm{padding:7px 14px;font-size:.85rem}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 20px -8px #6366f1b3}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--text);border:1px solid var(--panel-border);background:#ffffff0f}.btn-ghost:hover{background:#ffffff1a}.session-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:8px 12px 4px;font-size:.74rem}.session-list{flex-direction:column;gap:4px;max-height:42vh;display:flex;overflow-y:auto}.session-empty{color:var(--text-muted);padding:8px 12px;font-size:.82rem}.session-item{cursor:pointer;color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:.86rem;transition:background .2s,color .2s;display:flex}.session-item:hover{color:var(--text);background:#ffffff0f}.session-item.active{color:#c7d2fe;background:#6366f129}.session-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.session-count{color:var(--text-muted);background:#ffffff14;border-radius:999px;padding:1px 7px;font-size:.7rem}.session-del{color:var(--text-muted);opacity:0;background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:.85rem;transition:opacity .2s,color .2s,background .2s}.session-item:hover .session-del{opacity:1}.session-del:hover{color:#fda4af;background:#f43f5e1f}.handoff-link{color:#a5b4fc}.msg-bubble.streaming:after{content:"▍";color:var(--indigo);margin-left:2px;animation:.9s step-end infinite caret-blink}@keyframes caret-blink{50%{opacity:0}}.success-banner{color:#6ee7b7;text-align:center;background:#34d3991f;border:1px solid #34d39959;border-radius:12px;max-width:820px;margin:0 auto 14px;padding:12px 16px;font-size:.88rem}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);background:#05081499;place-items:center;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{border:1px solid var(--panel-border);background:#151935;border-radius:18px;width:min(440px,100vw - 40px);padding:24px;animation:.25s cubic-bezier(.22,1,.36,1) pop-in;box-shadow:0 24px 80px -20px #000000b3}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-head h3{font-size:1.15rem}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1rem}.modal-close:hover{color:var(--text);background:#ffffff14}.modal-desc{color:var(--text-muted);margin-bottom:18px;font-size:.88rem}.modal-form{flex-direction:column;gap:14px;display:flex}.field label{color:var(--text-muted);margin-bottom:8px;font-size:.84rem;display:block}.field input{border:1px solid var(--panel-border);width:100%;color:var(--text);background:#ffffff0d;border-radius:12px;outline:none;padding:11px 14px;font-family:inherit;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f126}.contact-type-row{gap:8px;margin-bottom:8px;display:flex}.contact-type-btn{border:1px solid var(--panel-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:9px 0;font-size:.86rem;transition:all .2s}.contact-type-btn.active{color:#c7d2fe;background:#6366f133;border-color:#6366f180}.form-error{color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e59;border-radius:10px;padding:10px 14px;font-size:.86rem}.modal-actions{justify-content:flex-end;gap:12px;margin-top:6px;display:flex}.modal-wide{width:min(620px,100vw - 40px)}.kb-import{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.kb-import-row{gap:10px;display:flex}.kb-filename{border:1px solid var(--panel-border);color:var(--text);background:#ffffff0d;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:.9rem}.kb-filename:focus{border-color:#6366f199}.kb-textarea{border:1px solid var(--panel-border);width:100%;min-height:120px;color:var(--text);resize:vertical;background:#ffffff0d;border-radius:12px;outline:none;padding:12px 14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;line-height:1.6}.kb-textarea:focus{border-color:#6366f199}.kb-import-actions{justify-content:flex-end;display:flex}.kb-notice,.kb-error{margin:0 0 12px}.kb-list{border-top:1px solid var(--panel-border);flex-direction:column;gap:8px;max-height:38vh;padding-top:14px;display:flex;overflow-y:auto}.kb-list-head{color:var(--text-muted);justify-content:space-between;padding:0 4px;font-size:.82rem;display:flex}.kb-loading{color:var(--cyan)}.kb-empty{color:var(--text-muted);text-align:center;border:1px dashed var(--panel-border);border-radius:12px;padding:14px;font-size:.86rem}.kb-doc{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.kb-doc-info{flex-direction:column;min-width:0;display:flex}.kb-doc-name{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.kb-doc-meta{color:var(--text-muted);font-size:.76rem}.kb-doc-actions{flex-shrink:0;gap:8px;display:flex}.btn-danger{color:#fda4af;background:#f43f5e24;border:1px solid #f43f5e66}.btn-danger:hover{background:#f43f5e38}.app-loading,.auth-page{place-items:center;min-height:100%;display:grid}.app-loading{color:var(--text-muted)}.auth-card{border:1px solid var(--panel-border);text-align:center;background:#151935f0;border-radius:22px;width:min(420px,100vw - 32px);padding:34px;box-shadow:0 28px 90px -32px #000000e6}.auth-logo{background:var(--grad);border-radius:18px;place-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:1.8rem;display:grid}.auth-card h1{font-size:1.45rem}.auth-subtitle{color:var(--text-muted);margin:7px 0 22px;font-size:.9rem}.auth-tabs{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:12px;margin-bottom:20px;padding:4px;display:flex}.auth-tabs button{color:var(--text-muted);background:0 0;border:0;border-radius:9px;flex:1;padding:9px}.auth-tabs button.active{background:var(--grad);color:#fff}.auth-form{text-align:left;flex-direction:column;gap:15px;display:flex}.auth-form label{color:var(--text-muted);font-size:.84rem}.auth-form input{border:1px solid var(--panel-border);width:100%;color:var(--text);background:#ffffff0d;border-radius:12px;outline:none;margin-top:7px;padding:12px 14px}.auth-form input:focus{border-color:#6366f1b3;box-shadow:0 0 0 3px #6366f126}.auth-note{color:#a5b4fc;font-size:.8rem;line-height:1.5}.auth-notice{margin:0}.auth-submit{justify-content:center;width:100%;margin-top:2px}.user-admin-list{flex-direction:column;gap:9px;max-height:55vh;margin-top:14px;display:flex;overflow-y:auto}.user-admin-row{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.user-admin-name{font-weight:600}.user-admin-meta{color:var(--text-muted);margin-top:3px;font-size:.78rem}.user-status.pending{color:#fbbf24}.user-status.approved{color:#6ee7b7}.user-status.rejected{color:#fda4af}.user-admin-actions{gap:8px;display:flex}.kb-detail-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.kb-detail-name{color:var(--text);font-size:.95rem;font-weight:600}.kb-content{border:1px solid var(--panel-border);white-space:pre-wrap;word-break:break-word;max-height:55vh;color:var(--text);background:#00000040;border-radius:12px;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.84rem;line-height:1.65;overflow-y:auto}.kb-tabs{border:1px solid var(--panel-border);background:#ffffff0d;border-radius:12px;gap:6px;margin-bottom:14px;padding:4px;display:flex}.kb-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 0;font-size:.9rem;transition:all .2s}.kb-tab.active{color:#c7d2fe;background:#6366f138}.kb-tab:hover:not(.active){color:var(--text)}.kb-search{flex-direction:column;gap:12px;display:flex}.kb-search-row{gap:10px;display:flex}.kb-search-select{border:1px solid var(--panel-border);color:var(--text);background:#ffffff0d;border-radius:12px;outline:none;flex-shrink:0;padding:10px 12px;font-family:inherit;font-size:.88rem}.kb-search-select:focus,.kb-search-input:focus{border-color:#6366f199}.kb-search-input{border:1px solid var(--panel-border);min-width:0;color:var(--text);background:#ffffff0d;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:.9rem}.kb-search-meta{color:var(--text-muted);font-size:.8rem}.kb-search-results{flex-direction:column;gap:10px;max-height:46vh;display:flex;overflow-y:auto}.kb-hit{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:12px;padding:12px 14px}.kb-hit-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.kb-hit-src{color:var(--cyan);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.kb-hit-score{color:var(--text-muted);flex-shrink:0;font-size:.74rem}.kb-hit-content{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:.86rem;line-height:1.7}.kb-hit-content mark{color:#fcd34d;background:#f59e0b59;border-radius:3px;padding:0 2px}