.finance-dashboard {
    padding: 20px;
}

    .finance-dashboard .card {
        width: 100%;
        border-radius: 15px;
    }

    .finance-dashboard .card-header {
        background: white;
        border-bottom: 1px solid #eee;
    }

.finance-card {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 22px;
    border-radius: 15px;
    color: #fff;
    min-height: 110px;
    box-shadow: 0 4px 15px rgba(0,0,0,.08);
}

.finance-icon {
    font-size: 32px;
    opacity: .85;
}

.finance-content {
    flex: 1;
}

.finance-title {
    font-size: 14px;
    opacity: .9;
}

.finance-value {
    font-size: 26px;
    font-weight: 700;
    margin-top: 4px;
}

.saldo {
    background: linear-gradient(135deg,#28a745,#1e7e34);
}

.piutang {
    background: linear-gradient(135deg,#007bff,#0056b3);
}

.hutang {
    background: linear-gradient(135deg,#dc3545,#b02a37);
}

.persediaan {
    background: linear-gradient(135deg,#fd7e14,#d35400);
}