/* Container grid */
.dashboard-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 15px;
}

/* Card */
.card-box {
    background: #1e1e2f;
    color: #fff;
    padding: 16px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: 0.2s;
}

/* Hover effect */
.card-box:hover {
    transform: translateY(-3px);
}

/* Judul kecil */
.card-title {
    font-size: 14px;
    opacity: 0.8;
}

/* Angka besar */
.card-value {
    font-size: 28px;
    font-weight: bold;
    margin-top: 6px;
}

/* Variasi warna (opsional) */


.card-blue      { background: #1976d2; }
.card-indigo    { background: #3949ab; }
.card-purple    { background: #6a1b9a; }
.card-pink      { background: #d81b60; }

.card-red       { background: #c62828; }
.card-deeporange{ background: #e64a19; }
.card-orange    { background: #ef6c00; }
.card-amber     { background: #ff8f00; }

.card-green     { background: #2e7d32; }
.card-teal      { background: #00897b; }
.card-cyan      { background: #00acc1; }
.card-lime      { background: #7cb342; }