Corporate Performance Indicators

"<div class="dashboard-container"> <div class="kpi-card conversion"> <h3>Conversion Rate</h3> <div class="gauge" data-value="45%"> <!-- Gauge visualization would go here --> </div> <div class="kpi-status yellow">Average (45%)</div> <div class="trend up">+2% from last month</div> </div> <div class="kpi-card waste-reduction"> <h3>Lead Time Reduction</h3> <div class="bar-chart"> <!-- Chart would show 8 hours (example) --> </div> <div class="kpi-status yellow">Average (8 hours)</div> </div> </div> <style> .kpi-card { background: white; border-radius: 8px; padding: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .green { background-color: #4CAF50; color: white; } .yellow { background-color: #FFC107; } .red { background-color: #F44336; color: white; } </style>"