.monitor-trend[data-v-950f6572]{display:block;width:100%;height:100%;overflow:visible}.service-network[data-v-8bd58598]{width:100%;height:100%;display:block}.network-compact[data-v-8bd58598]{height:100%;display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:12px;background:linear-gradient(transparent 49%,#dce8fa 49%,#dce8fa 51%,transparent 51%)}.network-sources[data-v-8bd58598]{display:grid;gap:6px}.network-sources span[data-v-8bd58598]{display:flex;align-items:center;justify-content:center;gap:7px;padding:3px 6px;border:1px solid #dce8fa;border-radius:5px;background:#f5f9ff;color:#456285;font-size:11px;white-space:nowrap}.network-sources i[data-v-8bd58598]{font-style:normal;color:#4080ed;font-size:16px;line-height:18px}.network-total[data-v-8bd58598]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f9ff;border:1px solid #c6d7f2;border-radius:50%;aspect-ratio:1;width:100%;max-width:110px;justify-self:center}.network-total strong[data-v-8bd58598]{color:#2d5fa8;font:600 30px/1.2 ui-monospace,monospace}.network-total small[data-v-8bd58598]{color:#65758c;font-size:10px}.network-orbit[data-v-8bd58598]{transform-origin:345px 217px;animation:orbit-8bd58598 45s linear infinite}.paused .network-orbit[data-v-8bd58598]{animation-play-state:paused}@keyframes orbit-8bd58598{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.network-orbit[data-v-8bd58598]{animation:none}.network-particle[data-v-8bd58598]{display:none}}.service-monitor{--sm-bg:#f4f6fa;--sm-panel:#fff;--sm-border:#e5eaf1;--sm-muted:#738196;--sm-text:#344256;--sm-accent:#4080ed;box-sizing:border-box;min-height:100vh;width:100%;padding:0 20px;background:var(--sm-bg);color:var(--sm-text);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;line-height:1.5;color-scheme:light}.service-monitor *,.service-monitor *:before,.service-monitor *:after{box-sizing:border-box}.service-monitor:fullscreen{overflow:auto}.service-monitor button,.service-monitor select{font-family:inherit;font-size:12px;color:var(--sm-text)}.service-monitor button{cursor:pointer}.service-monitor button:focus-visible,.service-monitor select:focus-visible{outline:2px solid var(--sm-accent);outline-offset:3px}.service-monitor h1,.service-monitor h2,.service-monitor p{color:inherit;margin:0}.service-monitor svg{flex-shrink:0}.sm-header{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--sm-border)}.sm-heading{display:flex;gap:12px;align-items:center}.sm-logo{display:grid;place-items:center;width:38px;height:38px;color:var(--sm-accent);background:#e8f0ff;border-radius:9px}.sm-logo svg{width:23px;height:23px}.sm-heading h1{font-size:20px;line-height:1.4;font-weight:600;color:#25354b}.sm-heading span{display:block;font-size:12px;color:var(--sm-muted);margin-top:3px}.sm-clock{text-align:right}.sm-clock strong{display:block;font:20px/1.3 ui-monospace,monospace;color:#46566e}.sm-clock>span{display:block;color:var(--sm-muted);font-size:11px;margin-top:3px}.sm-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;padding:14px 0}.sm-tabs{display:flex;gap:4px;border:1px solid var(--sm-border);background:#fff;border-radius:6px;padding:3px}.sm-tabs button{border:0;border-radius:4px;background:transparent;padding:7px 14px;white-space:nowrap;color:#65758c}.sm-tabs button.selected{background:#eaf2ff;color:#2f6ed6;font-weight:600}.sm-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sm-controls select{background:#fff;border:1px solid #dce3ed;border-radius:5px;padding:6px 8px;height:33px;max-width:100%}.sm-demo{display:flex;align-items:center;gap:6px;color:#866c35;background:#fff7e8;border:1px solid #f1e3c6;border-radius:4px;padding:3px 7px;font-size:11px}.sm-demo i{width:5px;height:5px;border-radius:50%;background:#d59b38}.sm-icon-button{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dce3ed;border-radius:5px;width:33px;height:33px;padding:7px}.sm-icon-button svg{width:17px;height:17px}.sm-icon-button:hover{border-color:#8bb3f5;color:#3074df;background:#f5f9ff}.sm-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.sm-kpi{background:#fff;border:1px solid var(--sm-border);border-radius:8px;padding:15px 16px;position:relative;overflow:hidden}.sm-kpi>span{color:#65758b;display:flex;align-items:center;justify-content:space-between;gap:6px}.sm-kpi>span small{font-size:10px;color:#7c8da3}.sm-kpi>div:not(.sm-spark){margin:9px 0 7px;display:flex;align-items:baseline;gap:6px}.sm-kpi strong{font:600 30px/1.2 ui-monospace,SFMono-Regular,monospace;color:#27384f;letter-spacing:-1px}.sm-kpi em{font-style:normal;color:var(--sm-muted)}.sm-kpi footer{color:var(--sm-muted);font-size:11px;position:relative;z-index:1}.sm-kpi footer span{margin-right:3px}.sm-positive{color:#208878}.sm-amber,.sm-kpi .sm-amber strong{color:#b97c20}.sm-kpi-primary{border-color:#cdddf7;background:#f8fbff}.sm-kpi-primary strong{color:#3074df}.sm-spark{position:absolute;right:-7px;bottom:34px;width:37%;height:36px;opacity:.45}.sm-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#249d91}.sm-main-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(360px,1.7fr) minmax(240px,1fr);gap:14px;align-items:stretch}.sm-side,.sm-center{display:flex;flex-direction:column;gap:14px;min-width:0}.sm-panel{background:var(--sm-panel);border:1px solid var(--sm-border);border-radius:8px;padding:16px;min-width:0;position:relative}.sm-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-bottom:14px}.sm-panel-head h2{display:flex;align-items:center;font-size:14px;font-weight:600;gap:8px;color:#2f3e53}.sm-panel-head h2>span{width:3px;height:13px;border-radius:2px;background:#4080ed}.sm-panel-head>small{display:none}.sm-agent-panel,.sm-channel-panel,.sm-quality-panel,.sm-alert-panel{flex:1}.sm-agent-summary{display:flex;align-items:center;justify-content:space-around;gap:15px;margin:18px 0}.sm-donut{width:105px;height:105px;border-radius:50%;padding:8px;transform:rotate(-35deg);flex-shrink:0}.sm-donut>div{border-radius:50%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(35deg);border:4px solid #fff}.sm-donut strong{font:600 28px ui-monospace,monospace;color:#2f3e53}.sm-donut span{font-size:11px;color:var(--sm-muted)}.sm-agent-legend{flex:1;display:grid;gap:12px}.sm-agent-legend>div{display:flex;align-items:center;gap:6px;color:#65758b;white-space:nowrap}.sm-agent-legend strong{margin-left:auto;color:#344256;font:19px ui-monospace,monospace}.sm-green-dot,.sm-blue-dot,.sm-orange-dot{display:inline-block;width:6px;height:6px;border-radius:2px;flex-shrink:0;background:#249d91}.sm-blue-dot{background:#4080ed}.sm-orange-dot{background:#dc9630}.sm-seats{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;margin-bottom:13px}.sm-seats span{height:8px;border-radius:2px;border:1px solid #8fcfc3;background:#c1e7dd}.sm-seats .available{border-color:#aac7f5;background:#d0e1fb}.sm-seats .resting{border-color:#e9c78f;background:#f7e5c6}.sm-panel-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--sm-border);padding-top:10px;color:#65758b}.sm-panel-footer strong{font:21px ui-monospace,monospace;color:#208878}.sm-panel-footer small{font-size:11px;margin-left:4px}.sm-channel-row{display:flex;gap:11px;align-items:center;margin:17px 0}.sm-channel-row>svg{width:18px;color:#7b8ca4}.sm-channel-row>div{flex:1}.sm-channel-row header{display:flex;justify-content:space-between;color:#65758b;margin-bottom:8px}.sm-channel-row strong{color:#344256;font:17px ui-monospace,monospace}.sm-channel-row small{font-size:10px;margin-left:3px}.sm-track{height:5px;background:#edf1f7;border-radius:3px;overflow:hidden}.sm-track i{display:block;height:100%;border-radius:inherit;background:#4080ed;transition:width .3s ease}.sm-ai-note{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:11px;border-radius:5px;background:#f2f7fd;margin-top:18px;color:#526e95}.sm-ai-note strong{font:23px ui-monospace,monospace;color:#3675d8}.sm-ai-note small{font-size:11px}.sm-network-panel{display:flex;flex-direction:column;flex:1}.sm-status{color:#218878;font-size:11px;white-space:nowrap}.sm-status i{display:inline-block;height:5px;width:5px;background:#249d91;border-radius:50%;margin-right:5px}.sm-network-wrap{min-height:240px;height:260px;flex:1}.sm-network-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--sm-border);padding-top:12px}.sm-network-bottom>div{text-align:center;border-right:1px solid var(--sm-border)}.sm-network-bottom>div:last-child{border:0}.sm-network-bottom span{color:var(--sm-muted);display:block;font-size:11px;margin-bottom:4px}.sm-network-bottom strong{color:#344256;font:21px ui-monospace,monospace}.sm-network-bottom small{font-size:11px;margin-left:3px}.sm-trend-panel{flex-shrink:0}.sm-chart-key{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#65758b}.sm-chart-key span{display:flex;align-items:center;gap:5px}.sm-trend-wrap{height:155px}.sm-gauge{max-width:205px;margin:0 auto 12px}.sm-gauge svg{width:100%;display:block}.sm-quality-row{display:grid;grid-template-columns:70px 1fr 48px;gap:8px;align-items:center;font-size:11px;margin:14px 0;color:#65758b}.sm-quality-row strong{color:#45566d;font-family:ui-monospace,monospace;font-weight:400;text-align:right}.sm-alert-count{color:#9a6d29;font-size:11px;background:#fff4df;padding:2px 7px;border-radius:4px}.sm-alert{display:flex;width:100%;border:0;text-align:left;padding:9px 5px;gap:10px;background:transparent;border-radius:5px}.sm-alert:hover{background:#f5f8fc}.sm-event-line{width:6px;height:6px;margin-top:5px;background:#4080ed;border-radius:50%;flex-shrink:0}.sm-alert.warning .sm-event-line{background:#dc9630}.sm-alert>div{flex:1;min-width:0}.sm-alert time{display:flex;align-items:center;justify-content:space-between;color:var(--sm-muted);font:11px ui-monospace,monospace}.sm-alert em{font-family:inherit;font-style:normal;font-size:11px;color:#487bb4}.sm-alert.warning em{color:#a67329}.sm-alert strong{display:block;font-size:12px;font-weight:400;margin:5px 0;color:#45566d}.sm-alert small{display:flex;align-items:center;gap:4px;color:#6386b7;font-size:11px}.sm-alert small svg{width:10px}.sm-event-footer{display:flex;align-items:center;gap:6px;color:var(--sm-muted);padding-top:11px;border-top:1px solid var(--sm-border);margin-top:7px;font-size:11px}.sm-event-footer svg{width:13px}.sm-empty{padding:30px 0;color:var(--sm-muted);text-align:center}.sm-queue-panel{margin-top:14px;padding-bottom:7px}.sm-queue-label{color:var(--sm-muted);font-size:11px}.sm-table-wrap{overflow-x:auto}.sm-queue-panel table{border-collapse:collapse;width:100%;min-width:670px;font-size:12px;background:transparent}.sm-queue-panel th{font-weight:500;color:#65758b;background:#f5f7fa;text-align:left;padding:10px 12px;border:0}.sm-queue-panel td{padding:10px 12px;color:#45566d;border-bottom:1px solid #edf1f6;background:transparent}.sm-queue-panel tr:last-child td{border-bottom:0}.sm-queue-panel tr:hover td{background:#f9fbfe}.sm-queue-panel td:first-child i{margin-right:8px}.sm-queue-panel .sm-numeric{font:16px ui-monospace,monospace}.sm-queue-panel small{color:var(--sm-muted);font-size:10px}.sm-queue-panel .sm-amber{color:#b97c20}.sm-sla{display:flex;align-items:center;gap:12px}.sm-sla>.sm-track{width:90px}.sm-sla>span{width:45px;font:12px ui-monospace,monospace}.sm-state-tag{display:inline-block;white-space:nowrap;font-size:11px;color:#238273;padding:3px 8px;border:1px solid #cbe9e0;border-radius:4px;background:#eff9f5}.sm-state-tag.warning{border-color:#f1dfbc;color:#a67329;background:#fff8eb}.sm-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 0;font-size:11px;color:var(--sm-muted)}.sm-bottom .sm-live-dot{height:5px;width:5px;margin-right:5px}.sm-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:110;max-width:calc(100vw - 32px);background:#fff;border:1px solid #cbe9e0;box-shadow:0 6px 24px #293f5b1a;color:#238273;padding:12px 20px;border-radius:6px}.sm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#25344c55;display:grid;place-items:center;z-index:100;padding:20px;overflow:auto}.sm-modal{width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:24px;background:#fff;border:1px solid var(--sm-border);border-radius:10px;box-shadow:0 16px 64px #25344c33}.sm-modal>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#344256;font-size:15px;font-weight:600}.sm-modal>small{color:var(--sm-muted)}.sm-modal>h2{font-size:19px;margin:12px 0}.sm-modal>p{font-size:13px;color:#65758b;line-height:1.9}.sm-modal>footer{margin-top:26px;display:flex;justify-content:flex-end;gap:10px}.sm-modal>footer button{padding:8px 16px;border:1px solid #dce3ed;border-radius:5px;background:#fff}.sm-modal>footer .sm-confirm{background:#4080ed;border-color:#4080ed;color:#fff}.sm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1600px){.service-monitor{padding:0 28px}.sm-main-grid{grid-template-columns:minmax(280px,1fr) minmax(440px,1.8fr) minmax(280px,1fr)}.sm-network-wrap{height:300px}.sm-trend-wrap{height:175px}.sm-kpi strong{font-size:34px}}@media(max-width:1150px){.service-monitor{padding:0 16px}.sm-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.sm-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-center{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch}.sm-network-wrap{height:240px}.sm-trend-panel{display:flex;flex-direction:column}.sm-trend-wrap{height:210px;flex:1}.sm-side{grid-row:2}.sm-agent-legend{max-width:160px}.sm-network-bottom strong{font-size:19px}}@media(max-width:700px){.sm-center{display:flex}.sm-main-grid{display:flex;flex-direction:column}.sm-center{order:-1}.sm-network-wrap{height:280px;flex:auto}.sm-trend-wrap{height:170px;flex:auto}.sm-side{display:grid;grid-template-columns:1fr}.sm-controls{gap:7px}.sm-bottom>span:last-child{display:none}}@media(max-width:450px){.service-monitor{padding:0 12px}.sm-heading h1{font-size:18px}.sm-heading span{font-size:11px}.sm-clock strong{font-size:17px}.sm-clock>span{font-size:9px}.sm-logo{width:32px;height:32px}.sm-heading{gap:8px}.sm-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sm-kpi{padding:13px}.sm-kpi strong{font-size:28px}.sm-demo{width:auto}.sm-controls{width:100%}.sm-controls label:first-of-type{flex:1;min-width:125px}.sm-controls label:first-of-type select{width:100%}.sm-tabs{width:100%}.sm-tabs button{flex:1;padding:7px 8px}.sm-panel{padding:14px}.sm-network-wrap{height:240px}.sm-modal{padding:18px}}@media(prefers-reduced-motion:reduce){.service-monitor *{animation:none!important;transition:none!important}}.service-monitor-viewport{--sm-border:#e5eaf1;--sm-muted:#738196;--sm-text:#344256;--sm-accent:#4080ed;width:100%;height:100dvh;overflow:auto;background:#f4f6fa;color:var(--sm-text);font:12px/1.5 PingFang SC,Microsoft YaHei,sans-serif}.service-monitor-viewport.is-fit{overflow:hidden}.service-monitor-viewport .sm-modal,.service-monitor-viewport .sm-modal *{box-sizing:border-box}.service-monitor-viewport .sm-modal button{cursor:pointer;font-family:inherit}.service-monitor-viewport .sm-modal h2{color:#344256}.service-monitor.sm-fit{min-height:0;padding:0 12px;transform-origin:top left;display:grid;grid-template-rows:50px 46px 88px minmax(0,1fr) 184px 26px;gap:8px}.sm-fit .sm-header{min-height:0;padding:5px 0}.sm-fit .sm-heading h1{font-size:18px}.sm-fit .sm-heading span{margin:0;font-size:11px}.sm-fit .sm-logo{width:32px;height:32px}.sm-fit .sm-clock strong{font-size:18px}.sm-fit .sm-clock>span{margin:0}.sm-fit .sm-toolbar{padding:0;flex-wrap:nowrap;gap:10px}.sm-fit .sm-tabs{width:auto}.sm-fit .sm-tabs button{padding:6px 12px}.sm-fit .sm-controls{flex-wrap:nowrap;width:auto}.sm-fit .sm-controls label{flex:none}.sm-fit .sm-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0}.sm-fit .sm-kpi{padding:9px 12px}.sm-fit .sm-kpi strong{font-size:27px}.sm-fit .sm-kpi>div:not(.sm-spark){margin:3px 0}.sm-fit .sm-kpi footer{font-size:10px}.sm-fit .sm-spark{bottom:24px;height:27px}.sm-fit .sm-main-grid{display:grid;grid-template-columns:minmax(250px,1fr) minmax(340px,1.65fr) minmax(250px,1fr);gap:8px;min-height:0}.sm-fit .sm-side,.sm-fit .sm-center{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr);grid-column:auto;grid-row:auto;gap:8px;min-height:0}.sm-fit .sm-center{grid-template-rows:1.15fr 1fr}.sm-fit .sm-panel{padding:8px 10px;min-height:0;border-radius:6px}.sm-fit .sm-panel-head{margin-bottom:5px;gap:4px;flex-wrap:nowrap}.sm-fit .sm-panel-head h2{font-size:12px}.sm-fit .sm-chart-key{font-size:10px;gap:8px}.sm-fit .sm-status{font-size:10px}.sm-fit .sm-agent-summary{margin:4px 0;gap:10px}.sm-fit .sm-donut{width:64px;height:64px;padding:5px}.sm-fit .sm-donut strong{font-size:22px}.sm-fit .sm-donut span{font-size:10px}.sm-fit .sm-donut>div{border-width:2px}.sm-fit .sm-agent-legend{gap:3px;max-width:none}.sm-fit .sm-agent-legend strong{font-size:16px}.sm-fit .sm-agent-legend>div{font-size:11px}.sm-fit .sm-seats{grid-template-columns:repeat(32,minmax(0,1fr));gap:2px;margin-bottom:5px}.sm-fit .sm-seats span{height:4px;border-radius:1px}.sm-fit .sm-panel-footer{padding-top:3px;font-size:10px}.sm-fit .sm-panel-footer strong{font-size:16px}.sm-fit .sm-channel-row{margin:6px 0;gap:8px}.sm-fit .sm-channel-row header{margin-bottom:3px;font-size:11px}.sm-fit .sm-channel-row strong{font-size:14px}.sm-fit .sm-channel-row>svg{width:15px}.sm-fit .sm-ai-note{margin-top:7px;padding:4px 8px;flex-wrap:nowrap;font-size:11px}.sm-fit .sm-ai-note strong{font-size:18px}.sm-fit .sm-ai-note small{font-size:10px}.sm-fit .sm-network-panel,.sm-fit .sm-trend-panel{display:flex;flex-direction:column}.sm-fit .sm-network-wrap,.sm-fit .sm-trend-wrap{min-height:0;height:0;flex:1}.sm-fit .sm-network-bottom{padding-top:4px}.sm-fit .sm-network-bottom span{margin:0;font-size:10px}.sm-fit .sm-network-bottom strong{font-size:17px}.sm-fit .sm-quality-panel{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:24px repeat(3,1fr);gap:0 7px}.sm-fit .sm-quality-panel .sm-panel-head{grid-column:1/-1}.sm-fit .sm-gauge{grid-row:2/5;align-self:center;width:110px;margin:0}.sm-fit .sm-quality-row{display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;gap:3px;margin:0;font-size:10px}.sm-fit .sm-quality-row .sm-track{order:3;flex-basis:100%;height:4px}.sm-fit .sm-alert{padding:3px 0;gap:6px}.sm-fit .sm-alert>div{display:grid;grid-template-columns:1fr auto;column-gap:4px}.sm-fit .sm-alert time{grid-column:1/-1;font-size:10px}.sm-fit .sm-alert strong{margin:0;font-size:10px;line-height:18px}.sm-fit .sm-alert small{font-size:9px}.sm-fit .sm-alert em{font-size:10px}.sm-fit .sm-event-footer{padding-top:4px;margin-top:3px;font-size:10px}.sm-fit .sm-alert-count{font-size:10px}.sm-fit .sm-queue-panel{margin:0;padding:8px 10px 4px}.sm-fit .sm-queue-panel th{padding:4px 10px;font-size:11px}.sm-fit .sm-queue-panel td{padding:4px 10px;line-height:18px;font-size:11px}.sm-fit .sm-queue-panel .sm-numeric{font-size:14px}.sm-fit .sm-state-tag{padding:1px 7px;font-size:10px}.sm-fit .sm-queue-panel table{min-width:0}.sm-fit .sm-bottom{padding:0;align-items:center;flex-wrap:nowrap;font-size:10px}.sm-fit .sm-bottom>span:last-child{display:block}