*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}:root{--primary: #06B6D4;--primary-hover: #0891b2;--bg-page: #f5f6f8;--card-bg: #ffffff;--border: #f0f0f0;--text-main: #1f2937;--text-sub: #6b7280;--text-light: #9ca3af}.page-card{background:var(--card-bg);border-radius:10px;padding:20px;border:1px solid var(--border);box-shadow:0 1px 2px #11192d0a}.page-card+.page-card{margin-top:16px}.page-block{background:var(--card-bg);border-radius:10px;padding:20px;border:1px solid var(--border)}.page-block+.page-block{margin-top:16px}.page-title{font-size:20px;font-weight:600;color:var(--text-main);margin-bottom:20px;line-height:1.4}.page-sub-title{font-size:15px;font-weight:600;color:var(--text-main);margin-bottom:12px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.page-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.page-desc{font-size:13px;color:var(--text-sub);margin-bottom:12px}.ant-card{border-radius:10px;border-color:var(--border)}.ant-btn,.ant-input,.ant-input-affix-wrapper,.ant-select-selector{border-radius:6px}.ant-modal .ant-modal-content{border-radius:12px}.ant-table-wrapper .ant-table{font-size:13px}.ant-table-wrapper .ant-table-thead>tr>th{background:#fafafa;color:#374151;font-weight:600;border-bottom:1px solid var(--border)}.ant-pagination .ant-pagination-item{border-radius:6px}.ant-tag{border-radius:4px}.ant-form-item-label>label{color:#374151}.agent-menu-popup{min-width:170px}.agent-menu-popup .ant-dropdown-menu{background:#1f2937;border-radius:10px;padding:6px;box-shadow:0 8px 24px #00000059}.agent-menu-popup .ant-dropdown-menu-item,.agent-menu-popup .ant-dropdown-menu-submenu-title{color:#ffffffd9;font-size:13px;border-radius:6px;padding:8px 12px}.agent-menu-popup .ant-dropdown-menu-item:hover,.agent-menu-popup .ant-dropdown-menu-submenu-title:hover{background:#06b6d438;color:#fff}.agent-menu-popup .ant-dropdown-menu-item-divider{background:#ffffff1f;margin:4px 0}.agent-menu-popup .ant-dropdown-menu-submenu-arrow,.agent-menu-popup .ant-dropdown-menu-submenu-arrow-icon{color:#ffffff8c}.agent-menu-popup .ant-dropdown-menu-item-icon{color:#fff9}.ant-dropdown-menu-submenu-popup .ant-dropdown-menu{background:#1f2937;border-radius:10px;padding:6px;box-shadow:0 8px 24px #00000059}.ant-dropdown-menu-submenu-popup .ant-dropdown-menu-item,.ant-dropdown-menu-submenu-popup .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled){color:#fff!important;border-radius:6px;padding:7px 12px}.ant-dropdown-menu-submenu-popup .ant-dropdown-menu-item:hover{background:#06b6d438;color:#fff!important}.ant-dropdown-menu-submenu-popup .ant-dropdown-menu-item-selected,.ant-dropdown-menu-submenu-popup .ant-dropdown-menu-item-selected:hover{background:#06b6d447;color:#fff!important}.login-container-v2{position:relative;min-height:100vh;background:linear-gradient(135deg,#001529,#0a2540);display:flex;align-items:center;justify-content:center;padding:32px 20px;overflow:hidden}.login-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.login-bubbles .bubble{position:absolute;bottom:-140px;display:block;border-radius:20px;background:#ffffff0e;border:1px solid rgba(255,255,255,.1);animation-name:bubbleUp;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.login-bubbles .bubble:after{content:"";position:absolute;bottom:10px;width:10px;height:10px;background:inherit;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.login-bubbles .bubble.b1{left:8%;width:96px;height:62px;animation-duration:22s;animation-delay:0s}.login-bubbles .bubble.b1:after{left:-6px;transform:rotate(135deg)}.login-bubbles .bubble.b2{left:22%;width:130px;height:84px;animation-duration:28s;animation-delay:4s}.login-bubbles .bubble.b2:after{right:-6px;transform:rotate(-45deg)}.login-bubbles .bubble.b3{left:38%;width:74px;height:48px;animation-duration:18s;animation-delay:9s}.login-bubbles .bubble.b3:after{left:-6px;transform:rotate(135deg)}.login-bubbles .bubble.b4{left:55%;width:150px;height:96px;animation-duration:32s;animation-delay:2s}.login-bubbles .bubble.b4:after{right:-6px;transform:rotate(-45deg)}.login-bubbles .bubble.b5{left:72%;width:86px;height:56px;animation-duration:20s;animation-delay:7s}.login-bubbles .bubble.b5:after{left:-6px;transform:rotate(135deg)}.login-bubbles .bubble.b6{left:88%;width:112px;height:70px;animation-duration:26s;animation-delay:12s}.login-bubbles .bubble.b6:after{right:-6px;transform:rotate(-45deg)}.login-bubbles .bubble.b7{left:14%;width:60px;height:40px;animation-duration:16s;animation-delay:15s}.login-bubbles .bubble.b7:after{left:-5px;transform:rotate(135deg)}.login-bubbles .bubble.b8{left:64%;width:64px;height:42px;animation-duration:24s;animation-delay:18s}.login-bubbles .bubble.b8:after{right:-5px;transform:rotate(-45deg)}@keyframes bubbleUp{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-115vh) translate(24px);opacity:0}}.login-panel{position:relative;z-index:2;width:420px;max-width:100%;background:#fff;border-radius:14px;box-shadow:0 16px 48px #00000038;padding:40px 36px 28px;box-sizing:border-box;display:flex;flex-direction:column}.login-brand{text-align:center;margin-bottom:24px}.login-brand img{height:62px}.login-brand h1{font-size:24px;font-weight:600;color:#1f2937;margin-top:12px}.login-brand p{font-size:13px;color:#9ca3af;margin-top:6px}.login-form-body .language-section{margin-bottom:20px;text-align:right}.login-form-body .language-section .ant-select{width:140px}.login-form-body .input-group{margin-bottom:18px}.login-form-body .input-label{display:block;color:#374151;font-size:14px;margin-bottom:6px;font-weight:500}.login-form-body .ant-input,.login-form-body .ant-input-affix-wrapper{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;height:42px}.login-form-body .ant-input:hover,.login-form-body .ant-input-affix-wrapper:hover{border-color:#06b6d4}.login-form-body .ant-input:focus,.login-form-body .ant-input-affix-wrapper-focused{background:#fff;border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d426}.captcha-row{display:flex;gap:12px;align-items:center}.captcha-row .ant-input{flex:1}.captcha-canvas{width:110px;height:42px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;background:#fafafa;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-button{width:100%;height:42px;border-radius:8px;font-size:16px;background:#06b6d4!important;margin-top:8px;border:none}.login-footer{text-align:center;color:#9ca3af;font-size:13px;margin-top:24px}.fraud-notice-bar{position:absolute;z-index:3;top:16px;left:50%;transform:translate(-50%);width:92%;max-width:560px;background:#ffc1071f;border:1px solid rgba(255,193,7,.35);color:#ffd666;padding:8px 36px 8px 12px;border-radius:6px;font-size:13px;line-height:1.5}.fraud-notice-bar .fraud-close{position:absolute;right:8px;top:6px;cursor:pointer;color:#ffd666;font-size:16px}.fraud-notice-bar .fraud-detail{color:#ffd666;cursor:pointer;margin-left:6px}@media (max-width: 768px){.login-panel{padding:32px 22px 24px}}.app-shell{height:100vh;height:100dvh;overflow:hidden}.workspace{display:flex;height:100%;background:#f5f6f8}.workspace-nav{width:64px;background:#1a1f2e;display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:8;flex-shrink:0}.workspace-left{width:280px;border-right:1px solid #e8e8e8;background:#fff;display:flex;flex-direction:column;flex-shrink:0}.workspace-center{flex:1;display:flex;flex-direction:column;min-width:0;background:#f5f6f8}.workspace-right{width:320px;border-left:1px solid #e8e8e8;background:#fff;flex-shrink:0;overflow-y:auto}.chat-messages{flex:1;overflow-y:auto;padding:16px}.msg-row{display:flex;margin-bottom:14px}.msg-row.agent{justify-content:flex-end}.msg-row.visitor{justify-content:flex-start}.msg-row:hover .msg-reply-btn{opacity:1!important}.msg-bubble{max-width:65%;padding:10px 14px;border-radius:8px;font-size:14px;word-break:break-word;line-height:1.5}.msg-row.agent .msg-bubble{background:linear-gradient(135deg,#2db4f9,#272edc);color:#fff;box-shadow:0 2px 8px #2db4f94d}.msg-row.visitor .msg-bubble{background:#fff;color:#11192d;box-shadow:0 1px 2px #0000000d}.msg-author{font-size:12px;color:#999;margin-bottom:4px}.msg-row.agent .msg-author{text-align:right}.msg-row.visitor .msg-author{text-align:left}.msg-html{word-break:break-word}.msg-html p{margin:0 0 4px}.msg-html p:last-child{margin-bottom:0}.msg-html img{max-width:100%;border-radius:6px}.msg-html a{color:inherit;text-decoration:underline}.msg-html ul,.msg-html ol{margin:4px 0;padding-left:18px}.workspace-left::-webkit-scrollbar,.workspace-right::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px;height:6px}.workspace-left::-webkit-scrollbar-thumb,.workspace-right::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.workspace-left::-webkit-scrollbar-thumb:hover,.workspace-right::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:#bbb}.workspace-left::-webkit-scrollbar-track,.workspace-right::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:transparent}:root{--tabbar-h: 52px}@media (hover: none){.msg-row .msg-reply-btn{opacity:1!important}}@media (max-width: 767px){html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%}.login-container-v2{min-height:100dvh;overflow:auto;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.login-panel{width:100%;padding:28px 20px 22px}.workspace{flex-direction:column;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.workspace-nav{display:none}.workspace-left{width:100%;max-width:none;border-right:none}.workspace-center{min-height:0}.workspace-right{width:100%;border-left:none}.chat-messages{padding:8px}.msg-bubble{max-width:84%;font-size:13px}.msg-row{margin-bottom:8px}.chat-drag-handle{display:none}.chat-header-actions{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chat-header-actions::-webkit-scrollbar{display:none}.chat-header-actions>*{flex:0 0 auto!important}.chat-header-actions>div{padding:4px 8px!important;font-size:12px!important}.chat-header-actions>div>div{padding:4px 8px!important;font-size:12px!important}.msg-bubble{line-height:1.4}.msg-row{margin-bottom:6px}.chat-fab-rail{position:absolute;right:6px;bottom:10px;z-index:8;display:flex;flex-direction:column;gap:6px}.chat-fab-rail .fab{width:38px;height:38px;border-radius:50%;cursor:pointer;background:#fffffff7;border:1px solid #e8e8e8;box-shadow:0 2px 8px #11192d24;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.chat-fab-rail .fab:active{transform:scale(.94)}.workspace-left .ant-avatar{width:34px;height:34px;line-height:34px;font-size:14px}.workspace-left .ant-avatar .anticon{font-size:16px}.workspace.is-mobile[data-tab=chat][data-pane=list] .workspace-center,.workspace.is-mobile[data-tab=history][data-pane=list] .workspace-center,.workspace.is-mobile[data-tab=chat][data-pane=list] .workspace-right,.workspace.is-mobile[data-pane=chat] .workspace-left,html.kb-open .mobile-tabbar{display:none}html.kb-open .workspace{padding-bottom:0}.chat-input-area{padding-bottom:var(--kb-h, 0px)}.ant-table-wrapper .ant-table-content,.ant-table-wrapper .ant-table-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.ant-table-wrapper table{min-width:520px}.subnav-layout{flex-direction:column}.subnav{width:100%!important;flex-direction:row!important;align-items:center;border-right:none!important;border-bottom:1px solid #e8e8e8}.subnav .subnav-title{display:none}.subnav .subnav-items{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden}.subnav .subnav-items>div{flex:0 0 auto;white-space:nowrap}.workspace-center div[style*="repeat(4, 1fr)"],.workspace-center div[style*="repeat(5, 1fr)"],.workspace-center div[style*="repeat(3, 1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.workspace-center div[style*="1fr 1fr"]{grid-template-columns:1fr!important}.monitor-cols{flex-direction:column;overflow:visible}.monitor-cols>.monitor-col-left{width:100%!important;flex-shrink:1}.ant-modal{max-width:calc(100vw - 16px);top:12px;padding-bottom:0}.ant-modal-body{max-height:calc(100dvh - 140px);overflow-y:auto}}.mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:stretch;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#1a1f2e;border-top:1px solid #2a3040}.mobile-tabbar .mtab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#89a;font-size:11px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-tabbar .mtab.on{color:#fff}.mobile-tabbar .mtab.on svg{color:#06b6d4}.mobile-tabbar .mtab-badge{position:absolute;top:6px;left:50%;margin-left:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ff4d4f;color:#fff;font-size:10px;line-height:16px;text-align:center;font-style:normal}.workspace-right.is-overlay{position:fixed;top:0;right:0;bottom:0;z-index:95;width:min(360px,92vw);box-shadow:-8px 0 24px #0000002e}.overlay-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:94;background:#11192d59}@media (max-width: 767px){.workspace-right.is-overlay{width:100%;padding-bottom:env(safe-area-inset-bottom)}.workspace .touch-btn{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}}.workspace,.admin-layout{height:100vh;height:100dvh}:root{--tabbar-h: 50px;--line-1: #eef0f3;--line-2: #f4f6f8;--hover-1: #f7f9fb;--active-1: #e8f7fd;--ink-1: #1f2937;--ink-2: #6b7280;--ink-3: #9aa4b2}.workspace-left{border-right:1px solid var(--line-1)!important}.workspace-right{border-left:1px solid var(--line-1)!important}.nav-items>div{border-radius:8px;margin:0 2px 2px;transition:filter .16s}.nav-items>div:hover{filter:brightness(1.28)}.conv-list{background:#fff}.conv-item{border-bottom:1px solid var(--line-2)}.conv-item:not(.is-active):hover{background:var(--hover-1)!important}.conv-item.is-active{background:var(--active-1)!important}.conv-subtabs>div{transition:filter .15s}.conv-subtabs>div:hover{filter:brightness(.96)}.conv-footer{background:#fcfdfe;border-top:1px solid var(--line-1)!important}.msg-row{margin-bottom:12px}.msg-bubble{max-width:62%;padding:9px 13px;border-radius:12px;line-height:1.55}.msg-row.agent .msg-bubble{border-bottom-right-radius:4px;box-shadow:0 2px 10px #2d8cf933}.msg-row.visitor .msg-bubble{border-bottom-left-radius:4px;border:1px solid var(--line-2);box-shadow:0 1px 3px #11192d0f}.msg-author{font-size:11.5px;color:var(--ink-3);margin-bottom:3px}@media (min-width: 768px){.workspace-nav{box-shadow:1px 0 #ffffff05}.conv-item{padding:10px 12px!important}.conv-item .ant-avatar{width:36px!important;height:36px!important;line-height:36px!important;font-size:15px!important}.conv-statusbar{padding:8px 12px!important}.conv-subtabs{padding:6px 12px!important}.conv-tabbar>div{padding-top:10px!important;padding-bottom:10px!important}.conv-footer{padding:8px 12px!important}.chat-header{height:48px!important;padding:0 12px!important;border-bottom:1px solid var(--line-1)!important}.chat-header-actions{gap:2px!important}.chat-header-actions>div{padding:5px 9px!important;font-size:12.5px!important}.chat-header-actions>div>div{padding:5px 9px!important}.chat-header-actions>div[style*="width: 1px"]{margin:0 6px!important}.chat-messages{padding:14px 18px!important}.chat-input-area>div{padding-left:12px!important;padding-right:12px!important}.chat-input-area>div:first-child{padding-top:6px!important;padding-bottom:6px!important}}html.dark,html.dark body,html.dark .workspace,html.dark .workspace-center{background:#12161f!important}html.dark .workspace-left,html.dark .workspace-right,html.dark .conv-list,html.dark .conv-statusbar,html.dark .conv-tabbar,html.dark .conv-subtabs,html.dark .chat-header,html.dark .chat-input-area{background:#1a1f2b!important;border-color:#262c39!important}html.dark .conv-footer{background:#171c26!important;border-color:#262c39!important}html.dark .chat-messages{background:#12161f!important}html.dark .conv-item{border-bottom-color:#232936!important}html.dark .conv-item:not(.is-active):hover{background:#212734!important}html.dark .conv-item.is-active{background:#0f2f39!important}html.dark .msg-row.visitor .msg-bubble{background:#232936!important;color:#e6e8eb!important;border-color:#2c3342!important}html.dark .chat-fab-rail .fab{background:#232936!important;border-color:#2c3342!important}html.dark .workspace [style*="color: rgb(51, 51, 51)"],html.dark .workspace [style*="color: rgb(17, 25, 45)"]{color:#e6e8eb!important}html.dark .workspace [style*="color: rgb(102, 102, 102)"]{color:#a6adbb!important}html.dark .workspace [style*="color: rgb(153, 153, 153)"]{color:#7b8494!important}html.dark .workspace [style*="color: rgb(136, 153, 170)"]{color:#a6adbb!important}html.dark .workspace [style*="background: rgb(255, 255, 255)"]{background:#1a1f2b!important}html.dark .workspace [style*="background: rgb(245, 245, 245)"],html.dark .workspace [style*="background: rgb(245, 246, 248)"]{background:#232936!important}html.dark .workspace [style*="background: rgb(230, 247, 255)"]{background:#10303a!important}@media (max-width: 767px){.conv-statusbar{padding:4px 10px!important}.conv-tabbar>div{padding-top:5px!important;padding-bottom:5px!important}.conv-subtabs{padding:3px 10px 5px!important}.conv-footer{padding:6px 12px!important;font-size:11px!important}.conv-item{padding:7px 10px!important}.conv-item .ant-avatar{width:32px!important;height:32px!important;line-height:32px!important;font-size:13px!important}.msg-row{margin-bottom:2px}.msg-bubble{max-width:82%;font-size:13px;padding:5px 10px;line-height:1.35}.chat-header{height:auto!important;min-height:44px;flex-wrap:wrap!important;padding:6px 8px!important;row-gap:4px;border-bottom:1px solid var(--line-1)!important}.chat-header>.touch-btn:last-child{margin-left:auto}.chat-header-actions{flex:1 0 100%!important;flex-wrap:wrap!important;overflow:visible!important;gap:4px!important;row-gap:4px!important}.chat-header-actions>div{padding:4px 9px!important;font-size:12px!important}.chat-header-actions>div>div{padding:4px 9px!important;font-size:12px!important}.chat-header-actions>div[style*="flex: 1"]{display:none!important}.chat-header-actions>div[style*="width: 1px"]{display:none!important}}