*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b141a;--bg2:#111b21;--bg3:#1f2c33;--bg4:#233138;--chat-bg:#0b141a;--user-msg:#005c4b;--user-msg2:#025144;--bot-msg:#1f2c33;--sys:#182229;--brd:#2a3942;--brd2:#3b4a54;--t1:#e9edef;--t2:#8696a0;--t3:#667781;--accent:#00a884;--accent2:#25d366;--accent3:#00a88426;--teal:#008069;--teal2:#00a884;--red:#ea0038;--red2:#ea00381f;--blue:#53bdeb;--r:8px;--r2:10px}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--t1);flex-direction:column;font-family:Inter,system-ui,sans-serif;display:flex}.header{background:var(--bg2);border-bottom:1px solid var(--brd);z-index:100;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.header-avatar{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.header-info{flex:1}.header-info h1{color:var(--t1);letter-spacing:-.2px;font-size:15px;font-weight:700}.header-status{color:var(--t2);align-items:center;gap:5px;margin-top:1px;font-size:11px;display:flex}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.online{background:var(--accent2)}.status-dot.offline{background:var(--t3)}.status-dot.loading{background:#f59e0b;animation:1.2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.header-actions{gap:4px;display:flex}.icon-btn{width:36px;height:36px;color:var(--t2);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;font-size:16px;transition:background .15s;display:grid}.icon-btn:hover{background:var(--bg3)}.icon-btn:active{transform:scale(.92)}.config-overlay{z-index:200;backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.config-overlay.open{display:flex}.config-modal{background:var(--bg2);border:1px solid var(--brd);border-radius:16px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.config-header{border-bottom:1px solid var(--brd);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.config-header h2{font-size:16px;font-weight:700}.config-body{padding:20px 24px}.field{margin-bottom:16px}.field label{text-transform:uppercase;letter-spacing:1.5px;color:var(--t3);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.field input,.field select{background:var(--bg);border:1px solid var(--brd);border-radius:var(--r);width:100%;color:var(--t1);outline:0;padding:10px 14px;font:13px/1.3 Inter,sans-serif;transition:border .15s}.field input:focus,.field select:focus{border-color:var(--accent)}.field input::placeholder{color:var(--t3)}.field-row{gap:12px;display:flex}.field-row .field{flex:1}.config-footer{border-top:1px solid var(--brd);justify-content:flex-end;gap:8px;padding:16px 24px 20px;display:flex}.btn{border-radius:var(--r);cursor:pointer;border:none;padding:10px 20px;font:600 13px/1 Inter,sans-serif;transition:all .15s}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}.btn-ghost{color:var(--t2);border:1px solid var(--brd);background:0 0}.btn-ghost:hover{border-color:var(--brd2);color:var(--t1)}.presets-bar{background:var(--bg2);border-bottom:1px solid var(--brd);flex-shrink:0;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.presets-bar::-webkit-scrollbar{height:0}.preset-chip{cursor:pointer;border:1px solid var(--brd);background:var(--bg);color:var(--t2);white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font:500 11px/1 Inter,sans-serif;transition:all .15s;display:flex}.preset-chip:hover{border-color:var(--accent);color:var(--accent)}.preset-chip.active{background:var(--accent3);border-color:var(--accent);color:var(--accent)}.preset-chip .remove{opacity:.5;cursor:pointer;font-size:14px;line-height:1}.preset-chip .remove:hover{opacity:1;color:var(--red)}.chat-area{background:var(--chat-bg);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-direction:column;flex:1;gap:4px;padding:16px 60px;display:flex;overflow-y:auto}.chat-area::-webkit-scrollbar{width:5px}.chat-area::-webkit-scrollbar-thumb{background:var(--brd);border-radius:10px}.msg{border-radius:var(--r);word-break:break-word;max-width:65%;padding:8px 12px 6px;font-size:13.5px;line-height:1.5;animation:.2s msgIn;position:relative}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.msg-user{background:var(--user-msg);color:var(--t1);border-top-right-radius:2px;align-self:flex-end}.msg-bot{background:var(--bot-msg);color:var(--t1);border:1px solid #ffffff0a;border-top-left-radius:2px;align-self:flex-start}.msg-sys{background:var(--sys);color:var(--t2);text-align:center;border-radius:6px;align-self:center;max-width:85%;margin:8px 0;padding:5px 14px;font-size:11px}.msg-err{background:var(--red2);color:var(--red);border-radius:var(--r);border:1px solid #ea003826;align-self:center;max-width:85%;padding:8px 14px;font-size:11.5px}.msg a{color:var(--blue);text-decoration:none}.msg a:hover{text-decoration:underline}.msg-time{color:#ffffff73;text-align:right;justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;font-size:10px;display:flex}.msg-bot .msg-time{color:var(--t3)}.msg-time .check{color:var(--blue);font-size:11px}.msg-media{border-radius:6px;margin:4px -4px;overflow:hidden}.msg-media img{object-fit:cover;cursor:pointer;border-radius:6px;width:100%;max-width:280px;max-height:260px;transition:opacity .15s;display:block}.msg-media img:hover{opacity:.9}.msg-media video{border-radius:6px;outline:none;width:100%;max-width:300px;max-height:240px;display:block}.msg-media audio{width:240px;height:36px;margin:4px 0;display:block}.msg-media .file-badge{color:var(--t2);background:#0003;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.msg-media .file-badge .file-icon{flex-shrink:0;font-size:28px}.msg-media .file-badge .file-info{overflow:hidden}.msg-media .file-badge .file-name{color:var(--t1);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.msg-media .file-size{color:var(--t3);margin-top:2px;font-size:10px}.typing-indicator{background:var(--bot-msg);border-radius:var(--r);border:1px solid #ffffff0a;border-top-left-radius:2px;align-self:flex-start;gap:4px;padding:14px 18px;display:flex}.typing-indicator span{background:var(--t3);border-radius:50%;width:7px;height:7px;animation:1.4s infinite tdot}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes tdot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.empty-state .icon{opacity:.5;font-size:64px}.empty-state h2{color:var(--t2);font-size:18px;font-weight:600}.empty-state p{color:var(--t3);max-width:400px;font-size:13px;line-height:1.6}.attach-bar{background:var(--bg3);border-top:1px solid var(--brd);flex-shrink:0;align-items:center;gap:10px;padding:8px 12px;animation:.15s msgIn;display:none}.attach-bar.show{display:flex}.attach-thumb{flex-shrink:0;position:relative}.attach-thumb img,.attach-thumb video{object-fit:cover;border:1px solid var(--brd);border-radius:6px;width:56px;height:56px}.attach-thumb .audio-icon{background:var(--accent3);border:1px solid var(--accent);border-radius:6px;place-items:center;width:56px;height:56px;font-size:24px;display:grid}.attach-thumb .file-icon-preview{background:var(--bg);border:1px solid var(--brd);border-radius:6px;place-items:center;width:56px;height:56px;font-size:24px;display:grid}.attach-info{flex:1;overflow:hidden}.attach-info .name{color:var(--t1);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.attach-info .meta{color:var(--t3);margin-top:2px;font-size:10px}.attach-close{width:28px;height:28px;color:var(--t2);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;transition:all .15s;display:grid}.attach-close:hover{background:var(--red2);color:var(--red)}.recording-bar{background:var(--bg3);border-top:1px solid var(--brd);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;animation:.15s msgIn;display:none}.recording-bar.show{display:flex}.rec-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.8s infinite blink}.rec-timer{color:var(--t1);font-variant-numeric:tabular-nums;min-width:48px;font-size:14px;font-weight:600}.rec-wave{flex:1;align-items:center;gap:2px;height:28px;display:flex;overflow:hidden}.rec-wave span{background:var(--accent);border-radius:2px;width:3px;transition:height .1s}.rec-cancel{border:1px solid var(--brd);color:var(--t2);cursor:pointer;background:0 0;border-radius:20px;padding:8px 16px;font:500 12px/1 Inter,sans-serif;transition:all .15s}.rec-cancel:hover{border-color:var(--red);color:var(--red);background:var(--red2)}.rec-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;transition:all .15s;display:grid}.rec-send:hover{background:var(--accent2);transform:scale(1.05)}.input-bar{background:var(--bg2);border-top:1px solid var(--brd);flex-shrink:0;align-items:flex-end;gap:6px;padding:8px 10px;display:flex}.input-wrap{background:var(--bg);border:1px solid var(--brd);border-radius:var(--r);flex:1;align-items:flex-end;padding:4px 4px 4px 8px;transition:border-color .15s;display:flex}.input-wrap:focus-within{border-color:var(--brd2)}.input-wrap textarea{color:var(--t1);resize:none;background:0 0;border:none;outline:0;flex:1;min-height:24px;max-height:100px;padding:6px 4px;font:13.5px/1.4 Inter,sans-serif}.input-wrap textarea::placeholder{color:var(--t3)}.input-icon{width:34px;height:34px;color:var(--t2);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:17px;transition:color .15s;display:grid}.input-icon:hover{color:var(--t1)}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;transition:all .15s;display:grid}.send-btn:hover{background:var(--accent2);transform:scale(1.05)}.send-btn:active{transform:scale(.95)}.send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.img-viewer{z-index:300;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.img-viewer.open{display:flex}.img-viewer img{object-fit:contain;border-radius:4px;max-width:90vw;max-height:90vh}.history-overlay{z-index:200;backdrop-filter:blur(3px);background:#00000080;display:none;position:fixed;inset:0}.history-overlay.open{display:block}.history-drawer{background:var(--bg2);border-right:1px solid var(--brd);z-index:201;flex-direction:column;width:320px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.history-overlay.open .history-drawer{transform:translate(0)}.hist-header{border-bottom:1px solid var(--brd);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.hist-header h2{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.hist-list{flex:1;padding:8px;overflow-y:auto}.hist-list::-webkit-scrollbar{width:4px}.hist-list::-webkit-scrollbar-thumb{background:var(--brd);border-radius:10px}.hist-item{border-radius:var(--r);cursor:pointer;align-items:center;gap:10px;margin-bottom:2px;padding:12px 14px;transition:background .12s;display:flex}.hist-item:hover{background:var(--bg3)}.hist-item.active{background:var(--accent3);border:1px solid #00a88433}.hist-item-avatar{background:var(--bg3);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.hist-item-info{flex:1;overflow:hidden}.hist-item-name{color:var(--t1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.hist-item-preview{color:var(--t3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.hist-item-meta{text-align:right;flex-shrink:0}.hist-item-date{color:var(--t3);font-size:10px}.hist-item-count{color:var(--accent);background:var(--accent3);border-radius:10px;margin-top:4px;padding:2px 6px;font-size:9px;display:inline-block}.hist-item-del{width:24px;height:24px;color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;transition:all .12s;display:none}.hist-item:hover .hist-item-del{display:grid}.hist-item-del:hover{background:var(--red2);color:var(--red)}.hist-empty{text-align:center;color:var(--t3);padding:40px 20px;font-size:13px}.hist-footer{border-top:1px solid var(--brd);gap:6px;padding:12px 16px;display:flex}.hist-footer .btn{text-align:center;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:11px;display:flex}.loc-card{color:inherit;background:#0003;border:1px solid #ffffff0f;border-radius:6px;width:260px;text-decoration:none;display:block;overflow:hidden}.loc-card:hover .loc-name{color:var(--blue)}.loc-map{background:var(--bg3);height:130px;position:relative}.loc-map iframe{pointer-events:none;filter:saturate(.85);border:0;width:100%;height:100%}.loc-map .loc-pin{text-shadow:0 2px 6px #00000080;pointer-events:none;font-size:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-90%)}.loc-info{padding:8px 10px}.loc-name{color:var(--t1);font-size:12.5px;font-weight:600;transition:color .15s}.loc-coords{color:var(--t2);font-variant-numeric:tabular-nums;margin-top:2px;font-size:10.5px}.loc-status{color:var(--t2);min-height:16px;margin:-6px 0 14px;font-size:11.5px}.loc-geo-btn{justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:14px;display:flex}.bots-list{max-height:52vh;padding:12px 16px;overflow-y:auto}.bots-list::-webkit-scrollbar{width:4px}.bots-list::-webkit-scrollbar-thumb{background:var(--brd);border-radius:10px}.bot-item{border:1px solid var(--brd);border-radius:var(--r2);background:var(--bg);align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;transition:border-color .15s;display:flex}.bot-item:hover{border-color:var(--brd2)}.bot-item.active{border-color:var(--accent);background:var(--accent3)}.bot-avatar{background:var(--bg3);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.bot-info{flex:1;overflow:hidden}.bot-name{color:var(--t1);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.bot-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:var(--accent3);border:1px solid #00a8844d;border-radius:8px;padding:2px 6px;font-size:8.5px;font-weight:700}.bot-url{color:var(--t3);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10.5px;overflow:hidden}.bot-meta{color:var(--t2);margin-top:2px;font-size:10px}.bot-actions{flex-shrink:0;gap:0;display:flex}.bot-actions .icon-btn{width:30px;height:30px;font-size:13px}.bots-status{color:var(--t2);min-height:18px;padding:0 24px 4px;font-size:11.5px}.test-result{color:var(--t2);flex:1;align-self:center;font-size:11.5px}.login-overlay{background:var(--bg);z-index:500;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.login-overlay.open{display:flex}.login-card{background:var(--bg2);border:1px solid var(--brd);text-align:center;border-radius:16px;flex-direction:column;gap:12px;width:90%;max-width:360px;padding:36px 32px;display:flex;box-shadow:0 20px 60px #00000080}.login-card .login-logo{font-size:48px}.login-card h2{letter-spacing:-.3px;font-size:20px;font-weight:800}.login-card p{color:var(--t3);margin-bottom:8px;font-size:12px}.login-card input{background:var(--bg);border:1px solid var(--brd);border-radius:var(--r);color:var(--t1);outline:0;padding:12px 14px;font:13px Inter,sans-serif;transition:border .15s}.login-card input:focus{border-color:var(--accent)}.login-card .btn{margin-top:4px;padding:12px;font-size:14px}.login-error{color:var(--red);min-height:16px;font-size:11.5px}.user-create{flex-wrap:wrap;gap:6px;padding:14px 16px 4px;display:flex}.user-create input{background:var(--bg);border:1px solid var(--brd);border-radius:var(--r);min-width:110px;color:var(--t1);outline:0;flex:1;padding:9px 12px;font:12px Inter,sans-serif}.user-create input:focus{border-color:var(--accent)}.user-role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:2px 6px;font-size:8.5px;font-weight:700}.user-role-badge.admin{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b4d}.user-role-badge.client{color:var(--blue);background:#53bdeb1a;border:1px solid #53bdeb40}.user-inactive{opacity:.45}.hv-row{border-bottom:1px solid #ffffff0a;align-items:baseline;gap:8px;padding:7px 10px;font-size:12px;display:flex}.hv-time{color:var(--t3);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;width:96px;font-size:10px}.hv-dir{text-align:center;flex-shrink:0;width:16px}.hv-bot{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:80px;font-size:10px;overflow:hidden}.hv-content{color:var(--t1);word-break:break-word;flex:1}.hv-row.err .hv-content{color:var(--red)}.hv-row.bot .hv-content{color:var(--t2)}.hv-thread{background:var(--chat-bg);border-radius:var(--r2);flex-direction:column;gap:4px;margin:0 4px;padding:14px;display:flex}.hv-thread .msg{animation:none}.hv-thread .msg-time{font-size:9.5px}.hv-back{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font:600 13px Inter,sans-serif}.hv-back:hover{background:var(--accent3)}.perm-row{border:1px solid var(--brd);border-radius:var(--r2);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s;display:flex}.perm-row:hover{border-color:var(--brd2)}.perm-row.on{border-color:var(--accent);background:var(--accent3)}.perm-row input{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.perm-row .perm-label{color:var(--t1);font-size:13px;font-weight:600}.perm-row .perm-desc{color:var(--t3);margin-top:2px;font-size:11px;line-height:1.4}@media (width<=768px){.chat-area{padding:12px}.msg{max-width:85%}.config-modal{width:95%;margin:12px}.msg-media img{max-width:220px}.msg-media video{max-width:240px}.history-drawer{width:85vw}.loc-card{width:230px}.loc-map{height:110px}.bot-actions .icon-btn{width:26px;height:26px;font-size:12px}}.msg{--actions-op:0}.msg:hover{--actions-op:1}.msg-actions{opacity:var(--actions-op);z-index:5;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:-10px;right:6px}.msg-bot .msg-actions{left:6px;right:auto}.msg-action{border:1px solid var(--brd);background:var(--bg2);width:22px;height:22px;color:var(--t2);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:11px;transition:all .15s;display:grid}.msg-action:hover{color:var(--t1);border-color:var(--brd2);transform:scale(1.1)}.msg-action.retry{color:#f59e0b;border-color:#f59e0b66}.msg-action.retry:hover{background:#f59e0b26}.msg-failed{outline:1px solid #ea003840}.check.pending{color:var(--t3)}.check.failed{color:#f59e0b}.file-link{color:inherit;text-decoration:none;display:block}.file-link:hover .file-name{color:var(--blue)}@media (hover:none){.msg{--actions-op:.85}}