.monthly-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.monthly-head h2{margin:0;color:var(--navy)}.monthly-head p{margin:6px 0 0;color:var(--muted)}.monthly-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.monthly-controls label{min-width:170px}.monthly-message{padding:12px 14px;border-radius:12px;background:#eef4fb;color:var(--navy);margin-bottom:16px}.monthly-message.success{background:var(--greenbg);color:var(--green)}.monthly-message.error{background:var(--redbg);color:var(--red)}.monthly-kpis{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:18px}.monthly-kpi{background:#fff;border:1px solid #e7ebf1;border-radius:16px;padding:15px;box-shadow:0 4px 14px rgba(23,54,93,.05)}.monthly-kpi small{display:block;color:var(--muted);font-weight:750;text-transform:uppercase}.monthly-kpi strong{display:block;color:var(--navy);font-size:1.35rem;margin-top:6px}.monthly-details{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-top:14px}.monthly-details div{background:#f7f9fc;border-radius:12px;padding:14px}.monthly-details strong{display:block;color:var(--navy);font-size:1.25rem}.monthly-details span{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}.monthly-note{margin:16px 0 0;color:var(--muted);font-size:.84rem;line-height:1.5}@media(max-width:1050px){.monthly-kpis{grid-template-columns:repeat(3,1fr)}.monthly-details{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.monthly-head{display:block}.monthly-controls{margin-top:14px}.monthly-controls label,.monthly-controls .btn{width:100%}.monthly-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.monthly-kpis,.monthly-details{grid-template-columns:1fr}}