body {
    background-color: #f8f9fa;
}

.card-summary {
    border-left: 4px solid;
    transition: transform 0.2s;
}

.card-summary:hover {
    transform: translateY(-2px);
}

.card-summary.spend { border-left-color: #dc3545; }
.card-summary.reach { border-left-color: #0d6efd; }
.card-summary.clicks { border-left-color: #198754; }
.card-summary.cpc { border-left-color: #ffc107; }
.card-summary.cpm { border-left-color: #6f42c1; }

.media-thumb {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
}