:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}@media (width>=1024px){body{place-items:center;display:flex}#app{grid-template-columns:1fr 1fr;padding:0 2rem;display:grid}}[data-v-caa7058f]{box-sizing:border-box;margin:0;padding:0}.dashboard[data-v-caa7058f]{color:#fff;background:linear-gradient(135deg,#030d24 0%,#0a1a38 100%);width:100vw;height:100vh;padding:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;position:relative;overflow:hidden}.dashboard-header[data-v-caa7058f]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001432cc;border-bottom:1px solid #0066ff4d;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}.header-left[data-v-caa7058f]{align-items:center;gap:15px;display:flex}.logo[data-v-caa7058f]{color:#00e5ff;align-items:center;gap:10px;font-size:22px;font-weight:600;display:flex}.logo-icon[data-v-caa7058f]{width:24px;height:24px}.header-tag[data-v-caa7058f]{color:#fff9;font-size:12px}.header-right[data-v-caa7058f]{align-items:center;gap:20px;display:flex}.time[data-v-caa7058f]{color:#a0d8ff;font-size:14px}.refresh-btn[data-v-caa7058f]{color:#00e5ff;cursor:pointer;background:#00e5ff1a;border:1px solid #00e5ff;border-radius:4px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;transition:all .3s;display:flex}.refresh-icon[data-v-caa7058f]{width:16px;height:16px}.refresh-btn[data-v-caa7058f]:hover{background:#00e5ff33}.kpi-section[data-v-caa7058f]{box-sizing:border-box;grid-template-columns:repeat(6,1fr);gap:16px;height:160px;padding:16px 30px;display:grid}.kpi-card[data-v-caa7058f]{box-sizing:border-box;background:#00234b99;border:1px solid #0066ff4d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:12px 8px;display:flex;position:relative;overflow:hidden}.kpi-card[data-v-caa7058f]:before{content:"";background:linear-gradient(90deg,#06f,#00e5ff);width:100%;height:3px;position:absolute;top:0;left:0}.kpi-icon[data-v-caa7058f]{flex-shrink:0;width:22px;height:22px}.kpi-label[data-v-caa7058f]{color:#ffffffbf;white-space:nowrap;font-size:13px}.kpi-value[data-v-caa7058f]{text-shadow:0 0 8px #00e5ff80;white-space:nowrap;font-size:28px;font-weight:600;line-height:1}.kpi-desc[data-v-caa7058f]{color:#ffffff80;white-space:nowrap;font-size:11px}.main-content[data-v-caa7058f]{grid-template-columns:28% 44% 28%;gap:20px;height:calc(100vh - 280px);padding:0 30px 20px;display:grid}.panel[data-v-caa7058f]{flex-direction:column;gap:20px;display:flex}.card[data-v-caa7058f]{background:#00234b99;border:1px solid #0066ff4d;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.card-header[data-v-caa7058f]{border-bottom:1px solid #06f3;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.card-header h3[data-v-caa7058f]{color:#00e5ff;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.card-icon[data-v-caa7058f]{width:18px;height:18px}.card-header .count[data-v-caa7058f]{color:#fff9;font-size:12px;font-weight:400}.card-body[data-v-caa7058f]{flex:1;padding:20px;overflow:hidden}.chart-container[data-v-caa7058f]{background:#00143233;border-radius:4px;width:100%;height:100%;min-height:200px;max-height:220px}.agent-list[data-v-caa7058f]{flex-direction:column;gap:10px;margin-top:20px;display:flex}.agent-item[data-v-caa7058f]{background:#00326466;border-radius:6px;align-items:center;gap:12px;padding:10px;display:flex}.agent-avatar[data-v-caa7058f]{background:linear-gradient(135deg,#00e5ff,#06f);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.agent-info[data-v-caa7058f]{flex:1}.agent-name[data-v-caa7058f]{margin-bottom:2px;font-size:14px;font-weight:500}.agent-queue[data-v-caa7058f]{color:#fff9;font-size:12px}.agent-status[data-v-caa7058f]{border-radius:4px;padding:4px 8px;font-size:12px}.agent-status.online[data-v-caa7058f]{color:#00e5ff;background:#00e5ff33}.agent-status.busy[data-v-caa7058f]{color:#26f0b5;background:#26f0b533}.agent-status.offline[data-v-caa7058f]{color:#ffc13a;background:#ffc13a33}.chart-tabs[data-v-caa7058f]{gap:10px;display:flex}.chart-tabs span[data-v-caa7058f]{color:#ffffffb3;cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px}.chart-tabs span.active[data-v-caa7058f]{color:#00e5ff;background:#00e5ff33;border:1px solid #00e5ff}.event-filter select[data-v-caa7058f]{color:#fff;background:#00326499;border:1px solid #0066ff4d;border-radius:4px;outline:none;padding:4px 8px;font-size:12px}.event-stream[data-v-caa7058f]{flex-direction:column;gap:10px;display:flex}.event-item[data-v-caa7058f]{background:#00326466;border-left:3px solid #00e5ff;border-radius:6px;align-items:flex-start;gap:12px;padding:12px;display:flex}.event-item.call-link[data-v-caa7058f]{border-left-color:#00e5ff}.event-item.call-hangup[data-v-caa7058f]{border-left-color:#fb6060}.event-item.chat-start[data-v-caa7058f]{border-left-color:#8a7cff}.event-item.agent-online[data-v-caa7058f]{border-left-color:#26f0b5}.event-item.agent-offline[data-v-caa7058f]{border-left-color:#ffc13a}.event-time[data-v-caa7058f]{color:#fff9;min-width:60px;font-size:12px}.event-icon[data-v-caa7058f]{text-align:center;min-width:24px}.event-svg[data-v-caa7058f]{width:20px;height:20px}.event-item.call-link .event-svg[data-v-caa7058f]{color:#00e5ff}.event-item.call-hangup .event-svg[data-v-caa7058f]{color:#fb6060}.event-item.chat-start .event-svg[data-v-caa7058f]{color:#8a7cff}.event-item.agent-online .event-svg[data-v-caa7058f]{color:#26f0b5}.event-item.agent-offline .event-svg[data-v-caa7058f]{color:#ffc13a}.event-content[data-v-caa7058f]{flex:1}.event-title[data-v-caa7058f]{margin-bottom:4px;font-size:14px;font-weight:500}.event-detail[data-v-caa7058f]{color:#ffffffb3;font-size:12px}.chat-stats[data-v-caa7058f]{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.chat-stat-item[data-v-caa7058f]{text-align:center;background:#00326466;border-radius:6px;flex-direction:column;align-items:center;padding:15px;display:flex}.stat-icon[data-v-caa7058f]{width:24px;height:24px;margin-bottom:8px}.stat-label[data-v-caa7058f]{color:#ffffffb3;margin-bottom:8px;font-size:14px}.stat-value[data-v-caa7058f]{color:#00e5ff;text-shadow:0 0 8px #00e5ff80;font-size:24px;font-weight:700}.call-top-list[data-v-caa7058f]{flex-direction:column;gap:10px;display:flex}.call-top-item[data-v-caa7058f]{background:#00326466;border-radius:6px;align-items:center;gap:12px;padding:10px;display:flex}.rank[data-v-caa7058f]{color:#00e5ff;background:#00e5ff33;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.caller-icon[data-v-caa7058f]{width:20px;height:20px}.caller[data-v-caa7058f]{flex:1;font-size:14px}.duration[data-v-caa7058f]{color:#00e5ff;font-size:12px}[data-v-caa7058f]::-webkit-scrollbar{display:none}[data-v-caa7058f]{scrollbar-width:none}