.metric-row { display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px solid #4a5568; } .metric-row:last-child { border-bottom: none; } .status-indicator { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; } .status-running { background: #48bb78; animation: pulse 1s infinite; } .status-stopped { background: #f56565; } .status-ready { background: #ed8936; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .chart-container { height: 200px; background: #f7fafc; border: 1px solid #e2e8f0; border-radius: 10px; margin: 15px 0; position: relative; overflow: hidden; } .chart-line { position: absolute; bottom: 0; width: 2px; background: #667eea; transition: height 0.3s ease; } @media (max-width: 768px) { .grid { grid-template-columns: 1fr; } .control-group { flex-direction: column; align-items: flex-start; } .stats-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } }
Load testing and performance analysis tools