:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edef;background:#0b141a;--bg:#0b141a;--panel:#111b21;--panel2:#202c33;--line:#24323a;--muted:#8696a0;--green:#00a884;--green2:#25d366;--danger:#ef5b64;--orange:#f2a93b;--text:#e9edef}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{width:100%;background:#0f1b21;border:1px solid #2b3941;color:var(--text);border-radius:12px;padding:12px 13px;outline:none}input:focus,textarea:focus,select:focus{border-color:#00a884;box-shadow:0 0 0 3px #00a88422}textarea{resize:vertical}select[multiple]{min-height:110px}.app{min-height:100vh;display:flex}.sidebar{width:264px;background:#0f181e;border-right:1px solid #1d2b33;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:50}.sideBrand{height:74px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #1d2b33}.sideBrand>div:nth-child(2){display:flex;flex-direction:column}.sideBrand strong{font-size:16px}.sideBrand span,.sideFoot span{font-size:11px;color:var(--muted);margin-top:2px}.brandMark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;box-shadow:0 12px 30px #00a88433}.brandMark.small{width:38px;height:38px;border-radius:12px}.sidebar nav{padding:16px 10px;display:flex;flex-direction:column;gap:4px;overflow:auto}.sidebar nav button{position:relative;display:flex;align-items:center;gap:12px;border:0;color:#aebac1;background:transparent;padding:12px 13px;border-radius:12px;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#17242b;color:#fff}.sidebar nav button.active:before{content:"";position:absolute;left:0;width:3px;height:22px;background:var(--green);border-radius:9px}.pulseDot{width:7px;height:7px;border-radius:50%;background:var(--green2);margin-left:auto;box-shadow:0 0 0 4px #25d36622}.sideFoot{margin-top:auto;padding:16px;border-top:1px solid #1d2b33;display:flex;align-items:center;gap:10px}.sideFoot>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.sideFoot strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#24424a;color:#cfe9e7;font-weight:800;flex:0 0 auto}.avatar.contact{background:#263940;color:#dbe6ea}.main{margin-left:264px;width:calc(100% - 264px);min-width:0}.topbar{height:74px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #1d2b33;background:#0d171d;position:sticky;top:0;z-index:40}.topbar>div:first-of-type{display:flex;flex-direction:column}.topbar h2{font-size:16px;margin:0}.topbar p{display:flex;align-items:center;gap:5px;margin:4px 0 0;font-size:11px;color:var(--muted)}.topActions{margin-left:auto;display:flex;align-items:center;gap:12px}.topUser{display:flex;align-items:center;gap:8px;font-size:13px}.pagePad{padding:24px}.pageTitle{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.pageTitle h1{font-size:25px;margin:0}.pageTitle p{color:var(--muted);margin:6px 0 0;font-size:13px}.hero{position:relative;overflow:hidden;border:1px solid #1f3438;background:radial-gradient(circle at 80% 0,#00a88422,transparent 35%),linear-gradient(135deg,#122229,#0e181e);border-radius:20px;padding:28px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.hero h1{font-size:27px;margin:11px 0 8px}.hero p{color:#aebac1;max-width:670px;margin:0}.heroOrb{width:94px;height:94px;border:1px solid #2f5552;background:#00a88412;border-radius:30px;display:grid;place-items:center;transform:rotate(8deg)}.heroOrb svg{width:42px;height:42px;color:#51d5b2}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.statCard{background:var(--panel);border:1px solid #1d2b33;border-radius:17px;padding:17px;display:flex;gap:14px;align-items:center}.statIcon{width:44px;height:44px;border-radius:13px;background:#00a88414;color:#52d4b2;display:grid;place-items:center}.statCard>div:last-child{display:flex;flex-direction:column}.statCard span,.statCard small{font-size:11px;color:var(--muted)}.statCard strong{font-size:28px;line-height:1.1;margin:2px 0 4px}.panel{background:var(--panel);border:1px solid #1d2b33;border-radius:18px}.panelHead{min-height:64px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1d2b33}.panelHead h3{margin:0;font-size:15px}.panelHead p{margin:4px 0 0;color:var(--muted);font-size:11px}.deptGrid{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.deptCard{border:1px solid #24323a;border-radius:14px;padding:15px;background:#0e181e}.deptTop{display:flex;gap:9px;align-items:center}.deptColor{width:11px;height:11px;border-radius:50%;display:inline-block;flex:0 0 auto}.deptNumbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.deptNumbers div{background:#121f25;padding:9px;border-radius:10px;display:flex;flex-direction:column}.deptNumbers b{font-size:18px}.deptNumbers span{font-size:10px;color:var(--muted)}.primary,.ghost,.iconBtn,.sendBtn,.mobileMenu,.backMobile,.mobileClose{border:0;color:var(--text)}.primary{background:var(--green);padding:10px 14px;border-radius:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary:hover{filter:brightness(1.08)}.primary.full{width:100%;padding:13px}.primary.mini,.ghost.mini{padding:7px 10px;font-size:12px;border-radius:9px}.ghost{background:#17242b;padding:9px 13px;border-radius:10px;display:inline-flex;align-items:center;gap:7px}.iconBtn,.mobileMenu,.backMobile,.mobileClose{width:38px;height:38px;border-radius:11px;background:transparent;display:grid;place-items:center}.iconBtn:hover,.backMobile:hover{background:#1c2a31}.primaryIcon{background:#00a884!important}.danger{color:#ff8c92}.badge{display:inline-flex;width:max-content;align-items:center;border:1px solid #3a4950;background:#26333a;color:#c3cdd1;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:800;letter-spacing:.04em}.badge.green{border-color:#1d765d;background:#123c34;color:#62d8b6}.badge.orange{border-color:#72501d;background:#3b2b14;color:#f3b959}.badge.red{border-color:#774044;background:#402126;color:#ff969b}.loading{height:70vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.segmented{display:flex;background:#111b21;border:1px solid #27343b;padding:4px;border-radius:12px}.segmented button,.chatTabs button{border:0;background:transparent;color:#98a8af;padding:8px 12px;border-radius:9px}.segmented button.active,.chatTabs button.active{background:#203139;color:#fff}.monitorGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.monitorCard{background:var(--panel);border:1px solid #1d2b33;border-radius:16px;padding:15px}.monitorHead{display:flex;align-items:center;gap:10px}.monitorHead>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.monitorHead strong{font-size:13px}.monitorHead span{font-size:10px;color:var(--muted)}.monitorHead .badge{margin-left:auto}.lastMsg{background:#0d171d;border-radius:10px;padding:10px;font-size:12px;color:#b7c2c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitorMeta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:10px}.monitorMeta span{display:flex;align-items:center;gap:4px}.chatPage{height:calc(100vh - 74px);display:grid;grid-template-columns:370px minmax(0,1fr);background:#0b141a}.chatList{border-right:1px solid #1d2b33;background:#0f181e;min-width:0}.chatListHead{height:61px;padding:10px;display:flex;gap:8px;border-bottom:1px solid #1d2b33}.searchBox{height:40px;flex:1;display:flex;align-items:center;gap:8px;background:#202c33;border-radius:10px;padding:0 12px;color:var(--muted)}.searchBox input{border:0;background:transparent;padding:0;box-shadow:none}.chatTabs{display:flex;overflow:auto;gap:3px;padding:8px 10px;border-bottom:1px solid #1d2b33}.chatTabs button{font-size:11px;white-space:nowrap}.conversationList{height:calc(100% - 112px);overflow:auto}.conversationItem{width:100%;border:0;border-bottom:1px solid #1b272e;background:transparent;color:var(--text);display:flex;gap:11px;padding:12px 10px;text-align:left}.conversationItem:hover,.conversationItem.selected{background:#18252c}.convBody{min-width:0;flex:1}.convBody>div:first-child{display:flex;justify-content:space-between;gap:8px}.convBody strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convBody time{color:var(--muted);font-size:10px}.convBody p{font-size:11px;color:#9dafb7;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convMeta{display:flex;align-items:center;gap:6px;font-size:9px;color:#74858d}.convMeta i{font-style:normal;margin-left:auto;background:var(--green);color:#fff;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.chatMain{min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 20%,#15232a99,transparent 30%),#0b141a}.chatMain.noSelect{align-items:center;justify-content:center}.chatWelcome{text-align:center;color:var(--muted)}.chatWelcome h2{color:#dfe6e9;margin-bottom:4px}.chatWelcome p{margin:0 0 6px}.chatWelcome span{font-size:11px}.welcomeIcon{margin:auto;width:74px;height:74px;border-radius:24px;background:#15272a;display:grid;place-items:center;color:#45c9aa}.welcomeIcon svg{width:34px;height:34px}.chatHeader{height:64px;background:#202c33;padding:8px 12px;display:flex;align-items:center;gap:10px}.chatPerson{display:flex;flex-direction:column;min-width:0}.chatPerson strong{font-size:13px}.chatPerson span{font-size:10px;color:#a0afb6}.chatHeadActions{margin-left:auto;display:flex;gap:7px;align-items:center}.transferSelect{width:auto;min-width:130px;padding:8px 10px;background:#18242a;font-size:11px}.messagesArea{flex:1;overflow:auto;padding:20px clamp(12px,5vw,70px);background-image:linear-gradient(#0b141ae8,#0b141ae8),radial-gradient(#203139 1px,transparent 1px);background-size:auto,18px 18px}.messageRow{display:flex;margin:4px 0}.messageRow.out{justify-content:flex-end}.bubble{position:relative;max-width:min(72%,620px);background:#202c33;border-radius:8px;padding:7px 8px 5px;box-shadow:0 1px 1px #0004}.out .bubble{background:#005c4b}.msgText{font-size:13px;white-space:pre-wrap;word-break:break-word;padding:1px 2px}.msgFoot{min-height:16px;display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#9db0b7;font-size:9px;margin-top:3px}.msgFoot button{border:0;background:transparent;color:inherit;padding:0;opacity:0}.bubble:hover .msgFoot button{opacity:1}.read{color:#53bdeb}.quoted{border-left:3px solid #53bdeb;background:#0002;padding:6px 8px;border-radius:5px;margin-bottom:6px;display:flex;flex-direction:column;font-size:10px}.quoted span{opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatImage,.chatVideo{display:block;max-width:360px;width:100%;max-height:350px;object-fit:contain;border-radius:7px}.bubble audio{max-width:280px}.docLink{text-decoration:none;color:var(--text);display:flex;align-items:center;gap:9px;background:#0002;padding:9px;border-radius:8px;min-width:250px}.docLink div{display:flex;flex-direction:column;flex:1}.docLink span{font-size:9px;color:#b7c4ca}.replyComposer{background:#18252c;border-top:1px solid #27343b;padding:8px 14px;display:flex;align-items:center;gap:9px}.replyComposer>div{display:flex;flex-direction:column;min-width:0;flex:1}.replyComposer b{font-size:10px;color:#62d8b6}.replyComposer span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replyComposer button{border:0;background:transparent;color:#aebac1}.composer{position:relative;background:#202c33;padding:8px 10px;display:flex;align-items:flex-end;gap:4px}.composer textarea{min-height:40px;max-height:110px;background:#2a3942;border:0;border-radius:10px;padding:10px 12px;resize:none}.sendBtn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green)}.recording{background:#5a2429;color:#ff8087}.emojiPicker{position:absolute;bottom:61px;left:10px;width:300px;background:#1d2b32;border:1px solid #314049;border-radius:14px;padding:10px;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;box-shadow:0 18px 50px #0007;z-index:20}.emojiPicker button{border:0;background:transparent;font-size:22px;padding:5px;border-radius:7px}.emojiPicker button:hover{background:#2a3941}.cardTable{padding:7px}.tableRow{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:0;border-bottom:1px solid #1d2b33;color:var(--text);padding:12px;text-align:left}.tableRow:last-child{border-bottom:0}.tableRow:hover{background:#152229;border-radius:10px}.grow{flex:1;min-width:0}.tableRow .grow{display:flex;flex-direction:column}.tableRow b{font-size:13px}.tableRow small{font-size:10px;color:var(--muted);margin-top:3px}.lastSeen{font-size:9px;color:var(--muted)}.filterWord{background:#332026;color:#ff949a;border:1px solid #5c3338;border-radius:9px;padding:7px 10px;font-family:monospace}.accountGrid{padding:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.accountCard{border:1px solid #24323a;background:#0e181e;border-radius:14px;padding:14px;display:flex;align-items:center;gap:11px;flex-wrap:wrap}.accountIcon{width:42px;height:42px;border-radius:12px;background:#123c34;color:#66dbb9;display:grid;place-items:center}.accountCard h3,.accountCard p{margin:0}.accountCard h3{font-size:14px}.accountCard p{font-size:12px;margin-top:2px}.accountCard .grow>span{font-size:10px;color:var(--muted)}.accountActions{width:100%;display:flex;gap:8px;padding-top:9px;border-top:1px solid #1e2b32}.botLayout{display:grid;grid-template-columns:290px 1fr;gap:14px}.botFlows{align-self:start}.flowItem{border:0;border-bottom:1px solid #1d2b33;width:100%;background:transparent;color:#d5dde0;padding:12px;display:flex;align-items:center;gap:10px;text-align:left}.flowItem.active,.flowItem:hover{background:#15262b}.flowItem>div{display:flex;flex-direction:column;flex:1}.flowItem b{font-size:12px}.flowItem span{font-size:9px;color:var(--muted)}.nodeList{padding:14px}.botNode{display:flex;gap:12px;position:relative;margin-bottom:12px}.botNode:not(:last-child):after{content:"";position:absolute;left:17px;top:36px;bottom:-14px;width:1px;background:#305048}.nodeIndex{width:35px;height:35px;border-radius:50%;background:#123c34;color:#6ddcbb;display:grid;place-items:center;font-weight:800;z-index:2}.nodeContent{flex:1;border:1px solid #26353c;background:#0e181e;border-radius:13px;padding:12px}.nodeHead{display:flex;justify-content:space-between;align-items:center}.nodeHead>div{display:flex;align-items:center;gap:8px}.nodeContent p{font-size:12px;line-height:1.5;color:#b7c4ca;white-space:pre-wrap}.optionsList{display:flex;flex-wrap:wrap;gap:6px}.optionsList span,.optionsList button{border:1px solid #2d4246;background:#14242a;color:#c7d4d8;padding:6px 8px;border-radius:8px;font-size:9px}.optionsList button{display:flex;align-items:center;gap:3px;color:#6eddbb}.modalBack{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:200;padding:14px}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#111b21;border:1px solid #2d3b43;border-radius:17px;box-shadow:0 30px 90px #000b}.modal.wide{width:min(760px,100%)}.modalHead{position:sticky;top:0;z-index:2;background:#111b21;padding:14px 16px;border-bottom:1px solid #26343b;display:flex;justify-content:space-between;align-items:center}.modalHead h3{margin:0;font-size:15px}.formGrid{padding:16px;display:grid;grid-template-columns:1fr;gap:12px}.formGrid.two{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:10px;color:#aab8be;font-weight:700}.formActions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.span2{grid-column:span 2}.switch{display:flex;align-items:center;gap:8px;font-size:11px;color:#bdc8cc}.switch input{display:none}.switch span{width:34px;height:19px;border-radius:99px;background:#39464d;position:relative}.switch span:after{content:"";position:absolute;width:15px;height:15px;top:2px;left:2px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{left:17px}.webhookHelp{background:#0b151a;border:1px dashed #31504d;padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:5px;font-size:10px;color:#aab9bf}.webhookHelp code{color:#6eddbb;word-break:break-all}.empty{padding:50px 20px;text-align:center;color:#71828a}.empty svg{width:36px;height:36px;opacity:.6}.empty p{font-size:12px}.empty.compact{padding:35px 15px}.toast{position:fixed;right:18px;bottom:18px;z-index:300;width:min(360px,calc(100vw - 36px));background:#1c2a31;border:1px solid #31424b;border-left:4px solid var(--green);border-radius:12px;padding:12px 14px;box-shadow:0 20px 70px #000b;display:flex;flex-direction:column}.toast.error{border-left-color:var(--danger)}.toast b{font-size:12px}.toast span{font-size:11px;color:#aebac1;margin-top:3px}.loginPage{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#081116,#0e1b20)}.loginCard{width:min(390px,calc(100vw - 28px));background:#101b21dd;border:1px solid #26373f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:15px;box-shadow:0 30px 100px #0009;z-index:2}.loginCard>.brandMark{margin-bottom:2px}.loginCard h1{font-size:22px;margin:0}.loginCard p{margin:4px 0 0;color:var(--muted);font-size:12px}.loginCard small{text-align:center;color:#61737b;font-size:9px}.loginGlow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(80px);opacity:.14}.g1{background:#00a884;top:-160px;right:-100px}.g2{background:#176b87;bottom:-190px;left:-100px}.errorBox{background:#3d1f24;border:1px solid #69383e;color:#ff9da2;padding:10px;border-radius:10px;font-size:11px}.mobileMenu,.mobileClose,.backMobile{display:none}@media(max-width:1100px){.statsGrid,.deptGrid,.monitorGrid{grid-template-columns:repeat(2,1fr)}.accountGrid{grid-template-columns:1fr}.chatPage{grid-template-columns:320px 1fr}}@media(max-width:820px){.sidebar{transform:translate(-100%);transition:.25s;width:min(290px,86vw);box-shadow:10px 0 50px #0008}.sidebar.open{transform:translate(0)}.mobileClose{display:grid;margin-left:auto}.main{margin-left:0;width:100%}.mobileMenu{display:grid;margin-right:8px}.topbar{height:64px;padding:0 10px}.topUser{display:none}.pagePad{padding:14px}.hero{padding:20px}.heroOrb{display:none}.hero h1{font-size:22px}.statsGrid{gap:9px}.statCard{padding:12px}.statCard strong{font-size:23px}.deptGrid,.monitorGrid{grid-template-columns:1fr}.pageTitle{align-items:flex-start}.pageTitle h1{font-size:21px}.chatPage{height:calc(100vh - 64px);display:block}.chatList,.chatMain{height:100%}.chatList.mobileHidden,.chatMain.noSelect{display:none}.chatMain:not(.noSelect){display:flex}.backMobile{display:grid}.chatHeadActions .transferSelect{display:none}.bubble{max-width:88%}.messagesArea{padding:14px 8px}.sidebar nav{padding-bottom:90px}.botLayout,.formGrid.two{grid-template-columns:1fr}.span2{grid-column:auto}.topbar p{display:none}}@media(max-width:520px){.statsGrid{grid-template-columns:1fr 1fr}.statCard{display:block}.statIcon{width:34px;height:34px;margin-bottom:8px}.statCard strong{font-size:21px}.statCard small{display:none}.pageTitle{flex-direction:column}.pageTitle>.primary{width:100%}.hero{margin-bottom:12px}.deptNumbers{gap:5px}.deptNumbers b{font-size:15px}.accountCard>.badge{margin-left:auto}.chatHeader{padding:7px}.chatPerson span{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatHeadActions .primary.mini{font-size:0;width:38px;height:38px;padding:0}.chatHeadActions .primary.mini svg{margin:auto}.composer{padding-bottom:max(8px,env(safe-area-inset-bottom))}.emojiPicker{width:calc(100vw - 20px);grid-template-columns:repeat(7,1fr)}.modalBack{align-items:end;padding:0}.modal{border-radius:18px 18px 0 0;max-height:91vh}.loginCard{padding:22px}}.liveFilters{display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:12px;padding:14px;margin-bottom:14px;align-items:end}.liveRefresh{height:43px}.liveMonitorLayout{display:grid;grid-template-columns:330px 1fr;gap:14px;min-height:calc(100vh - 230px)}.liveConversationPanel{min-width:0;overflow:hidden}.liveConversationList{max-height:calc(100vh - 310px);overflow:auto;padding:7px}.liveConversationList button{width:100%;border:0;border-bottom:1px solid #1d2b33;background:transparent;color:var(--text);padding:10px 8px;display:flex;align-items:center;gap:9px;text-align:left;border-radius:10px}.liveConversationList button:hover,.liveConversationList button.active{background:#173029}.liveConversationList button>div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column}.liveConversationList button b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liveConversationList button span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liveFeed{min-width:0;overflow:hidden}.liveDot{font-size:10px;font-weight:800;color:#58d6b2;letter-spacing:.08em}.liveFeedBody{max-height:calc(100vh - 310px);overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.liveMessage{border:1px solid #23343b;background:#0d171d;border-radius:14px;overflow:hidden}.liveMessage.incoming{border-left:3px solid #f2a93b}.liveMessage.outgoing{border-left:3px solid #00a884}.liveMessageTop{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #203039}.liveMessageTop .grow{display:flex;flex-direction:column}.liveMessageTop b{font-size:12px}.liveMessageTop span{font-size:9px;color:var(--muted)}.liveMessageTop time{font-size:9px;color:var(--muted);white-space:nowrap}.liveMessageContent{padding:11px 12px}.liveMessageContent p{margin:0 0 8px;font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.liveMediaImage,.liveMediaVideo{display:block;width:min(420px,100%);max-height:300px;object-fit:contain;background:#05090b;border-radius:10px;margin-bottom:9px}.liveMessageContent audio{width:min(420px,100%);margin-bottom:8px}.liveMessageMeta{display:flex;gap:6px;flex-wrap:wrap}.liveMessageMeta span{background:#17252c;color:#98a9b0;border-radius:999px;padding:4px 7px;font-size:8px}.filterTabs{width:max-content;margin-bottom:12px}.blockedEventsHead{padding:14px 16px;border-bottom:1px solid #1d2b33;display:flex;flex-direction:column}.blockedEventsHead b{font-size:13px}.blockedEventsHead span{font-size:10px;color:var(--muted);margin-top:3px}.blockedEventsTable{overflow:auto}.blockedEvent{display:grid;grid-template-columns:220px 160px minmax(280px,1fr) 180px 135px;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #1d2b33;min-width:980px}.blockedEventWho{display:flex;align-items:center;gap:9px}.blockedEventWho>div:last-child,.blockedEvent>div{display:flex;flex-direction:column;min-width:0}.blockedEvent b,.blockedEvent strong,.blockedEvent span{font-size:11px}.blockedEvent small{font-size:9px;color:var(--muted);margin-bottom:3px}.blockedEvent time{font-size:9px;color:var(--muted)}.attemptText span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dangerText{color:#ff7d84}.blockedEventWho span{color:var(--muted);font-size:9px}@media(max-width:1100px){.liveFilters{grid-template-columns:1fr 1fr}.liveRefresh{width:100%}.liveMonitorLayout{grid-template-columns:290px 1fr}}@media(max-width:820px){.liveFilters{grid-template-columns:1fr;padding:10px}.liveMonitorLayout{grid-template-columns:1fr;min-height:auto}.liveConversationPanel{max-height:280px}.liveConversationList{max-height:215px}.liveFeedBody{max-height:none;min-height:420px}.liveMessageTop{align-items:flex-start;flex-wrap:wrap}.liveMessageTop time{margin-left:47px}.liveMessageTop .badge{margin-left:auto}.filterTabs{width:100%}.filterTabs button{flex:1}.blockedEventsTable{overflow-x:auto}}@media(max-width:520px){.liveMessageTop{gap:7px;padding:9px}.liveMessageTop .avatar{width:32px;height:32px}.liveMessageContent{padding:9px}.liveMessageMeta span{font-size:7px}.docLink{min-width:0}.blockedEvent{min-width:900px}.composer textarea{font-size:16px}.chatImage,.chatVideo{max-width:100%}.bubble audio{max-width:100%}}.loginCardCentered{align-items:stretch;text-align:left;padding-top:34px}.loginLogoCircle{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;margin:-2px auto 4px;background:linear-gradient(145deg,#00a884,#25d366);color:#fff;border:7px solid #153029;box-shadow:0 18px 55px #00a88444,0 0 0 1px #5ae2bd44}.loginTitle{text-align:center;margin-bottom:4px}.loginTitle h1{font-size:23px}.loginTitle p{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.connectBtn{margin-top:3px;font-size:15px;min-height:48px}.operatorApp{min-height:100vh;background:#0b141a;display:flex;flex-direction:column}.operatorTopbar{height:68px;flex:0 0 68px;border-bottom:1px solid #1d2b33;background:#0d171d;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.operatorBrand,.operatorIdentity{display:flex;align-items:center;gap:10px}.operatorBrand>div:last-child,.operatorIdentity>div:nth-child(2){display:flex;flex-direction:column}.operatorBrand b,.operatorIdentity b{font-size:13px}.operatorBrand span,.operatorIdentity span{font-size:9px;color:var(--muted);margin-top:2px}.operatorApp .chatPage{height:calc(100vh - 68px)}.deptMessageBox{border:1px solid #263940;border-radius:13px;padding:12px;background:#0d171d;display:flex;flex-direction:column;gap:10px}.deptMessageBox textarea:disabled{opacity:.45}.permissionNote{border:1px solid #28413e;background:#10221f;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:flex-start;color:#74dfbe}.permissionNote>div{display:flex;flex-direction:column}.permissionNote b{font-size:11px;color:#dfeae7}.permissionNote span{font-size:10px;color:#91aaa3;margin-top:3px;line-height:1.45}.auditTable{overflow:auto}.auditHeader,.auditRow{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.25fr 1.25fr .8fr .7fr 1fr;gap:10px;align-items:center;min-width:1120px}.auditHeader{padding:10px 14px;background:#0d171d;border-bottom:1px solid #26343b;color:#81939b;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.auditRow{padding:12px 14px;border-bottom:1px solid #1c2930;font-size:10px}.auditRow:hover{background:#152229}.auditRow>div{display:flex;flex-direction:column;gap:2px;min-width:0}.auditRow b{font-size:11px}.auditRow small{font-size:8px;color:var(--muted)}@media(max-width:820px){.operatorTopbar{height:60px;flex:0 0 60px;padding:0 8px}.operatorApp .chatPage{height:calc(100vh - 60px)}.operatorIdentity>div:nth-child(2){display:none}.operatorIdentity .avatar{width:34px;height:34px}.operatorIdentity .ghost{padding:8px 10px}.operatorApp .chatHeadActions .transferSelect{display:block;max-width:132px;padding:8px;font-size:10px}.operatorApp .chatHeader{height:62px}.operatorApp .chatTabs{justify-content:stretch}.operatorApp .chatTabs button{flex:1}.auditTable{overflow-x:auto}}@media(max-width:520px){.loginLogoCircle{width:82px;height:82px}.loginTitle h1{font-size:20px}.operatorBrand .brandMark{width:34px;height:34px}.operatorApp .chatHeadActions .transferSelect{max-width:105px}.operatorApp .chatHeadActions .iconBtn{display:none}}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar.large{width:86px;height:86px;font-size:25px}.brandLogoImage{width:58px;height:58px;border-radius:50%;object-fit:cover;display:block}.brandLogoImage.small{width:38px;height:38px}.loginLogoCircle .brandLogoImage{width:80px;height:80px}.sideBrand>.brandLogoImage{flex:0 0 auto}.sideBrand strong{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatWelcome>.brandLogoImage,.chatWelcome>.brandMark{margin:0 auto 12px}.conversationDateFilter{display:grid;grid-template-columns:1fr 1fr 38px;gap:6px;padding:8px 10px;border-bottom:1px solid #1d2b33;background:#0d171d}.conversationDateFilter label{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:5px}.conversationDateFilter input{height:34px;padding:5px 7px;border-radius:8px;font-size:9px}.conversationDateFilter .iconBtn{width:34px;height:34px}.chatList .conversationList{height:calc(100% - 164px)}.messageRow.out{align-items:flex-end}.messageAvatar{width:30px;height:30px;align-self:flex-end;margin-right:4px}.operatorBubbleName{font-size:9px;color:#91b8ac;font-weight:800;margin:0 0 4px}.operatorPhotoEditor{display:flex;align-items:center;gap:16px;border:1px solid #28413e;background:#0f1e1b;border-radius:14px;padding:14px}.operatorPhotoEditor>div:last-child{display:flex;flex-direction:column;gap:5px;flex:1}.operatorPhotoEditor b{font-size:13px}.operatorPhotoEditor span{font-size:10px;color:var(--muted)}.operatorPhotoEditor input{margin-top:4px}.field small{display:block;color:var(--muted);font-size:9px;margin-top:5px;line-height:1.4}.instanceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.instanceCard{border:1px solid #263940;border-radius:15px;background:#0d171d;padding:14px;min-width:0}.instanceCardHead{display:flex;align-items:center;gap:9px}.instanceCardHead .grow{display:flex;flex-direction:column;min-width:0}.instanceCardHead b{font-size:13px}.instanceCardHead span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instanceDetails{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.instanceDetails span{background:#131f25;border-radius:9px;padding:8px;display:flex;flex-direction:column;min-width:0;font-size:9px;color:#aab8bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instanceDetails b{font-size:8px;color:#657a84;text-transform:uppercase;margin-bottom:3px}.instanceActions{display:flex;gap:6px;flex-wrap:wrap}.instanceActions .iconBtn{margin-left:auto}.instanceInfo{border:1px solid #28413e;background:#10221f;border-radius:12px;padding:12px;display:flex;gap:9px;align-items:center}.instanceInfo>div{display:flex;flex-direction:column}.instanceInfo b{font-size:11px}.instanceInfo span{font-size:9px;color:var(--muted)}.qrPanel{padding:16px;display:flex;flex-direction:column;gap:14px;align-items:center}.qrStatus{display:flex;gap:10px;align-items:center;width:100%;background:#10221f;border:1px solid #28413e;border-radius:12px;padding:11px}.qrStatus>div{display:flex;flex-direction:column}.qrStatus b{font-size:12px}.qrStatus span{font-size:9px;color:var(--muted);margin-top:3px}.qrImage{width:min(340px,85vw);aspect-ratio:1;object-fit:contain;background:#fff;padding:8px;border-radius:16px}.qrEmpty{width:min(340px,85vw);aspect-ratio:1;display:grid;place-items:center;border:1px dashed #38505a;border-radius:16px;color:var(--muted)}.pairCode{display:flex;flex-direction:column;align-items:center}.pairCode span{font-size:9px;color:var(--muted)}.pairCode b{font-size:24px;letter-spacing:.12em}.botInstanceOverview{padding-bottom:0}.instanceMiniGrid{padding:12px;display:grid;gap:8px}.instanceMini{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center;border:1px solid #263940;border-radius:11px;padding:10px}.instanceMini>div{display:flex;flex-direction:column;min-width:0}.instanceMini b{font-size:11px}.instanceMini span,.instanceMini small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandingPanel{max-width:760px;padding:18px}.brandingPreview{border:1px solid #28413e;background:radial-gradient(circle at 20% 0,#00a88422,transparent 40%),#0d171d;border-radius:18px;padding:24px;display:flex;align-items:center;gap:18px;margin-bottom:18px}.brandingLogoPreview{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#102a25;border:5px solid #1e5145;overflow:hidden;flex:0 0 auto}.brandingLogoPreview img,.brandingLogoPreview .brandLogoImage{width:100%;height:100%;object-fit:cover;border-radius:50%}.brandingPreview h2{margin:0;font-size:23px}.brandingPreview p{margin:5px 0;color:#a5b5bb}.brandingPreview span{font-size:9px;color:var(--muted)}@media(max-width:1100px){.instanceGrid{grid-template-columns:1fr}.liveFilters{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.conversationDateFilter{grid-template-columns:1fr 1fr 36px}.operatorPhotoEditor{align-items:flex-start}.instanceMini{grid-template-columns:1fr auto auto}.instanceMini .badge{grid-column:2/4}.brandingPreview{flex-direction:column;text-align:center}.liveFilters{grid-template-columns:1fr}.chatList .conversationList{height:calc(100% - 164px)}}@media(max-width:520px){.conversationDateFilter label{flex-direction:column;align-items:stretch;gap:2px}.conversationDateFilter input{font-size:10px}.messageAvatar{width:26px;height:26px}.instanceGrid{padding:8px}.instanceDetails{grid-template-columns:1fr}.instanceMini{grid-template-columns:1fr auto}.instanceMini .badge{grid-column:2}.instanceMini button{font-size:9px}.brandingLogoPreview{width:82px;height:82px}}.loginPage{min-height:100vh;background-image:linear-gradient(90deg,#050e126b,#050e1238),url(/login-background.png);background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.loginPage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000000d,#0000002e);z-index:0}.loginPage .loginCard{position:relative;z-index:2;background:#081419d6;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 90px #00000061;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%)}.loginPage .loginGlow{z-index:1;opacity:.08}@media(max-width:720px){.loginPage{background-position:38% center;background-attachment:scroll}.loginPage .loginCard{width:min(390px,calc(100vw - 24px));background:#081419e0}}