:root{--accent: #E0457B;--accent2: #00C7B1;--cs-purple: #8246AF;--cs-gold: #FFA300;--bg: #0c0c0e;--surface: #17171b;--border: #2a2032;--text: #f0f0f2;--muted: #8a8896}:root[data-theme=light]{--bg: #f6f5f8;--surface: #ffffff;--border: #d8d3e0;--text: #1a1a1e;--muted: #6b6874}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.app-header h1{font-size:1.1rem;margin:0}.app-brand{display:flex;align-items:center;gap:.6rem}.app-logo{height:32px;width:auto;border-radius:6px}.app-header-controls{display:flex;align-items:center;gap:.6rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.4rem}.mode-tabs{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}.mode-tab{background:transparent;border:none;color:var(--muted);border-radius:6px;padding:.35rem .75rem;font-size:.8rem;cursor:pointer}.mode-tab:hover{color:var(--text)}.mode-tab.active{background:var(--accent);color:#fff}.range-label{color:var(--muted);font-size:.78rem;margin-bottom:.75rem}.app-header-controls input[type=date]{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.35rem .5rem;font-size:.85rem}.app-main{padding:1.25rem 1.5rem 2.5rem;max-width:1200px;margin:0 auto}.error-banner{background:#e0457b1f;border:1px solid var(--accent);color:var(--accent);border-radius:8px;padding:.6rem 1rem;margin-bottom:1rem;font-size:.85rem}.section-label{font-size:.67rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.loading-text{color:var(--muted);padding:2rem 0;font-size:.875rem}.kpi-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem 1.1rem;min-width:105px}.kpi-val{font-size:1.55rem;font-weight:700;color:var(--accent);line-height:1.1}.kpi-val.kpi-green{color:var(--accent2)}.kpi-val.kpi-yellow{color:var(--cs-gold)}.kpi-val.kpi-red{color:#f87171}.kpi-label{display:flex;align-items:center;gap:5px;font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.kpi-info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;border:1px solid var(--muted);color:var(--muted);font-size:.58rem;font-family:Georgia,Times New Roman,serif;font-style:italic;text-transform:none;cursor:help;line-height:1;flex-shrink:0}.kpi-info:hover,.kpi-info:focus{border-color:var(--accent);color:var(--accent);outline:none}.kpi-info-tip{display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);width:190px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.5rem .65rem;font-size:.68rem;font-weight:400;font-style:normal;text-transform:none;letter-spacing:normal;line-height:1.35;color:var(--text);box-shadow:0 8px 20px #00000073;z-index:40}.kpi-info:hover .kpi-info-tip,.kpi-info:focus .kpi-info-tip{display:block}.kpi-sub{font-size:.6rem;color:var(--muted)}.kpi-sub .trend-up{color:var(--accent2)}.kpi-sub .trend-down{color:var(--accent)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 800px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem .75rem}.chart-card.full-width{grid-column:1 / -1}.chart-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.75rem}.chart-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.chart-title-row .chart-title{margin-bottom:.75rem}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:6px!important;color:var(--text)!important}.recharts-cartesian-axis-tick text{fill:var(--muted);font-size:11px}.search-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.5rem .85rem;font-size:.875rem;width:100%;max-width:340px;margin-bottom:.85rem;outline:none}.search-box:focus{border-color:var(--accent)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:auto;margin-bottom:.75rem}table{width:100%;border-collapse:collapse;font-size:.82rem}thead th{background:var(--bg);color:var(--muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.7rem 1rem;text-align:left;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}thead th:hover{color:var(--text)}thead th.sorted{color:var(--accent)}tbody tr{border-top:1px solid var(--border)}tbody tr:hover{background:#ffffff06}:root[data-theme=light] tbody tr:hover{background:#00000006}td{padding:.55rem 1rem;vertical-align:middle}.mono{font-family:monospace;font-size:.77rem}.mono-sm{font-family:monospace;font-size:.7rem;color:var(--muted)}.muted{color:var(--muted)}.pagination{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted);margin-top:.5rem}.pagination button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.2rem .55rem;cursor:pointer;font-size:.8rem}.pagination button:disabled{opacity:.3;cursor:default}.pagination button:not(:disabled):hover{border-color:var(--accent)}.disp-pill{display:inline-block;border-radius:20px;padding:.15rem .6rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.disp-pill.disp-answered{background:#00c7b126;color:var(--accent2)}.disp-pill.disp-busy{background:#ffa30026;color:var(--cs-gold)}.disp-pill.disp-no-answer{background:#e0457b26;color:var(--accent)}.disp-pill.disp-other{background:#8a889626;color:var(--muted)}.net-graph-card{margin-top:1rem}.net-legend{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem;font-size:.72rem;color:var(--muted);margin-bottom:.75rem}.net-legend span{display:flex;align-items:center;gap:.35rem}.net-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.net-playback{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:.85rem}.net-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.3rem .7rem;cursor:pointer;font-size:.78rem}.net-btn:hover{border-color:var(--accent)}.net-speed{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.3rem .5rem;font-size:.78rem}.net-slider{flex:1;min-width:140px;accent-color:var(--accent2)}.net-progress{color:var(--muted);white-space:nowrap}.net-graph-wrap{position:relative}.net-svg{width:100%;max-height:640px;aspect-ratio:1 / 1;display:block;margin:0 auto}.net-node{transition:opacity .2s}.net-label{fill:var(--text);font-size:13px}.net-count{fill:var(--muted);font-size:11px}.net-tooltip{position:absolute;transform:translate(-50%,-100%);margin-top:-14px;width:220px;max-height:220px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;box-shadow:0 8px 20px #00000073;z-index:50;font-size:.72rem;display:flex;flex-direction:column}.net-tooltip-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--text);font-size:.8rem;margin-bottom:2px}.net-tooltip-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.net-tooltip-total{color:var(--accent2);font-weight:700;white-space:nowrap}.net-tooltip-sub{color:var(--muted);margin-bottom:6px}.net-tooltip-list{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.net-tooltip-row{display:flex;align-items:center;gap:6px;min-width:0}.net-tooltip-time{color:var(--muted);font-family:monospace;font-size:.66rem;white-space:nowrap}.net-tooltip-self{color:var(--cs-gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.net-tooltip-dir.out{color:var(--accent2);font-weight:700}.net-tooltip-dir.in{color:var(--accent);font-weight:700}.net-tooltip-other{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.net-tooltip-empty{color:var(--muted);font-style:italic}.net-edge-tooltip{position:absolute;transform:translate(-50%,-50%);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.3rem .55rem;box-shadow:0 8px 20px #00000073;z-index:60;font-size:.72rem;color:var(--text);white-space:nowrap;pointer-events:none}.net-edge-tooltip strong{color:var(--accent2)}