.card-kpi { background-color: var(--fifth-color); border-radius: 15px; border: 1px solid rgba(255,255,255,0.05) !important; }
.card-chart { background-color: var(--fifth-color); border-radius: 15px; border: 1px solid rgba(255,255,255,0.05) !important; }

.icon-shape {
    width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1rem;
}

.btn-action-back {
    padding: 6px 14px !important; border-radius: 6px !important; font-weight: 600 !important; font-size: 0.75rem !important;
    border: 1px solid var(--tertiary-color); background: transparent; color: var(--sixth-color) !important; transition: all 0.2s;
}
.btn-action-back:hover { background-color: var(--tertiary-color) !important; color: white !important; transform: translateY(-1px); }

.chart-wrapper { position: relative; width: 100%; height: 100%; min-height: 280px; }

.bg-purple { background-color: #6f42c1 !important; }
.bg-magenta { background-color: #d63384 !important; }
.text-purple { color: #6f42c1 !important; }