:root {
    --baseRed: #BF1C2B;
    --blackRed: #EB172B;
}

.admin-card-header {
    background: linear-gradient(45deg, var(--blackRed), var(--baseRed));
    color: white;
    padding: 1rem;
    border-radius: 10px 10px 0 0;
    text-align: center;
}


.base-bg {
    background: linear-gradient(45deg, var(--blackRed), var(--baseRed));
}
.progress-bar-striped {
    background: linear-gradient(45deg, var(--blackRed), var(--baseRed)) !important;
}

.bg-primary {
    background: linear-gradient(45deg, var(--blackRed), var(--baseRed)) !important;
}

.btn-primary {
    border-radius: 8px !important;
    padding: 8px 20px !important;
    font-weight: 500 !important;
    background-color: var(--baseRed) !important;
    border-color: var(--baseRed) !important;
    transition: background-color 0.3s ease !important;
    color:white;
}

    .btn-primary:hover {
        background-color: var(--blackRed) !important;
        border: 1px solid #fff !important;
    }