.summary-box {
    transition: all 0.2s ease;
    padding: 1rem !important;
        margin-bottom: 1rem;
}

.summary-box:not(.bg-primary):hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.summary-label {
    font-size: 0.95rem;
        display: flex;
        align-items: center;
    }

.summary-amount {
    font-size: 1.1rem;
    white-space: nowrap;
    }
    
    /* Add spacing between summary boxes */
    .row.g-3 {
        row-gap: 1rem !important;
    }
    
    /* Specific styling for the total box */
    .summary-box.bg-primary {
        padding: 1.25rem !important;
    }
    
    .summary-box.bg-primary .summary-amount {
        font-size: 1.3rem;
}