@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0A0E17;--bg2:#111827;--bg3:#1A2235;--bg4:#1F2A3F;--bdr:#253047;--bdr2:#2A3654;--t1:#F1F5F9;--t2:#94A3B8;--tm:#64748B;--acc:#3B82F6;--acc2:rgba(59,130,246,.12);--grn:#10B981;--grn2:rgba(16,185,129,.12);--org:#F59E0B;--org2:rgba(245,158,11,.12);--red:#EF4444;--red2:rgba(239,68,68,.12);--r:10px;--rs:6px;--f:"DM Sans",-apple-system,sans-serif;--m:"JetBrains Mono",monospace}body,#root{font-family:var(--f);background:var(--bg);color:var(--t1);height:100vh;overflow:hidden}.app{display:flex;height:100vh}.sb{width:250px;background:var(--bg2);border-right:1px solid var(--bdr);display:flex;flex-direction:column;flex-shrink:0}.sb-hd{padding:20px 16px 16px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;gap:12px}.sb-logo{width:48px;height:48px;border-radius:10px;object-fit:contain}.sb-brand h2{font-size:22px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sb-brand span{font-size:12px;color:var(--tm);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.sb-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sb-sec{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--tm);padding:14px 12px 6px}.ni{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--rs);cursor:pointer;font-size:14px;color:var(--t2);transition:all .15s;font-weight:400}.ni:hover{background:var(--bg3);color:var(--t1)}.ni.act{background:var(--acc2);color:var(--acc);font-weight:500}.ni .bg{margin-left:auto;background:var(--acc);color:#fff;font-size:10px;font-weight:600;padding:1px 7px;border-radius:10px;font-family:var(--m)}.sb-ft{padding:12px 16px;border-top:1px solid var(--bdr);text-align:center}.sb-ft span{font-size:10px;color:var(--tm);letter-spacing:.03em}.sb-ft a{color:var(--acc);text-decoration:none;font-weight:600}.mn{flex:1;display:flex;flex-direction:column;overflow:hidden}.tb{height:60px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between;padding:0 28px;flex-shrink:0}.tb h1{font-size:18px;font-weight:700;letter-spacing:-.02em}.tb-act{display:flex;gap:8px;align-items:center}.vt{display:flex;background:var(--bg3);border-radius:var(--rs);padding:2px;border:1px solid var(--bdr)}.vt button{padding:6px 16px;border:none;background:none;color:var(--tm);font-size:13px;font-weight:500;cursor:pointer;border-radius:4px;font-family:var(--f);transition:all .15s}.vt button.act{background:var(--acc);color:#fff}.btn{padding:8px 16px;border-radius:var(--rs);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--f);transition:all .15s;border:none;display:flex;align-items:center;gap:6px}.btn-p{background:var(--acc);color:#fff}.btn-p:hover{background:#2563eb}.btn-g{background:transparent;color:var(--t2);border:1px solid var(--bdr)}.btn-g:hover{background:var(--bg3);color:var(--t1)}.btn-s{background:var(--grn);color:#fff}.btn-s:hover{opacity:.9}.btn-d{background:var(--red2);color:var(--red)}.btn-d:hover{background:#ef444433}.btn-sm{padding:5px 10px;font-size:12px}.ca{flex:1;overflow-y:auto;padding:28px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.dash-card{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r);padding:20px;cursor:pointer;transition:all .2s}.dash-card:hover{border-color:var(--acc);transform:translateY(-1px)}.dash-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dash-card-top span{font-size:14px;color:var(--t2);font-weight:500}.dash-card .val{font-size:32px;font-weight:700;font-family:var(--m);letter-spacing:-.03em}.dash-card .sub{font-size:12px;color:var(--tm);margin-top:2px}.dash-sections{display:grid;grid-template-columns:1fr 1.6fr;gap:16px}.dash-box{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r);padding:20px}.dash-box h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--t2);margin-bottom:16px}.agent-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bdr)}.agent-row:last-child{border:none}.agent-av{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px}.agent-row .info{flex:1}.agent-row .info h4{font-size:14px;font-weight:500}.agent-row .info span{font-size:12px;color:var(--tm)}.agent-dot{width:8px;height:8px;border-radius:50%;background:var(--grn)}.conv-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bdr);cursor:pointer;transition:background .1s}.conv-row:hover{background:var(--bg3);margin:0 -12px;padding:10px 12px;border-radius:var(--rs)}.conv-row:last-child{border:none}.conv-row .av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:13px;background:var(--bg4);flex-shrink:0}.conv-row .body{flex:1;min-width:0}.conv-row .body h4{font-size:13px;font-weight:500}.conv-row .body p{font-size:12px;color:var(--tm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.conv-row .dt{font-size:11px;color:var(--tm);font-family:var(--m);white-space:nowrap}.cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.cc{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r);padding:20px;cursor:pointer;transition:all .2s}.cc:hover{border-color:var(--acc);transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}.cc-hd{display:flex;align-items:center;gap:12px;margin-bottom:16px}.cc-av{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;flex-shrink:0}.cc-hd .inf h3{font-size:15px;font-weight:600}.cc-hd .inf span{font-size:12px;color:var(--tm)}.pb{margin-left:auto;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.pb-b{background:var(--acc2);color:var(--acc)}.pb-s{background:var(--org2);color:var(--org)}.pb-e{background:var(--grn2);color:var(--grn)}.cc-st{display:flex;gap:20px;margin-bottom:14px}.cc-st .st{display:flex;flex-direction:column}.cc-st .sv{font-size:20px;font-weight:700;font-family:var(--m);letter-spacing:-.02em}.cc-st .sl{font-size:11px;color:var(--tm);margin-top:1px}.ct{display:flex;gap:6px;flex-wrap:wrap}.ctg{font-size:11px;padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;background:var(--bg3);color:var(--t2);border:1px solid var(--bdr)}.ctd{width:6px;height:6px;border-radius:50%}.cm-tabs{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap}.cm-tab{padding:10px 18px;border-radius:var(--rs);font-size:13px;font-weight:500;cursor:pointer;color:var(--t2);background:var(--bg3);border:1px solid var(--bdr);transition:all .15s;font-family:var(--f);display:flex;align-items:center;gap:6px}.cm-tab:hover{border-color:var(--acc)}.cm-tab.act{background:var(--acc);color:#fff;border-color:var(--acc)}.cm-tab .dot{width:8px;height:8px;border-radius:50%}.fg{margin-bottom:18px}.fl{display:block;font-size:13px;font-weight:500;color:var(--t2);margin-bottom:6px}.fi{width:100%;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--rs);padding:10px 14px;font-size:14px;color:var(--t1);font-family:var(--f);outline:none}.fi:focus{border-color:var(--acc)}.fi::placeholder{color:var(--tm)}textarea.fi{min-height:200px;resize:vertical;font-family:var(--m);font-size:12px;line-height:1.6}.kb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kb-stat{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r);padding:18px 20px}.kb-stat .label{font-size:13px;color:var(--t2);margin-bottom:6px}.kb-stat .val{font-size:28px;font-weight:700;font-family:var(--m);color:var(--t1)}.kb-table{width:100%;border-collapse:collapse}.kb-table th{text-align:left;font-size:12px;font-weight:600;color:var(--tm);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--bdr)}.kb-table td{padding:12px;border-bottom:1px solid var(--bdr);font-size:13px;vertical-align:middle}.kb-table tr:hover{background:var(--bg3)}.kb-fname{font-weight:500}.kb-url{font-size:11px;color:var(--tm);display:block;margin-top:2px}.kb-type{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;background:var(--acc2);color:var(--acc)}.kb-status{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--grn)}.kb-status .dot{width:6px;height:6px;border-radius:50%;background:var(--grn)}.kb-act{display:flex;gap:8px}.kb-act button{background:none;border:none;color:var(--tm);cursor:pointer;font-size:12px;font-family:var(--f);transition:color .15s}.kb-act button:hover{color:var(--t1)}.kb-act button.del:hover{color:var(--red)}.inb{display:flex;flex:1;overflow:hidden}.cl{width:370px;border-right:1px solid var(--bdr);display:flex;flex-direction:column;flex-shrink:0}.cl-hd{padding:12px 16px;border-bottom:1px solid var(--bdr);display:flex;gap:8px;align-items:center}.sw{position:relative;flex:1}.sw svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--tm)}.si{flex:1;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--rs);padding:8px 10px 8px 32px;font-size:13px;color:var(--t1);font-family:var(--f);outline:none;width:100%}.si:focus{border-color:var(--acc)}.ci{flex:1;overflow-y:auto}.co{display:flex;gap:10px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--bdr);transition:background .12s}.co:hover{background:var(--bg3)}.co.act{background:var(--acc2)}.co-av{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff;flex-shrink:0;position:relative}.co-ch{position:absolute;bottom:-3px;right:-3px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid var(--bg2);overflow:hidden;background:#fff}.co-bd{flex:1;min-width:0}.co-top{display:flex;justify-content:space-between;align-items:center}.co-nm{font-size:15px;font-weight:600}.co-tm{font-size:11px;color:var(--tm);font-family:var(--m)}.co-mg{font-size:12px;color:var(--tm);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-mt{display:flex;align-items:center;gap:6px;margin-top:4px}.ub{background:var(--acc);color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:8px;font-family:var(--m)}.clb{font-size:10px;color:var(--tm);background:var(--bg4);padding:1px 6px;border-radius:3px}.ft{display:flex;gap:4px;padding:8px 16px;border-bottom:1px solid var(--bdr);flex-wrap:wrap}.ftb{padding:5px 10px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;color:var(--tm);border:none;background:none;font-family:var(--f)}.ftb:hover{color:var(--t2)}.ftb.act{background:var(--bg4);color:var(--t1)}.cp{flex:1;display:flex;flex-direction:column}.ch{height:60px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;padding:0 20px;gap:12px}.ch .ci-h3{font-size:17px;font-weight:700}.ch .ci-sp{font-size:11px;color:var(--tm);display:flex;align-items:center;gap:4px}.cms{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:6px}.mb{max-width:65%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5}.mb.ct2{background:var(--bg3);border:1px solid var(--bdr);align-self:flex-start;border-bottom-left-radius:4px}.mb.ag{background:var(--acc);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.mt2{font-size:10px;color:var(--tm);margin-top:4px;font-family:var(--m)}.cia{padding:8px 12px;border-top:none;display:flex;gap:8px;align-items:center}.cii{flex:1;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r);padding:11px 14px;font-size:14px;color:var(--t1);font-family:var(--f);outline:none}.cii:focus{border-color:var(--acc)}.sbb{width:40px;height:40px;border-radius:var(--rs);background:var(--acc);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.sbb:hover{background:#2563eb}.es{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--tm);gap:8px}.es svg{opacity:.3}.es p{font-size:14px}.cng{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.cnc{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r);overflow:hidden;transition:all .2s}.cnc:hover{border-color:var(--bdr2);box-shadow:0 4px 20px #0003}.cnc-t{padding:20px 20px 16px;display:flex;align-items:flex-start;gap:14px}.cnc-i{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.cnc-inf{flex:1;min-width:0}.cnc-inf h3{font-size:15px;font-weight:600;margin-bottom:4px}.cnc-inf p{font-size:12px;color:var(--tm);line-height:1.5}.cnc-st{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;flex-shrink:0;white-space:nowrap}.cnc-st.on{background:var(--grn2);color:var(--grn)}.cnc-st.off{background:var(--bg3);color:var(--tm)}.cnc-b{padding:12px 20px;border-top:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between;background:#00000026}.cnc-ai{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tm)}.cnc-ai .dot{width:6px;height:6px;border-radius:50%}.mo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.md{background:var(--bg2);border:1px solid var(--bdr);border-radius:14px;width:500px;max-height:90vh;overflow-y:auto}.md-h{padding:20px 24px 16px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between}.md-h h2{font-size:17px;font-weight:600;display:flex;align-items:center;gap:10px}.md-c{background:none;border:none;color:var(--tm);cursor:pointer;padding:4px;border-radius:4px;display:flex}.md-c:hover{background:var(--bg3);color:var(--t1)}.md-b{padding:20px 24px}.md-f{padding:16px 24px;border-top:1px solid var(--bdr);display:flex;justify-content:flex-end;gap:8px}.ds{display:flex;gap:8px;margin-bottom:20px}.dsi{flex:1;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:var(--rs);font-size:11px;font-weight:500;background:var(--bg3);color:var(--tm);border:1px solid var(--bdr)}.dsi.act{border-color:var(--acc);color:var(--acc);background:var(--acc2)}.dsi.dn{border-color:var(--grn);color:var(--grn);background:var(--grn2)}.dsn{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:var(--bg4);font-family:var(--m)}.dsi.act .dsn{background:var(--acc);color:#fff}.dsi.dn .dsn{background:var(--grn);color:#fff}.asl{display:flex;flex-direction:column;gap:8px}.asi{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--rs);border:1px solid var(--bdr);background:var(--bg3);cursor:pointer;transition:all .15s}.asi:hover{border-color:var(--acc)}.asi.sel{border-color:var(--acc);background:var(--acc2)}.asi .ai2{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--acc2)}.asi .ad h4{font-size:14px;font-weight:500}.asi .ad span{font-size:11px;color:var(--tm)}.ar{width:18px;height:18px;border-radius:50%;border:2px solid var(--bdr);margin-left:auto;display:flex;align-items:center;justify-content:center}.asi.sel .ar{border-color:var(--acc);background:var(--acc)}.sst{text-align:center;padding:20px 0}.sst .si2{width:56px;height:56px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:28px}.sst h3{font-size:17px;font-weight:600;margin-bottom:6px}.sst p{font-size:13px;color:var(--tm);line-height:1.5}.pg-wrap{display:flex;gap:20px;height:100%}.pg-config{width:320px;background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r);padding:20px;flex-shrink:0;overflow-y:auto}.pg-config h3{font-size:14px;font-weight:600;margin-bottom:16px}.pg-chat{flex:1;display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r);overflow:hidden}.pg-header{padding:14px 20px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between}.pg-header h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.pg-msgs{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:8px}.pg-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--tm);font-size:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai{animation:fadeUp .3s ease both}.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bdr);border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}