/* File: css/index.css */
/* style untuk halaman dashboard utama */

/* CSS Khusus Dashboard Grid */
.dashboard-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
    gap: 24px; 
    margin-top: 20px; 
}

.stat-card { 
    background: #fff; 
    border: 1px solid #e2e8f0; 
    border-radius: 12px; 
    padding: 24px; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); 
    text-decoration: none; 
    color: inherit; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    height: 100%; 
    transition: transform 0.2s, box-shadow 0.2s; 
}

.stat-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border-color: #0d6efd; 
}

.card-header-custom { 
    display: flex; 
    align-items: center; 
    margin-bottom: 16px; 
}

.card-icon-wrapper { 
    width: 48px; 
    height: 48px; 
    border-radius: 10px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin-right: 16px; 
    font-size: 24px;
}

/* Warna Background Icon */
.bg-blue { background-color: #eff6ff; color: #3b82f6; } 
.bg-green { background-color: #ecfdf5; color: #10b981; } 
.bg-orange { background-color: #fff7ed; color: #f97316; } 
.bg-purple { background-color: #fdf4ff; color: #a855f7; }

/* Tipografi Kartu */
.card-title { 
    font-size: 18px; 
    font-weight: 700; 
    margin: 0; 
}

.card-desc { 
    font-size: 14px; 
    color: #64748b; 
    margin-bottom: 20px; 
}

.card-footer-custom { 
    font-size: 13px; 
    font-weight: 600; 
    color: #0d6efd; 
    margin-top: auto; 
}