.dlc-report-page{
        min-height:780px;
        padding:40px 20px;
        background:
            linear-gradient(rgba(255,255,255,.35), rgba(255,255,255,.35)),
            url('/wp-content/uploads/2025/03/diamond-logo.jpg');
        background-size:cover;
        background-position:center;
        display:flex;
        align-items:flex-start;
        justify-content:center;
    }

    .dlc-report-overlay{
        width:100%;
        max-width:1320px;
        min-height:640px;
        padding:35px 55px 60px;
        background:rgba(255,255,255,.30);
        border:1px solid rgba(20,30,40,.25);
        box-shadow:0 10px 30px rgba(0,0,0,.20);
        backdrop-filter:blur(2px);
    }

    .dlc-report-header{
        text-align:center;
        margin-bottom:42px;
    }

    .dlc-report-header h1{
        margin:0;
        font-size:24px;
        letter-spacing:3px;
        font-weight:500;
        color:#2d3033;
    }

    .dlc-report-header p{
        margin:8px 0 0;
        font-size:15px;
        color:#6c6c6c;
        letter-spacing:1px;
    }

    .dlc-report-stats{
        display:grid;
        grid-template-columns:repeat(4, 1fr);
        gap:18px;
        margin-bottom:42px;
    }

    .dlc-stat-card{
        background:rgba(22,28,34,.88);
        color:#fff;
        min-height:95px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        box-shadow:0 6px 18px rgba(0,0,0,.18);
    }

    .dlc-stat-card span{
        display:block;
        font-size:12px;
        text-transform:uppercase;
        letter-spacing:1px;
        color:#cfd4d7;
        margin-bottom:10px;
    }

    .dlc-stat-card strong{
        font-size:34px;
        line-height:1;
        font-weight:300;
        color:#fff;
    }

    .dlc-report-controls{
        display:flex;
        gap:15px;
        margin-bottom:22px;
        flex-wrap:wrap;
        background:rgba(22,28,34,.88);
        padding:18px;
        border:1px solid rgba(255,255,255,.18);
        box-shadow:0 8px 22px rgba(0,0,0,.18);
    }

    .dlc-report-controls input,
    .dlc-report-controls select,
    .dlc-report-controls button{
        min-width:125px;
        height:46px;
        padding:0 16px;
        border:1px solid rgba(255,255,255,.25);
        background:#fff;
        color:#222;
        font-size:14px;
        outline:none;
    }

    .dlc-report-controls button{
        background:#CF853B;
        color:#fff;
        cursor:pointer;
        border:none;
    }

    .dlc-report-table-wrap{
        overflow-x:auto;
    }

    .dlc-report-table{
        width:100%;
        border-collapse:collapse;
        background:rgba(22,28,34,.88);
        color:#fff;
        box-shadow:0 8px 22px rgba(0,0,0,.20);
    }

    .dlc-report-table th,
    .dlc-report-table td{
        padding:14px 20px;
        font-size:14px;
        border-bottom:1px solid rgba(255,255,255,.10);
        text-align:left;
      
    }

    .dlc-report-table th{
        font-size:11px;
        text-transform:uppercase;
        letter-spacing:1px;
        color:#cbd0d2;
        font-weight:500;
    }

    .dlc-report-table td{
        color:#f2f2f2;
    }

    .dlc-report-table tbody tr:nth-child(even){
        background:rgba(255,255,255,.04);
    }

    .dlc-pagination{
        display:flex;
        gap:8px;
        flex-wrap:wrap;
        margin-top:20px;
    }

    .dlc-page-btn{
        border:none;
        background:rgba(22,28,34,.88);
        color:#fff;
        padding:8px 13px;
        cursor:pointer;
    }

    .dlc-page-btn.active{
        background:#CF853B;
    }

    @media(max-width:900px){
        .dlc-report-overlay{
            padding:30px 20px 45px;
        }

        .dlc-report-stats{
            grid-template-columns:repeat(2, 1fr);
        }
    }

    @media(max-width:560px){
        .dlc-report-page{
            padding:20px 10px;
        }

        .dlc-report-stats{
            grid-template-columns:1fr;
        }

        .dlc-report-header h1{
            font-size:20px;
        }

        .dlc-stat-card strong{
            font-size:30px;
        }

        .dlc-report-controls input,
        .dlc-report-controls select,
        .dlc-report-controls button{
            width:100%;
            min-width:100%;
        }
    }
    .dlc-sortable{
        cursor:pointer;
        user-select:none;
        transition:all .25s ease;
    }

    .dlc-sortable:hover{
        color:#CF853B;
    }

    .dlc-sortable.active{
        color:#CF853B;
        font-weight:600;
    }

    .dlc-sortable.asc::after{
        content:" ▲";
        color:#CF853B;
        font-size:10px;
    }

    .dlc-sortable.desc::after{
        content:" ▼";
        color:#CF853B;
        font-size:10px;
    }

    .dlc-sortable:not(.asc):not(.desc)::after{
        content:" ⇅";
        opacity:.5;
        font-size:10px;
    }
    /* ==========================
       AJAX Loading Overlay
    ========================== */

    .dlc-table-loading{
        position:relative;
        pointer-events:none;
        opacity:.55;
    }

    .dlc-table-loading::after{
        content:'';
        position:absolute;
        top:50%;
        left:50%;
        width:42px;
        height:42px;
        margin-left:-21px;
        margin-top:-21px;
        border:4px solid rgba(255,255,255,.35);
        border-top-color:#CF853B;
        border-radius:50%;
        animation:dlcSpin .8s linear infinite;
        z-index:99;
    }

    @keyframes dlcSpin{
        to{
            transform:rotate(360deg);
        }
    }

    .dlc-sortable.loading{
        color:#CF853B;
    }

    .dlc-sortable.loading::after{
        content:'';
        display:inline-block;
        width:12px;
        height:12px;
        margin-left:6px;
        border:2px solid rgba(255,255,255,.4);
        border-top-color:#CF853B;
        border-radius:50%;
        animation:dlcSpin .8s linear infinite;
        vertical-align:middle;
    }