.login-page[data-v-3a3e068f]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d1117,#161b22,#0d1117)}.login-card[data-v-3a3e068f]{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:48px 40px;width:400px;box-shadow:0 8px 32px #0006}.login-header[data-v-3a3e068f]{text-align:center;margin-bottom:36px}.login-header h1[data-v-3a3e068f]{color:#58a6ff;font-size:24px;margin:0 0 8px;font-weight:600}.login-header p[data-v-3a3e068f]{color:#8b949e;font-size:14px;margin:0}.login-form[data-v-3a3e068f]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-3a3e068f]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-3a3e068f]{color:#c9d1d9;font-size:13px;font-weight:500}.form-group input[data-v-3a3e068f]{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:10px 14px;color:#c9d1d9;font-size:15px;outline:none;transition:border-color .2s}.form-group input[data-v-3a3e068f]:focus{border-color:#58a6ff}.form-group input[data-v-3a3e068f]::placeholder{color:#484f58}.error-msg[data-v-3a3e068f]{color:#f85149;font-size:13px;text-align:center;padding:8px;background:#f851491a;border-radius:6px;border:1px solid rgba(248,81,73,.2)}.login-btn[data-v-3a3e068f]{background:#238636;color:#fff;border:none;border-radius:6px;padding:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:4px}.login-btn[data-v-3a3e068f]:hover:not(:disabled){background:#2ea043}.login-btn[data-v-3a3e068f]:disabled{opacity:.6;cursor:not-allowed}@media screen and (max-width: 768px){.login-page[data-v-3a3e068f]{padding:16px;align-items:flex-start;overflow-y:auto}.login-card[data-v-3a3e068f]{width:100%;max-width:420px;margin:auto 0;padding:36px 24px}.login-header[data-v-3a3e068f]{margin-bottom:28px}.login-header h1[data-v-3a3e068f]{font-size:21px}.login-header p[data-v-3a3e068f]{font-size:13px}.login-form[data-v-3a3e068f]{gap:16px}.login-btn[data-v-3a3e068f]{padding:13px;font-size:15px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif;background:#0a0e27;color:#e0e6ed;overflow-x:hidden}#app{background:#0a0e27;min-height:100vh}.header{background:linear-gradient(90deg,#0d1137,#1a1f4e,#0d1137);padding:16px 32px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:2px solid #1e90ff;box-shadow:0 2px 20px #1e90ff26}.header h1{font-size:34px;letter-spacing:2px}.header h1 span{color:#1e90ff}.header .time{font-size:14px;color:#89a;position:absolute;right:24px;top:50%;transform:translateY(-50%)}.header .dot{display:inline-block;width:8px;height:8px;background:#0f8;border-radius:50%;margin-right:6px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.summary{display:grid;grid-template-columns:80px repeat(6,1fr);gap:12px;padding:0 24px 12px;align-items:stretch}.summary:first-of-type{padding-top:16px}.row-label{display:flex;align-items:center;justify-content:center}.row-tag{color:#fff;font-size:14px;font-weight:600;padding:8px 6px;border-radius:6px;text-align:center;letter-spacing:2px;writing-mode:vertical-rl;text-orientation:upright;min-height:90px}.row-tag.blue{background:linear-gradient(180deg,#1e90ff,#06c)}.row-tag.orange{background:linear-gradient(180deg,#ff7a45,#d4380d)}.card{background:linear-gradient(135deg,#121632,#1a1f48);border-radius:8px;padding:16px 20px;border:1px solid rgba(30,144,255,.15);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#1e90ff;border-radius:8px 0 0 8px}.card .label{font-size:13px;color:#8899a8;margin-bottom:6px}.card .value{font-size:32px;font-weight:700}.card .unit{font-size:14px;color:#678;margin-left:4px}.card.blue .value{color:#1e90ff}.card.green .value{color:#0f8}.card.orange .value{color:#ff9800}.card.purple .value{color:#a855f7}.charts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px 12px}.wait-col{display:flex;flex-direction:column;gap:12px}.wait-col .chart-box{display:flex;flex-direction:column;flex:1;min-height:0}.wait-grid{display:flex;flex-direction:row;gap:12px;flex:1;min-height:0}.wait-item{flex:1;min-height:90px;display:flex;flex-direction:column;align-items:center}.wait-label{font-size:18px;color:#8899a8;margin-bottom:6px;text-align:center;line-height:1.3;padding:0 4px;font-family:Microsoft YaHei,微软雅黑,sans-serif;font-weight:700}.mini-pie{width:100%;max-width:160px;aspect-ratio:1 / 1;margin:8px auto 0}.wait-stats{display:flex;gap:10px;font-size:11px;color:#8899a8;margin-top:4px;flex-wrap:wrap;justify-content:center}.wait-stats b{font-weight:600;font-size:13px}.stat-wait b{color:#00bfff}.stat-handled b{color:#1e90ff}.wait-legend{display:flex;justify-content:center;gap:12px;font-size:11px;color:#8899a8;margin-top:2px}.wait-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:middle}.chart-box{background:linear-gradient(135deg,#121632,#1a1f48);border-radius:8px;padding:12px;border:1px solid rgba(30,144,255,.15)}.chart-box h3{font-size:15px;color:#8899a8;margin-bottom:8px;font-weight:400}.chart-box h3 .subtitle{font-size:12px;color:#4a5a6a;margin-top:2px;font-weight:400;word-break:break-all}.chart{width:100%;height:260px}#chartPie{height:260px;filter:drop-shadow(0 0 10px rgba(0,191,255,.45)) drop-shadow(0 0 22px rgba(30,144,255,.3))}.table-box{margin:0 24px 24px;background:linear-gradient(135deg,#121632,#1a1f48);border-radius:8px;padding:16px;border:1px solid rgba(30,144,255,.15)}.table-box h3{font-size:15px;color:#8899a8;margin-bottom:12px;font-weight:400}.table-scroll{max-height:420px;overflow-y:auto}.status-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-col{background:#0a0e2766;border:1px solid rgba(30,144,255,.1);border-radius:6px;display:flex;flex-direction:column;min-height:0}.status-col h4{font-size:13px;color:#8899a8;font-weight:400;padding:8px 12px;border-bottom:1px solid rgba(30,144,255,.12);background:#1e90ff0d;border-radius:6px 6px 0 0;letter-spacing:1px}.status-scroll{max-height:380px;overflow-y:auto}.status-col table thead th{padding:8px 10px;font-size:12px}.status-col table tbody td{padding:6px 10px;font-size:12px}.rank-col{width:38px;text-align:center!important}.rank-cell{text-align:center;font-weight:700;color:#4a5a6a}.rank-cell.rank-1{color:#ff4757}.rank-cell.rank-2{color:#ff9800}.rank-cell.rank-3{color:#00d4aa}.time-cell-strong{color:#1e90ff;font-family:Consolas,Monaco,monospace}.all-agents-box{margin-top:12px}.all-agents-box h3{display:flex;align-items:baseline}.agent-count{font-size:12px;color:#4a5a6a;margin-left:8px}.all-agents-scroll{max-height:420px;overflow-y:auto}.detail-box h3{display:flex;align-items:baseline}.detail-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:10px}.detail-header h3{margin-bottom:0}.name-filter{flex:0 0 220px;margin-left:16px}.group-filter{margin-left:auto}.name-filter input{width:100%;background:#0f172a99;border:1px solid rgba(110,168,255,.2);border-radius:8px;padding:7px 12px;color:#e2e8f0;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.name-filter input::placeholder{color:#678}.name-filter input:focus{border-color:#1e90ff99;box-shadow:0 0 0 3px #1e90ff1f}.group-filter{display:inline-flex;background:#0f172a99;border:1px solid rgba(110,168,255,.15);border-radius:8px;padding:3px;gap:2px}.filter-btn{background:transparent;border:none;color:#8899a8;padding:6px 14px;font-size:13px;border-radius:6px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;font-family:inherit}.filter-btn:hover{color:#e2e8f0;background:#6ea8ff14}.filter-btn.active{background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;box-shadow:0 2px 8px #1e90ff59}.filter-btn-offline.active{background:linear-gradient(135deg,#ff4757,#c34);box-shadow:0 2px 8px #ff475759}.filter-num{font-size:11px;padding:1px 6px;border-radius:10px;background:#ffffff1f;min-width:18px;text-align:center}.filter-btn.active .filter-num{background:#ffffff40}.detail-scroll{max-height:420px;overflow-y:auto;position:relative;border:1px solid rgba(30,144,255,.1);border-radius:6px}.detail-table{width:100%;border-collapse:separate;border-spacing:0}.detail-table thead th{position:sticky;top:0;z-index:10;background:#12244efa;text-align:left;padding:10px 12px;font-size:12px;color:#678;border-bottom:2px solid rgba(30,144,255,.18);font-weight:400;white-space:nowrap;box-shadow:0 2px 4px #0006}.detail-table thead th.idx{width:38px;text-align:center}.detail-table tbody td{padding:7px 12px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.03);white-space:nowrap}.detail-table tbody tr:hover{background:#1e90ff0f}.detail-scroll::-webkit-scrollbar{width:5px}.detail-scroll::-webkit-scrollbar-track{background:#0003;border-radius:3px}.detail-scroll::-webkit-scrollbar-thumb{background:#1e90ff4d;border-radius:3px}.detail-scroll::-webkit-scrollbar-thumb:hover{background:#1e90ff80}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:10px 14px;font-size:13px;color:#678;border-bottom:1px solid rgba(30,144,255,.15);font-weight:400}tbody td{padding:8px 14px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.03)}tbody tr:hover{background:#1e90ff14}.time-cell{color:#678}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.s-call{background:#1e90ff33;color:#1e90ff}.s-after{background:#ff980033;color:#ff9800}.s-hold{background:#a855f733;color:#a855f7}.s-notready{background:#94a3b833;color:#94a3b8}.s-idle{background:#00ff8826;color:#0f8}.s-outbound{background:#f472b633;color:#f472b6}.s-unknown{background:#ff475726;color:#ff4757}.s-offline{background:#ff475733;color:#ff6b81;border:1px solid rgba(255,107,129,.3)}.s-logout{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.25)}.offline-row td{background:#ff47570d}.refresh-bar{height:3px;background:linear-gradient(90deg,transparent,#1e90ff,transparent);animation:refreshAnim 5s linear infinite}@keyframes refreshAnim{0%{width:0%;opacity:1}80%{width:100%;opacity:.5}to{width:100%;opacity:0}}.error-toast{position:fixed;top:20px;right:20px;background:#ff4757;color:#fff;padding:10px 20px;border-radius:6px;z-index:9999;font-size:13px}.loading{text-align:center;padding:40px;color:#678}@media screen and (max-width: 768px){body{overflow-x:hidden}.header{padding:10px 12px;flex-wrap:wrap;gap:4px}.header h1{font-size:19px;letter-spacing:1px}.header .time{position:static;transform:none;font-size:11px;margin-top:2px}.summary{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 10px 8px}.summary:first-of-type{padding-top:10px}.summary .row-label{grid-column:1 / -1;justify-content:flex-start;margin-bottom:2px}.row-tag{writing-mode:horizontal-tb;text-orientation:mixed;min-height:0;padding:5px 16px;font-size:13px}.card{padding:10px 12px;border-radius:6px}.card .label{font-size:11px;margin-bottom:4px}.card .value{font-size:24px}.card .unit{font-size:12px}.charts-row{grid-template-columns:1fr;padding:0 10px 10px;gap:10px}.chart{height:220px}#chartPie{height:240px}.chart-box{padding:10px}.chart-box h3{font-size:14px}.wait-label{font-size:15px}.mini-pie{max-width:130px}.wait-grid{gap:8px}.status-cols{grid-template-columns:1fr;gap:10px}.status-scroll{max-height:none}.table-box{margin:0 10px 16px;padding:12px}.detail-header{flex-direction:column;align-items:stretch;gap:8px}.name-filter{flex:1;margin-left:0;width:100%}.group-filter{margin-left:0;width:100%;flex-wrap:wrap}.filter-btn{flex:1 1 auto;justify-content:center;padding:6px 10px}.detail-scroll{max-height:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-table{min-width:640px}}@media screen and (max-width: 480px){.wait-grid{flex-direction:column}.mini-pie{max-width:120px}.wait-item{min-height:0;margin-bottom:4px}.card .value{font-size:22px}.header h1{font-size:17px}}.admin-page[data-v-20d8e258]{min-height:100vh;background:linear-gradient(135deg,#0d1117,#161b22,#0d1117);color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-header[data-v-20d8e258]{background:linear-gradient(90deg,#0b0f2a,#141a38,#0b0f2a);padding:14px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #1e90ff;box-shadow:0 2px 20px #1e90ff1f}.admin-title h1[data-v-20d8e258]{font-size:22px;color:#58a6ff;margin:0;display:inline}.admin-title .subtitle[data-v-20d8e258]{font-size:13px;color:#668;margin-left:14px}.admin-actions[data-v-20d8e258]{display:flex;align-items:center;gap:16px}.admin-actions .time[data-v-20d8e258]{font-size:14px;color:#89a}.btn-back[data-v-20d8e258],.btn-logout[data-v-20d8e258]{border:1px solid #30363d;border-radius:6px;padding:7px 18px;font-size:13px;cursor:pointer;background:#21262d;color:#c9d1d9;transition:.2s}.btn-back[data-v-20d8e258]:hover{border-color:#58a6ff;color:#58a6ff}.btn-logout[data-v-20d8e258]:hover{border-color:#f85149;color:#f85149}.admin-main[data-v-20d8e258]{max-width:1080px;margin:0 auto;padding:28px 24px}.section-cards[data-v-20d8e258]{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:32px}.stat-card[data-v-20d8e258]{background:#161b22;border:1px solid #30363d;border-radius:10px;padding:18px 16px;text-align:center}.stat-card.wide[data-v-20d8e258]{grid-column:span 1}.stat-label[data-v-20d8e258]{font-size:13px;color:#8b949e;margin-bottom:8px}.stat-value[data-v-20d8e258]{font-size:28px;font-weight:700;color:#58a6ff}.stat-value.small[data-v-20d8e258]{font-size:14px;font-weight:400;color:#8b949e}.section[data-v-20d8e258]{background:#161b22;border:1px solid #30363d;border-radius:10px;padding:24px}.section-header[data-v-20d8e258]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2[data-v-20d8e258]{font-size:18px;color:#e6edf3;margin:0}.btn-add[data-v-20d8e258]{background:#238636;color:#fff;border:none;border-radius:6px;padding:8px 20px;font-size:14px;cursor:pointer;transition:.2s}.btn-add[data-v-20d8e258]:hover{background:#2ea043}.add-form[data-v-20d8e258]{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:16px;margin-bottom:20px}.form-row[data-v-20d8e258]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input-sm[data-v-20d8e258]{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:8px 12px;color:#c9d1d9;font-size:14px;outline:none}.input-sm[data-v-20d8e258]:focus{border-color:#58a6ff}select.input-sm[data-v-20d8e258]{cursor:pointer}.btn-save[data-v-20d8e258],.btn-cancel[data-v-20d8e258]{padding:8px 18px;border-radius:6px;font-size:14px;cursor:pointer;border:none}.btn-save[data-v-20d8e258]{background:#1f6feb;color:#fff}.btn-save[data-v-20d8e258]:hover{background:#388bfd}.btn-save[data-v-20d8e258]:disabled{opacity:.5;cursor:not-allowed}.btn-cancel[data-v-20d8e258]{background:#21262d;color:#8b949e;border:1px solid #30363d}.btn-cancel[data-v-20d8e258]:hover{color:#c9d1d9}.form-error[data-v-20d8e258]{color:#f85149;font-size:13px;margin-top:8px}.user-table[data-v-20d8e258]{width:100%;border-collapse:collapse}.user-table th[data-v-20d8e258],.user-table td[data-v-20d8e258]{padding:12px 16px;text-align:left;border-bottom:1px solid #21262d}.user-table th[data-v-20d8e258]{color:#8b949e;font-size:13px;font-weight:500}.user-table td[data-v-20d8e258]{font-size:14px}.role-tag[data-v-20d8e258]{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.role-admin[data-v-20d8e258]{background:#f8514926;color:#f85149}.role-ccp[data-v-20d8e258]{background:#1e90ff1f;color:#58a6ff}.btn-del[data-v-20d8e258]{background:transparent;border:1px solid #f85149;color:#f85149;border-radius:5px;padding:4px 12px;font-size:12px;cursor:pointer;transition:.2s}.btn-del[data-v-20d8e258]:hover:not(:disabled){background:#f85149;color:#fff}.btn-del[data-v-20d8e258]:disabled{opacity:.3;cursor:not-allowed;border-color:#30363d;color:#484f58}.empty[data-v-20d8e258]{text-align:center;color:#484f58;padding:24px}.header-actions[data-v-20d8e258]{display:flex;gap:10px}.btn-outline[data-v-20d8e258]{background:transparent;border:1px solid #58a6ff;color:#58a6ff;border-radius:6px;padding:7px 18px;font-size:13px;cursor:pointer;transition:.2s}.btn-outline[data-v-20d8e258]:hover:not(:disabled){background:#58a6ff1a}.btn-outline[data-v-20d8e258]:disabled{opacity:.5;cursor:not-allowed}.btn-warning[data-v-20d8e258]{background:#d29922;color:#0d1117;border:none;border-radius:6px;padding:7px 18px;font-size:13px;cursor:pointer;transition:.2s;font-weight:500}.btn-warning[data-v-20d8e258]:hover:not(:disabled){background:#e3b341}.btn-warning[data-v-20d8e258]:disabled{opacity:.5;cursor:not-allowed}.wechat-form[data-v-20d8e258]{margin-bottom:14px}.form-grid[data-v-20d8e258]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:16px}.form-item[data-v-20d8e258]{display:flex;flex-direction:column;gap:6px}.form-item label[data-v-20d8e258]{font-size:13px;color:#8b949e}.input-lg[data-v-20d8e258]{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:9px 12px;color:#c9d1d9;font-size:14px;outline:none;width:100%;box-sizing:border-box}.input-lg[data-v-20d8e258]:focus{border-color:#58a6ff}.form-footer[data-v-20d8e258]{display:flex;align-items:center;gap:16px}.wechat-msg[data-v-20d8e258]{font-size:13px;white-space:pre-line}.msg-ok[data-v-20d8e258]{color:#3fb950}.msg-err[data-v-20d8e258]{color:#f85149}.help-text[data-v-20d8e258]{font-size:12px;color:#484f58;line-height:1.6;background:#0d1117;border-radius:6px;padding:12px 16px;border:1px solid #21262d}.btn-mini[data-v-20d8e258]{background:#58a6ff;color:#0d1117;border:none;border-radius:6px;padding:0 14px;font-size:13px;cursor:pointer;transition:.2s;white-space:nowrap;font-weight:500}.btn-mini[data-v-20d8e258]:hover{background:#79b8ff}.modal-mask[data-v-20d8e258]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card[data-v-20d8e258]{background:#161b22;border:1px solid #30363d;border-radius:10px;padding:22px 24px;width:560px;max-width:92%;box-shadow:0 20px 60px #00000080}.modal-card h3[data-v-20d8e258]{margin:0 0 12px;color:#e6edf3;font-size:16px}.modal-footer[data-v-20d8e258]{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.chat-msg[data-v-20d8e258]{font-size:13px;margin-top:8px}@media screen and (max-width: 768px){body[data-v-20d8e258]{overflow-x:hidden}.admin-header[data-v-20d8e258]{padding:12px 14px;flex-wrap:wrap;gap:8px}.admin-title h1[data-v-20d8e258]{font-size:19px}.admin-title .subtitle[data-v-20d8e258]{font-size:12px}.admin-actions[data-v-20d8e258]{gap:8px;flex-wrap:wrap}.admin-actions .time[data-v-20d8e258]{display:none}.btn-back[data-v-20d8e258],.btn-logout[data-v-20d8e258]{padding:6px 12px;font-size:12px}.admin-main[data-v-20d8e258]{padding:16px 12px}.section-cards[data-v-20d8e258]{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.section-cards .wide[data-v-20d8e258]{grid-column:1 / -1}.stat-card[data-v-20d8e258]{padding:12px}.stat-label[data-v-20d8e258]{font-size:12px}.stat-value[data-v-20d8e258]{font-size:22px}.section[data-v-20d8e258]{padding:14px 12px}.section-header[data-v-20d8e258]{flex-wrap:wrap;gap:8px}.section-header h2[data-v-20d8e258]{font-size:16px}.header-actions[data-v-20d8e258]{width:100%;flex-wrap:wrap}.header-actions button[data-v-20d8e258]{flex:1 1 auto;padding:7px 10px;font-size:12px}.form-grid[data-v-20d8e258]{grid-template-columns:1fr;gap:12px}.form-footer[data-v-20d8e258]{flex-wrap:wrap;gap:8px}.help-text[data-v-20d8e258]{font-size:11px;padding:10px 12px}.user-table[data-v-20d8e258]{min-width:560px}.table-scroll[data-v-20d8e258]{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-table th[data-v-20d8e258],.user-table td[data-v-20d8e258]{padding:10px}.modal-card[data-v-20d8e258]{padding:18px 16px}}