<style>
.dg-liq-wrap{
    max-width:1200px;
    margin:0 auto;
    padding:28px;
}

.dg-liq-card{
    background:#fff;
    border-radius:26px;
    padding:34px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    border:1px solid #e5e7eb;
}

.dg-liq-header{
    display:flex;
    align-items:center;
    gap:22px;
    margin-bottom:28px;
}

.dg-liq-icon{
    width:78px;
    height:78px;
    border-radius:22px;
    background:linear-gradient(135deg,#75c832,#0b5c2c);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:34px;
}

.dg-liq-header h2{
    margin:0;
    font-size:38px;
    color:#06152f;
}

.dg-liq-header p{
    margin:8px 0 0;
    color:#4b5563;
}

.dg-liq-actions{
    margin-bottom:22px;
}

.dg-liq-pdf-btn{
    border:0;
    background:#06152f;
    color:#fff;
    padding:14px 24px;
    border-radius:12px;
    font-weight:900;
    cursor:pointer;
}

.dg-liq-stats{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
    margin-bottom:24px;
}

.dg-liq-stat{
    background:linear-gradient(180deg,#f5fff0,#fff);
    border:1px solid #d9f5c9;
    border-radius:20px;
    padding:20px;
}

.dg-liq-stat span{
    color:#4b5563;
    font-size:14px;
    font-weight:700;
}

.dg-liq-stat strong{
    display:block;
    margin-top:8px;
    font-size:24px;
    color:#06152f;
}

.dg-liq-filter{
    background:#f7fff2;
    border:1px solid #d9f5c9;
    border-radius:20px;
    padding:22px;
    margin-bottom:26px;
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}

.dg-liq-filter label{
    font-weight:800;
}

.dg-liq-filter input,
.dg-liq-filter select{
    padding:13px 14px;
    border:1px solid #d1d5db;
    border-radius:12px;
    min-width:190px;
    font-weight:700;
    background:#fff;
}

.dg-liq-filter button{
    border:0;
    background:#49b72f;
    color:white;
    padding:14px 28px;
    border-radius:12px;
    font-weight:900;
    cursor:pointer;
}

.dg-liq-table-wrap{
    overflow-x:auto;
    border-radius:18px;
    border:1px solid #e5e7eb;
}

.dg-liq-table{
    width:100%;
    border-collapse:collapse;
    min-width:900px;
}

.dg-liq-table thead{
    background:linear-gradient(90deg,#49b72f,#2f951f);
    color:#fff;
}

.dg-liq-table th,
.dg-liq-table td{
    padding:18px;
    border-bottom:1px solid #e5e7eb;
    text-align:left;
}

.dg-liq-name{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:800;
}

.dg-liq-avatar{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#75c832;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
}

.dg-liq-pay{
    color:#2f951f;
    font-weight:900;
}

.dg-liq-note{
    margin-top:24px;
    background:#f7fff2;
    border:1px solid #d9f5c9;
    border-radius:16px;
    padding:16px 18px;
}

@media print{

    body *{
        visibility:hidden !important;
    }

    #dg-liquidacion-pdf,
    #dg-liquidacion-pdf *{
        visibility:visible !important;
    }

    #dg-liquidacion-pdf{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        background:#fff;
    }

    .dg-no-print{
        display:none !important;
    }
}

@media(max-width:768px){

    .dg-liq-wrap{
        padding:14px;
    }

    .dg-liq-card{
        padding:22px;
    }

    .dg-liq-header{
        display:block;
    }

    .dg-liq-icon{
        margin-bottom:16px;
    }

    .dg-liq-header h2{
        font-size:30px;
    }

    .dg-liq-stats{
        grid-template-columns:1fr 1fr;
    }

    .dg-liq-filter{
        display:block;
    }

    .dg-liq-filter input,
    .dg-liq-filter select,
    .dg-liq-filter button,
    .dg-liq-pdf-btn{
        width:100%;
        margin-top:10px;
    }
}
</style>
