.pcs-dashboard{
    max-width:1100px;
    margin:40px auto;
}

.pcs-header{
    margin-bottom:30px;
}

.pcs-header h1{
    margin-bottom:8px;
}

.pcs-header p{
    opacity:.7;
}

.pcs-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-bottom:30px;
}

.pcs-stat-card{
    background:#fff;
    border-radius:16px;
    padding:30px;
    box-shadow:0 2px 15px rgba(0,0,0,.06);
}

.pcs-label{
    display:block;
    margin-bottom:10px;
    opacity:.7;
}

.pcs-stat-card strong{
    font-size:34px;
    font-weight:700;
}

.pcs-table-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 2px 15px rgba(0,0,0,.06);
    padding: 0px 20px;
}

.pcs-table-header{
    padding: 20px 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 480px){
    .pcs-table-header{
        padding: 20px 0px;
    }
}

.pcs-table{
    width:100%;
    border-collapse:collapse;
}

.pcs-table th,
.pcs-table td{
    padding:18px 25px;
    text-align:left;
}

.pcs-table tbody tr{
    border-top:1px solid #eee;
}

.pcs-empty{
    padding:40px;
    text-align:center;
}

.pcs-actions{
    text-align:right;
}

.pcs-property-card{
    display:flex;
    gap:20px;
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    margin-bottom:20px;
    box-shadow:0 2px 15px rgba(0,0,0,.06);
}

@media (min-width: 480px) {
    .pcs-property-card{
        flex-direction: column;
    }
}

.pcs-property-image{
    width:260px;
    flex-shrink:0;
}

@media (min-width: 480px){
    width:100%;
}

.pcs-property-image img{
    width:100%;
    height:250px;
    object-fit:cover;
    display:block;
}

.pcs-property-content{
    padding:20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.pcs-property-content a{
    width:fit-content;
}

@media (min-width: 480px){
    .pcs-property-content a{
        width:100%;
    }
}

.pcs-property-content h4{
    margin-bottom:10px;
}

.pcs-property-content p{
    margin-bottom:15px;
    opacity:.7;
}



#pcs-credit-popup {

    position:fixed;

    inset:0;

    z-index:99999;

}



.pcs-credit-overlay {

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.65);

    backdrop-filter:blur(5px);

}



.pcs-credit-modal {


    position:relative;

    width:900px;

    max-width:90%;

    margin:80px auto;

    background:#fff;

    padding:45px;

    border-radius:24px;


}



.pcs-close {


    position:absolute;

    right:25px;

    top:20px;


    border:none;

    background:#f2f2f2;


    width:40px;

    height:40px;


    border-radius:50%;


    font-size:22px;

    cursor:pointer;

}



.pcs-credit-modal h3 {


    font-size:36px;

    margin-bottom:35px;

}





#pcs-credit-packages {


    display:grid;


    grid-template-columns:repeat(3,1fr);


    gap:25px;

}





.pcs-package {


    position:relative;


    border:1px solid #e5e7eb;


    border-radius:18px;


    padding:35px 25px;


    text-align:center;


    transition:.3s;

}



.pcs-package:hover {


    transform:translateY(-5px);


    box-shadow:0 15px 35px rgba(0,0,0,.1);

}





.pcs-package.popular {


    border:2px solid #0b8f91;


}



.pcs-popular-tag {


    position:absolute;


    top:-14px;


    left:50%;


    transform:translateX(-50%);


    background:#0b8f91;


    color:white;


    padding:6px 18px;


    border-radius:20px;


    font-size:12px;


}





.pcs-credit-icon {


    width:70px;

    height:70px;


    margin:auto;


    background:#eaf7f7;


    border-radius:50%;


    display:flex;


    align-items:center;

    justify-content:center;


    font-size:32px;


    color:#0b8f91;

}





.pcs-credit-count {


    font-size:22px;


    font-weight:700;


    margin:25px 0;


}





.pcs-price {


    font-size:32px;


    font-weight:800;


    margin-bottom:30px;

}





.pcs-pay-credit {


    width:100%;


    padding:14px;


    border-radius:12px;


    border:2px solid #0b8f91;


    background:white;


    color:#0b8f91;


    font-size:16px;


    font-weight:600;


    cursor:pointer;

}



.pcs-package.popular .pcs-pay-credit {


    background:#0b8f91;


    color:white;


}



@media(max-width:768px){


#pcs-credit-packages{

grid-template-columns:1fr;

}


}