.progres-dashboard{
    max-width:1100px;
}

.progres-hero{
    background:#fff;
    padding:40px;
    border-radius:12px;
    text-align:center;
    margin-bottom:30px;
}

.progres-logo{
    width:220px;
    margin-bottom:20px;
}

.progres-version{
    display:inline-block;
    margin:10px 0;
    padding:5px 12px;
    background:#2563eb;
    color:#fff;
    border-radius:20px;
    font-size:13px;
}

.progres-cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:30px;
}

.progres-cards .card{
    background:#fff;
    padding:20px;
    border-radius:10px;
    text-align:center;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
}

.progres-modules{
    background:#fff;
    padding:25px;
    border-radius:10px;
    margin-bottom:30px;
}

.progres-modules ul{
    columns:2;
}

.progres-actions{
    display:flex;
    gap:12px;
}

.progres-banner-preview{
    width:420px;
    min-height:120px;
    border:2px dashed #dcdcde;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:12px 0;
    padding:10px;
    border-radius:8px;
}

.progres-banner-preview img{
    max-width:100%;
    height:auto;
    display:block;
}

.progres-banner-placeholder{
    color:#777;
    font-style:italic;
}

.ads-slot{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:20px auto;
}

.ads-slot img{
    max-width:100%;
    height:auto;
}

.ads-slot img{
    max-width:100%;
    height:auto;
    display:inline-block;
}