.call-breakdown[data-v-32510a17]{background:#fff;border-radius:8px;padding:24px}.call-breakdown .breakdown-header[data-v-32510a17]{margin-bottom:24px}.call-breakdown .breakdown-header h3[data-v-32510a17]{font-size:1.1rem;font-weight:600;color:#1a1f36;margin-bottom:12px}.call-breakdown .breakdown-header .legend[data-v-32510a17]{display:flex;gap:16px;flex-wrap:wrap}.call-breakdown .breakdown-header .legend .legend-item[data-v-32510a17]{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#64748b}.call-breakdown .breakdown-header .legend .legend-item .dot[data-v-32510a17]{width:8px;height:8px;border-radius:50%}.call-breakdown .breakdown-header .legend .legend-item .dot.total[data-v-32510a17]{background-color:#2c81ff}.call-breakdown .breakdown-header .legend .legend-item .dot.answered[data-v-32510a17]{background-color:#6bd567}.call-breakdown .breakdown-header .legend .legend-item .dot.placed[data-v-32510a17]{background-color:#c64dff}.call-breakdown .breakdown-header .legend .legend-item .dot.missed[data-v-32510a17]{background-color:#e75050}.call-breakdown .breakdown-header .legend .legend-item .dot.forwarded[data-v-32510a17]{background-color:#00b4d8}.call-breakdown .breakdown-container[data-v-32510a17]{position:relative;padding:20px;display:flex;flex-direction:column;align-items:center}.call-breakdown .breakdown-container .tree-node.root[data-v-32510a17]{position:relative;margin-bottom:40px;z-index:2}.call-breakdown .breakdown-container .tree-node.root[data-v-32510a17]:after{content:"";position:absolute;bottom:-40px;left:50%;width:2px;height:40px;background-color:#e2e8f0;transform:translateX(-50%)}.call-breakdown .breakdown-container .tree-node.root .node-content[data-v-32510a17]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:300px;padding:16px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.05)}.call-breakdown .breakdown-container .tree-node.root .node-content .value[data-v-32510a17]{font-size:1.5rem;font-weight:600;color:#1a1f36;margin-bottom:4px}.call-breakdown .breakdown-container .tree-node.root .node-content .label[data-v-32510a17]{font-size:1rem;color:#64748b;margin-bottom:4px}.call-breakdown .breakdown-container .tree-node.root .node-content .sub-label[data-v-32510a17]{font-size:.875rem;color:#94a3b8}.call-breakdown .breakdown-container .tree-level[data-v-32510a17]{width:100%;display:flex;justify-content:space-between;gap:40px;position:relative;padding-top:40px}.call-breakdown .breakdown-container .tree-level[data-v-32510a17]:before{content:"";position:absolute;top:0;left:calc(25% - 10px);right:calc(25% - 10px);height:2px;background-color:#e2e8f0}.call-breakdown .breakdown-container .tree-branch[data-v-32510a17]{flex:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.call-breakdown .breakdown-container .tree-branch[data-v-32510a17]:before{content:"";position:absolute;top:-40px;left:50%;width:2px;height:40px;background-color:#e2e8f0;transform:translateX(-50%)}.call-breakdown .breakdown-container .tree-branch .node-content[data-v-32510a17]{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.05)}.call-breakdown .breakdown-container .tree-branch .node-content[data-v-32510a17]:before{content:"";position:absolute;top:50%;width:17px;height:2px;background-color:#e2e8f0}.call-breakdown .breakdown-container .tree-branch .node-content.primary[data-v-32510a17]{border-left:3px solid #4caf50}.call-breakdown .breakdown-container .tree-branch .node-content.primary[data-v-32510a17]:before{width:0}.call-breakdown .breakdown-container .tree-branch .node-content.secondary[data-v-32510a17]{border-left:3px solid #2c81ff;margin-left:27px;width:calc(100% - 20px)}.call-breakdown .breakdown-container .tree-branch .node-content.secondary[data-v-32510a17]:before{left:-20px}.call-breakdown .breakdown-container .tree-branch .node-content.tertiary[data-v-32510a17]{border-left:3px solid #e75050;margin-left:25px;width:calc(100% - 40px)}.call-breakdown .breakdown-container .tree-branch .node-content.tertiary[data-v-32510a17]:before{left:-20px}.call-breakdown .breakdown-container .tree-branch .node-content .value[data-v-32510a17]{font-size:1.1rem;font-weight:600;color:#1a1f36}.call-breakdown .breakdown-container .tree-branch .node-content .label[data-v-32510a17]{font-size:.875rem;color:#64748b;margin:2px 0}.call-breakdown .breakdown-container .tree-branch .node-content .percentage[data-v-32510a17]{font-size:.75rem;color:#94a3b8}.call-breakdown .breakdown-container .tree-branch .sub-nodes[data-v-32510a17]{width:100%;display:flex;flex-direction:column;gap:16px;position:relative}.call-breakdown .breakdown-container .tree-branch .sub-nodes.tertiary[data-v-32510a17]{margin-top:24px}.call-breakdown .breakdown-container .tree-branch .sub-nodes.tertiary[data-v-32510a17]:before{top:-20px}.call-breakdown .breakdown-container .tree-branch .sub-nodes[data-v-32510a17]:before{content:"";position:absolute;top:-24px;left:8px;width:2px;height:100%;background-color:#e2e8f0}#agent-reports{padding:24px}#agent-reports .charts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}#agent-reports .charts-header .section-title{font-size:1.3rem;font-weight:600;color:#1a1f36}#agent-reports .charts-header .filters{display:flex;gap:16px}#agent-reports .charts-header .filters .agent-filter,#agent-reports .charts-header .filters .date-filter{width:200px}#agent-reports .chart-blocks{margin-bottom:32px}#agent-reports .chart-blocks .chart-block{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.1)}#agent-reports .chart-blocks .chart-block .chart-block-header{margin-bottom:16px}#agent-reports .chart-blocks .chart-block .chart-block-header .block-setup{display:flex;align-items:center;gap:12px}#agent-reports .chart-blocks .chart-block .chart-block-header .block-setup .block-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}#agent-reports .chart-blocks .chart-block .chart-block-header .block-setup .block-icon svg{width:16px;height:16px}#agent-reports .chart-blocks .chart-block .chart-block-header .block-setup .block-title{font-weight:500;color:#1a1f36}#agent-reports .chart-blocks .chart-block .chart-block-header .block-setup .block-subtitle{font-size:.875rem;color:#64748b}#agent-reports .chart-blocks .chart-block .chart-block-value{font-size:1.5rem;font-weight:600;color:#1a1f36}#agent-reports .row-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}#agent-reports .row-charts.full-width{grid-template-columns:1fr}@media(max-width:768px){#agent-reports .row-charts{grid-template-columns:1fr}}#agent-reports .row-charts .data-chart{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}#agent-reports .row-charts .data-chart.full-width{grid-column:1/-1}#agent-reports .agent-performance{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}#agent-reports .agent-performance .section-title{font-size:1.1rem;font-weight:600;color:#1a1f36;margin-bottom:16px}#agent-reports .no-agent-selected{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}#agent-reports .no-agent-selected .empty-state{text-align:center;padding:40px}#agent-reports .no-agent-selected .empty-state svg{width:48px;height:48px;color:#64748b;margin-bottom:16px}#agent-reports .no-agent-selected .empty-state h3{font-size:1.2rem;font-weight:600;color:#1a1f36;margin-bottom:8px}#agent-reports .no-agent-selected .empty-state p{color:#64748b;font-size:.875rem}