.metric-trend.positive{color:#0f0}.metric-trend.negative{color:#f00}.apexcharts-yaxis,.apexcharts-xaxis,.apexcharts-yaxis-label,.apexcharts-xaxis-label{display:block!important;visibility:visible!important;opacity:1!important}#key-metrics-chart .apexcharts-canvas{height:350px!important;width:100%!important}#key-metrics-chart .apexcharts-svg{height:350px!important;width:100%!important}.apexcharts-yaxis text,.apexcharts-xaxis text{fill:#fff!important;font-size:12px!important}body.dark-theme{--background-color:#1a1a1a;--card-background:#2c2c2c;--text-color:#f0f0f0;--border-color:#444}body.dark-theme .dashboard{background:rgba(20,20,20,.9);border-color:rgba(255,0,0,.5)}body.dark-theme .metric-card{background:linear-gradient(135deg,rgba(20,20,20,.95) 0%,rgba(40,0,0,.98) 100%);border-color:rgba(255,0,0,.5)}body.dark-theme .chart-container{background:linear-gradient(135deg,rgba(20,20,20,.95) 0%,rgba(40,0,0,.98) 100%);border-color:rgba(255,0,0,.5)}body.dark-theme .dashboard-section{background:linear-gradient(135deg,#1a1a1a 0%,#2a0a0a 25%,#3a0a0a 50%,#2a0a0a 75%,#1a1a1a 100%)}.metric-card.animate{animation:fadeInUp .5s ease forwards}