.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.06);padding:16px}
.card-image img{width:100%;height:auto;display:block;border-radius:6px}
.card-title{font-size:16px;font-weight:600;margin:8px 0}
.card-content{font-size:14px;line-height:1.5}

.card-stats{padding:20px}
.card-header{display:flex;align-items:center;justify-content:space-between}
.card-header .card-title{margin:0;font-size:16px;font-weight:600;color:#111827}
.card-menu{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px}
.card-subtitle{color:#6b7280;font-size:13px;margin-top:8px}
.stat-main{display:flex;align-items:center;gap:8px;margin-top:6px}
.stat-amount{font-size:28px;font-weight:700;color:#111827}
.stat-badge{display:inline-flex;align-items:center;gap:4px;border-radius:9999px;padding:2px 8px;font-size:12px;font-weight:600}
.stat-up{background:#ecfdf5;color:#065f46}
.stat-down{background:#fee2e2;color:#7f1d1d}
.stat-bars{display:flex;gap:6px;margin:12px 0 8px}
.bar{height:8px;border-radius:6px}
.bar-green{background:#10b981}
.bar-red{background:#ef4444}
.bar-purple{background:#8b5cf6}
.stat-legend{display:flex;gap:14px;align-items:center;color:#374151;font-size:12px;margin-bottom:10px}
.legend-item{display:inline-flex;align-items:center;gap:6px}
.dot{width:8px;height:8px;border-radius:50%}
.dot-green{background:#10b981}
.dot-red{background:#ef4444}
.dot-purple{background:#8b5cf6}
.stat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.stat-row{display:flex;align-items:center;justify-content:space-between}
.row-left{display:flex;align-items:center;gap:10px;color:#374151}
.row-right{display:flex;align-items:center;gap:10px;font-weight:600}
.amount{color:#111827}
.change{display:inline-flex;align-items:center;gap:4px;font-size:12px}
.change-up{color:#10b981}
.change-down{color:#ef4444}