.quarter-filter-form{
    display:grid;
    grid-template-columns:1fr 1fr auto;
    gap:14px;
    align-items:end
}
.quarter-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:18px
}
.quarter-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:24px;
    border:1px solid #e1e7f0;
    border-radius:18px;
    background:#fff
}
.quarter-card h3{margin:8px 0}
.quarter-number{
    display:inline-flex;
    padding:7px 10px;
    border-radius:999px;
    background:#edf3ff;
    color:#2457d6;
    font-weight:800
}
.quarter-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:28px;
    border:1px solid #e0e6ef;
    border-radius:20px;
    background:linear-gradient(135deg,#fff,#f3f6fc)
}
.quarter-hero h2{margin:14px 0 6px}
.quarter-kpis{margin:18px 0}
.quarter-financial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px
}
.quarter-financial-grid>div{
    padding:16px;
    border:1px solid #e5eaf2;
    border-radius:14px;
    background:#fbfcfe
}
.quarter-financial-grid span,
.quarter-financial-grid strong{
    display:block
}
.quarter-financial-grid span{
    color:#738096;
    margin-bottom:7px
}
.quarter-financial-grid strong{
    font-size:20px
}
.quarter-withholding-total{
    grid-column:1/-1;
    background:#f3f7ff!important
}
.quarter-withholding-total strong{
    font-size:30px!important;
    color:#2457d6
}
.quarter-payment-grid{
    display:grid;
    grid-template-columns:1.4fr .8fr;
    gap:18px;
    margin-top:18px
}
@media(max-width:900px){
    .quarter-grid,
    .quarter-financial-grid,
    .quarter-payment-grid{
        grid-template-columns:1fr
    }
    .quarter-filter-form{
        grid-template-columns:1fr
    }
    .quarter-hero,
    .quarter-card{
        flex-direction:column;
        align-items:stretch
    }
    .quarter-withholding-total{
        grid-column:auto
    }
}