.report-period{display:flex;align-items:end;gap:12px;padding:16px;border-radius:15px;background:linear-gradient(120deg,#efecff,#fff4e8)}.report-period label{max-width:220px}.report-period input{margin-top:5px;border-radius:8px}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.report-kpis article{position:relative;overflow:hidden;padding:20px;border-radius:16px;color:#fff}.report-kpis article:after{content:'';position:absolute;width:100px;height:100px;right:-40px;bottom:-55px;border-radius:50%;background:#fff2}.report-kpis .rev{background:linear-gradient(145deg,#6755d8,#8e6cea)}.report-kpis .cost{background:linear-gradient(145deg,#179fab,#42c7b6)}.report-kpis .exp{background:linear-gradient(145deg,#ef6876,#ff9872)}.report-kpis .profit{background:linear-gradient(145deg,#e7972a,#f1c447)}.report-kpis article>span{float:right;font-size:21px}.report-kpis small,.report-kpis strong{display:block}.report-kpis small{font-size:8px;letter-spacing:1.3px}.report-kpis strong{margin-top:9px;font-size:20px}.report-kpis p{margin:10px 0 0;font-size:9px;opacity:.8}.report-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.report-card{padding:22px;border:1px solid #e6e8f0;border-radius:17px;background:#fff;box-shadow:0 8px 28px #24294d0b}.report-card td small{display:block;color:#969aa8}.units-pill{padding:5px 9px;border-radius:12px;background:#ece8ff;color:#6e57cf;font-weight:800}.mix-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf0ee}.mix-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#dff6eb;color:#15825e;font-weight:800}.mix-icon.cash{background:#fff0d8;color:#c47c1e}.mix-icon.channel-icon{background:#e8edff;color:#5871d0}.mix-row strong,.mix-row small{display:block}.mix-row small{font-size:9px;color:#989ca9}.mix-row b{font-size:11px}.channel-title{margin-top:25px}.export-centre{display:grid;grid-template-columns:260px 1fr;gap:25px;align-items:center;margin-top:20px;padding:25px;border-radius:18px;background:#1d2142;color:#fff}.export-centre h2{font:700 22px 'DM Sans'}.export-centre p{color:#aeb3d0;font-size:11px;line-height:1.6}.export-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.export-grid a{padding:16px;border:1px solid #ffffff18;border-radius:13px;background:#ffffff0b}.export-grid a>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:11px;border-radius:10px;background:#7560df}.export-grid strong,.export-grid small,.export-grid b{display:block}.export-grid small{min-height:25px;margin-top:4px;color:#aeb3cd;font-size:9px}.export-grid b{margin-top:10px;color:#ffd172;font-size:8px;text-transform:uppercase}@media(max-width:1000px){.report-kpis{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}.export-centre{grid-template-columns:1fr}.export-grid{grid-template-columns:1fr 1fr}}@media(max-width:550px){.report-period{align-items:stretch;flex-direction:column}.report-period label{max-width:none}.report-kpis,.export-grid{grid-template-columns:1fr}}