*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;color:#e2e8f0}#app{min-height:100vh;padding:2rem}.dashboard{max-width:1400px;margin:0 auto}h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#94a3b8;margin-bottom:2rem}.controls{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.stats{display:flex;gap:1rem;flex-wrap:wrap}.frequency-control{display:flex;flex-direction:column;gap:.5rem;background:#1e293b;border-radius:12px;padding:1rem 1.5rem;border:1px solid #334155;min-width:200px}.frequency-control label{color:#94a3b8;font-size:.875rem}.frequency-control input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#334155;border-radius:4px;outline:none;cursor:pointer}.frequency-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;transition:transform .2s}.frequency-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.frequency-control input[type=range]::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;border:none;cursor:pointer}.stat-card{background:#1e293b;border-radius:12px;padding:1.5rem;flex:1;min-width:200px;border:1px solid #334155}.stat-label{color:#94a3b8;font-size:.875rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#e2e8f0}button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}button:hover{transform:translateY(-2px);opacity:.9}button:active{transform:translateY(0)}button.danger{background:linear-gradient(135deg,#f43f5e,#dc2626)}.chart-container{background:#1e293b;border-radius:12px;padding:2rem;margin-top:2rem;border:1px solid #334155}.chart-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#e2e8f0}.legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.legend-color{width:16px;height:16px;border-radius:4px}.instance-id{font-family:Courier New,monospace;font-size:.75rem;color:#cbd5e1}.instance-version{font-family:Courier New,monospace;font-size:.625rem;color:#64748b;background:#334155;padding:.125rem .375rem;border-radius:4px}.loading{text-align:center;padding:4rem;color:#94a3b8}