.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0a0a0a;color:#e0e0e0;padding:1rem;line-height:1.6}@media (min-width: 768px){body{padding:2rem}}.app{max-width:1400px;margin:0 auto}.app-title{font-size:1.75rem;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width: 768px){.app-title{font-size:2.5rem}}.app-description{font-size:.95rem;color:#888;line-height:1.6;margin-bottom:1.5rem;max-width:900px}@media (min-width: 768px){.app-description{font-size:1.1rem;margin-bottom:2rem}}.controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#1a1a1a;border-radius:8px;border:1px solid #333}@media (min-width: 768px){.controls{padding:1.5rem;margin-bottom:2rem}}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-secondary{background:#333;color:#fff}.btn-secondary:hover:not(:disabled){background:#444}.btn:disabled{opacity:.5;cursor:not-allowed}.batch-size-control{display:flex;flex-direction:column;gap:.5rem;min-width:150px;flex:1}@media (min-width: 768px){.batch-size-control{min-width:200px;flex:0 1 auto}}.batch-size-control label{font-size:.875rem;color:#888;display:flex;justify-content:space-between;align-items:center}.batch-size-value{color:#667eea;font-weight:600;font-variant-numeric:tabular-nums}.batch-size-control input[type=range]{width:100%;height:6px;border-radius:3px;background:#333;outline:none;-webkit-appearance:none}.batch-size-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;transition:background .2s}.batch-size-control input[type=range]::-webkit-slider-thumb:hover:not(:disabled){background:#5568d3}.batch-size-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:none;transition:background .2s}.batch-size-control input[type=range]::-moz-range-thumb:hover:not(:disabled){background:#5568d3}.batch-size-control input[type=range]:disabled{opacity:.5;cursor:not-allowed}.control-info{display:flex;gap:1rem;color:#888;width:100%;justify-content:space-around;font-size:.875rem}@media (min-width: 768px){.control-info{margin-left:auto;width:auto;gap:1.5rem;font-size:1rem}}.performance-section{margin-bottom:2rem;padding:1.5rem;background:#1a1a1a;border-radius:8px;border:1px solid #333}.performance-section h3{margin-bottom:1rem;color:#888;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metric-card{background:#0a0a0a;padding:1rem;border-radius:6px;border:1px solid #222;text-align:center}.metric-label{font-size:.875rem;color:#888;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:2rem;font-weight:700}.dependency-graph{margin-bottom:2rem;padding:1.5rem;background:#1a1a1a;border-radius:8px;border:1px solid #333}.dependency-graph h4{color:#888;font-size:1rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.graph-viz-container{width:100%;max-width:800px;margin:0 auto;background:#0a0a0a;border-radius:6px;border:1px solid #222;padding:1rem}.graph-viz-container svg{width:100%;height:auto}.current-metrics{margin-bottom:2rem;padding:1.5rem;background:#1a1a1a;border-radius:8px;border:1px solid #333}.current-metrics h3{margin-bottom:1rem;color:#888;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.stat-card{background:#0a0a0a;padding:1.5rem;border-radius:6px;border:1px solid #222;text-align:center}.stat-card h4{color:#888;font-size:.875rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#667eea}.stat-detail{font-size:.875rem;color:#666}.anomalies-section{margin-bottom:2rem;padding:1.5rem;background:#1a1a1a;border-radius:8px;border:1px solid #333}.anomalies-section h3{margin-bottom:1rem;color:#888;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.anomaly-list{display:flex;flex-direction:column;gap:.75rem}.anomaly-card{background:#0a0a0a;padding:1rem;border-radius:6px;border:1px solid #222}.anomaly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.anomaly-type{font-size:.75rem;font-weight:600;color:#888;letter-spacing:.05em}.anomaly-time{font-size:.75rem;color:#666}.anomaly-message{margin-bottom:.5rem;color:#e0e0e0}.anomaly-severity{font-size:.75rem;color:#666;text-transform:capitalize}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#1a1a1a;padding:1.5rem;border-radius:8px;border:1px solid #333}.chart-card h3{margin-bottom:1rem;color:#888;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.chart-container{position:relative;height:150px;background:#0a0a0a;border-radius:6px;border:1px solid #222;overflow:hidden}.uplot-chart{width:100%;height:100%}.uplot,.u-over{background:transparent!important}.message-flow-section{margin-bottom:2rem}.message-flow-section h3{margin-bottom:1rem;color:#888;font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em}.message-flow-viz{background:#0a0a0a;border:1px solid #333;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto}.message-flow-viz canvas{display:block;width:100%!important;height:auto!important;max-width:100%}.event-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:.75rem;background:#0a0a0a;border-top:1px solid #222;width:100%}@media (min-width: 768px){.event-legend{gap:2rem;padding:1rem}}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#888}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-custom{background:#667eea}.legend-state{background:#4caf50}.legend-system{background:#ff9800}.legend-label{font-weight:500}