body {
        background: #f5f7fa;
    }
    .modern-camp-container {
        background: #aba;
        border-radius: 1rem;
        box-shadow: 0 8px 24px rgba(0,0,0,0.07), 0 1.5px 4px rgba(0,0,0,0.05);
        padding: 2rem 2rem 1rem 2rem;
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        max-width: 950px;
    }
   
       .modern-action-bar {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2rem;
        gap: 1rem;
    }
    .modern-action-bar .btn {
        font-size: 1.05rem;
        letter-spacing: .03em;
        font-weight: 600;
        border-radius: 2rem;
        min-width: 180px;
        transition: background .18s, color .18s;
    }
    .modern-action-bar .btn-danger {
        background: linear-gradient(90deg, #e74c3c 60%, #c0392b 100%);
        border: none;
        color: #fff;
        box-shadow: 0 2px 10px -4px #e74c3c55;
    }
    .modern-action-bar .btn-danger:hover {
        background: linear-gradient(90deg, #c0392b 60%, #e74c3c 100%);
        color: #fff;
    }
    .modern-action-bar .btn-primary {
        background: linear-gradient(90deg, #007bff 60%, #0056b3 100%);
        border: none;
        color: #fff;
        box-shadow: 0 2px 10px -4px #007bff44;
    }
    .modern-action-bar .btn-primary:hover {
        background: linear-gradient(90deg, #0056b3 60%, #007bff 100%);
        color: #fff;
    }

    .modern-camp-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: center;
        margin-bottom: 2rem;
    }
    .modern-camp-card {
        background: #f9fcff;
        border-radius: 1.1rem;
        box-shadow: 0 4px 18px -6px #007bff15;
        flex: 1 1 220px;
        max-width: 250px;
        min-width: 220px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1.3rem 1rem 1.1rem 1rem;
        position: relative;
        transition: transform .09s;
    }
    .modern-camp-card:hover {
        transform: translateY(-3px) scale(1.025);
        box-shadow: 0 8px 32px -8px #2d7fff22;
    }
    .modern-camp-card .modern-card-actions {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: .5rem;
    }
    .modern-camp-card .modern-card-actions .btn {
        border-radius: 50%;
        padding: 3px 5px;
        background: #f5f7fa;
        color: #5a5a5a;
        border: 1px solid #e1eefd;
    }
    .modern-camp-card .modern-card-actions .btn:hover {
        background: #eaefff;
        color: #007bff;
    }
    .modern-camp-card .modern-camp-icon {
        font-size: 3.5rem;
        color: #2d3436;
        margin: 0.5rem 0 0.6rem 0;
        opacity: 0.7;
    }
    .modern-camp-card .modern-camp-title {
        font-size: 1.05rem;
        color: #212529;
        font-family: impact;
        margin-bottom: .7rem;
        text-align: center;
    }
    .modern-camp-card .modern-switch {
        background: linear-gradient(90deg, #e0f7fa 60%, #b2ebf2 100%);
        border: 1px solid #aedff0;
        color: #007bff;
        border-radius: 2rem;
        font-weight: 500;
        font-size: .95rem;
        padding: .3rem 1.1rem;
        display: inline-block;
        margin-top: .4rem;
        margin-bottom: 0;
        transition: background .12s, color .12s;
    }
    .modern-camp-card .modern-switch:hover {
        background: #d1ecf1;
        color: #0056b3;
        text-decoration: none;
    }
    .modern-no-records {
        text-align: center;
        color: #c0392b;
        font-weight: 600;
        letter-spacing: .03em;
        margin-top: 3rem;
        margin-bottom: 2rem;
        font-size: 1.2rem;
    }
    .modern-back-btn {
        margin-top: 1rem;
        display: flex;
        justify-content: flex-end;
    }
    @media (max-width: 767.98px) {
        .modern-camp-container {
            padding: 1.1rem 0.5rem 0.7rem 0.5rem;
        }
        .modern-camp-cards {
            gap: 1rem;
        }
        .modern-camp-card {
            min-width: 160px;
            max-width: 100%;
            padding: 1rem 0.5rem 0.7rem 0.5rem;
        }
    }