.modal-card:has(#reportPeriod){width:min(1040px,96vw)!important;padding:34px!important}.modal-card:has(#reportPeriod) h2{font-size:25px!important}.modal-card:has(#reportPeriod) .enrollment-head p{font-size:15px!important}.report-period-controls{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(160px,1fr) minmax(160px,1fr) 130px;gap:14px;align-items:end;direction:rtl;padding:18px;background:#f5f8ff;border:1px solid #dce5fb;border-radius:15px;margin:22px 0}.report-period-controls label{display:flex;flex-direction:column;gap:7px;min-width:0;color:#334967;font-size:13px;font-weight:700;white-space:nowrap}.report-period-controls select,.report-period-controls input{width:100%;min-height:46px;border:1px solid #cbd7f1;border-radius:10px;padding:9px 11px;background:#fff;font:inherit;outline-color:#315cff}.report-period-controls .secondary{width:100%;min-height:46px;margin:0;align-self:end;white-space:nowrap}.modal-card:has(#reportPeriod) .detailed-report{padding:18px}.modal-card:has(#reportPeriod) .products-table th,.modal-card:has(#reportPeriod) .products-table td{padding:13px 12px;font-size:14px}@media(max-width:760px){.modal-card:has(#reportPeriod){padding:24px 16px!important}.report-period-controls{grid-template-columns:1fr 1fr}.report-period-controls .secondary{grid-column:1/-1}.modal-card:has(#reportPeriod) .form-footer{flex-direction:column}.modal-card:has(#reportPeriod) .form-footer button{width:100%}}@media(max-width:460px){.report-period-controls{grid-template-columns:1fr}}