.report-metrics{grid-template-columns:repeat(3,1fr)}.funnel{display:grid;gap:10px;margin-top:18px}.funnel-step{display:grid;grid-template-columns:28px 1fr 45px;align-items:center;gap:9px}.funnel-step>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#143b40;color:var(--gold);font:800 12px Arial}.funnel-step>div{position:relative;min-height:38px;padding:4px 0}.funnel-step b{display:block;font-size:10px}.funnel-step i{position:absolute;right:0;bottom:3px;height:6px;border-radius:8px;background:linear-gradient(90deg,#2ab984,#d9bd63)}.funnel-step strong{font:800 15px Arial;text-align:center}.report-list{display:grid;gap:8px;margin-top:18px}.report-list>div{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#071d24}.report-list span,.report-list small{display:block}.report-list span{font-size:11px}.report-list small{color:var(--muted);font-size:8px}.report-list b{color:var(--gold);font:800 17px Arial}.empty-report{margin-top:35px;color:var(--muted);text-align:center;font-size:10px}.wide-report{margin-top:14px}.wide-report .section-head{margin-bottom:10px}@media(max-width:900px){.report-metrics{grid-template-columns:1fr}.app nav{grid-template-columns:repeat(6,1fr)}}
.report-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#081e26}.range-buttons{display:flex;gap:5px}.range-buttons button,.date-range button{min-height:36px;padding:6px 12px;border:1px solid #ffffff18;border-radius:10px;background:#0d3037;color:#a9c2bf;font:800 10px Modam;cursor:pointer}.range-buttons button.active,.date-range button{border-color:#d9bb6266;background:#705b28;color:#fff2bf}.date-range{display:flex;align-items:center;gap:7px}.date-range label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.date-range input{min-height:36px;width:132px;padding:5px 8px;direction:ltr}.report-toolbar>small{margin-right:auto;color:#e2c86e;font-size:10px}.kpi-grid{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.kpi-grid .metric{min-height:112px}.kpi-grid .metric b{font-size:23px}.kpi-grid .metric.unavailable{border-style:dashed;opacity:.78}.report-charts{margin-top:0;margin-bottom:14px}.chart-head{display:flex;align-items:center;justify-content:space-between}.chart-head small{color:var(--muted);font-size:9px}.trend-chart{position:relative;min-height:185px;margin-top:10px}.trend-chart svg{display:block;width:100%;height:165px;overflow:visible}.trend-chart .axis{stroke:#ffffff20;stroke-width:1}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.chart-peak{position:absolute;top:3px;right:0;color:#b8cfcb;font-size:9px}.report-metrics{margin-top:0;margin-bottom:14px}@media(max-width:900px){.report-toolbar{align-items:stretch}.date-range{width:100%;flex-wrap:wrap}.date-range input{width:120px}.kpi-grid{grid-template-columns:1fr 1fr}.report-charts{grid-template-columns:1fr}.report-toolbar>small{margin:0}.app nav{grid-template-columns:repeat(4,1fr)}}
