Minimalist Metric Highlight Card

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<div class="stat-card-538"><div class="header"><span class="label">Total Revenue</span><span class="badge">+12.5%</span></div><div class="value">$48,290</div></div>

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #buttons #css #interface #opensource #codepeek
 */

.stat-card-538 { width: 190px; background: #ffffff; border-radius: 16px; padding: 16px; border: 1px solid #e2e8f0; box-shadow: 0 10px 25px rgba(0,0,0,0.03); font-family: system-ui, sans-serif; transition: transform 0.3s ease, box-shadow 0.3s ease; margin: auto; cursor: pointer; }
.stat-card-538:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(0,0,0,0.07); border-color: #cbd5e1; }
.stat-card-538 .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.stat-card-538 .label { font-size: 11px; font-weight: 600; color: #64748b; }
.stat-card-538 .badge { font-size: 9px; font-weight: 800; color: #16a34a; background: #dcfce7; padding: 3px 6px; border-radius: 6px; }
.stat-card-538 .value { font-size: 20px; font-weight: 900; color: #0f172a; letter-spacing: -0.5px; }