.report-view main{margin-left:0;max-width:1800px;margin-right:auto;margin-left:auto}.dashboard-grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:12px}.view-panel{padding:16px;min-width:0;background:var(--panel);border:1px solid var(--line)}.view-panel h2{margin-bottom:12px}.view-panel .value{font-size:32px;color:var(--green);overflow-wrap:anywhere}.view-panel pre{font:12px/1.7 Inter,Arial,sans-serif;white-space:pre-wrap;margin:0;max-height:360px;overflow:auto}.view-panel svg{width:100%;height:260px}.view-panel svg text{fill:var(--muted);font-size:11px}.view-panel .table-scroll{max-height:420px}.view-panel input{max-width:340px;margin-bottom:12px}.series-key{display:flex;gap:14px;flex-wrap:wrap;font-size:11px}.panel-error{color:#ff94a1}.view-panel .download{display:inline-block;font-size:12px;background:transparent;color:var(--blue);border:1px solid var(--line);padding:6px 10px;margin-bottom:10px}@media(max-width:800px){.view-panel{grid-column:span 24!important}.view-panel.stat{grid-column:span 12!important}.view-panel .value{font-size:25px}}
#monthly-panels{grid-auto-rows:30px;gap:8px;background:#111217;padding:8px}
#monthly-panels .view-panel{padding:8px;background:#181b1f;border:1px solid #2c3036;border-radius:2px;overflow:hidden;display:flex;flex-direction:column}
#monthly-panels h2{font-size:14px;font-weight:500;line-height:20px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
#monthly-panels .grafana-note{font-size:14px;line-height:1.6;overflow:auto}
#monthly-panels .grafana-note p{margin:8px 0 14px}
#monthly-panels .grafana-stat{flex:1;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:clamp(18px,2vw,36px);font-weight:500;color:#fff;white-space:nowrap}
#monthly-panels [data-panel-id="7"] .grafana-stat{font-size:14px}
#monthly-panels svg.grafana-gauge{flex:1;min-height:0;width:100%;height:100%}
#monthly-panels svg.grafana-chart{width:100%;height:auto;min-height:0;flex:1}
#monthly-panels svg text{font-family:Inter,Arial,sans-serif;font-size:12px;fill:#b8bcc9}
#monthly-panels .series-key{gap:10px;font-size:12px;flex-shrink:0;margin-top:4px}
#monthly-panels .grafana-legend-item{display:flex;align-items:center;gap:8px;font-size:12px}
#monthly-panels .grafana-legend-item i{width:14px;height:4px;border-radius:2px;flex-shrink:0}
#monthly-panels .grafana-legend-table .grafana-legend-item{border-bottom:1px solid #30343b;padding:5px 8px}
#monthly-panels .grafana-legend-total{margin-left:auto}
#monthly-panels .grafana-bar-gauges{display:flex;flex-direction:column;justify-content:space-around;flex:1;min-height:0}
#monthly-panels .grafana-bar-name{font-size:28px;color:#b8bcc9;margin-bottom:4px}
#monthly-panels .grafana-bar-line{display:flex;align-items:center;gap:12px;font-size:32px}
#monthly-panels .grafana-bar-track{height:48px;background:#22252b;flex:1}
#monthly-panels .grafana-bar-fill{height:100%}
#monthly-panels .table-scroll{flex:1;max-height:none;overflow:auto}
#monthly-panels table{font-size:12px;width:100%;border-collapse:collapse}
#monthly-panels th{color:#6ea5ff;position:sticky;top:0;background:#181b1f;text-align:left;font-weight:500}
#monthly-panels td,#monthly-panels th{padding:6px 8px;border-bottom:1px solid #30343b;white-space:nowrap}
#monthly-panels .grafana-colored-cell{font-weight:500}
@media(max-width:1000px){#monthly-panels{grid-auto-rows:auto}#monthly-panels .view-panel{grid-column:span 24!important;grid-row:auto!important;min-height:250px}#monthly-panels .view-panel.stat{grid-column:span 12!important;min-height:130px}#monthly-panels [data-type="text"]{min-height:0}#monthly-panels [data-type="table"]{max-height:440px}#monthly-panels [data-type="timeseries"]{min-height:310px}#monthly-panels .grafana-stat{font-size:24px}#monthly-panels .grafana-bar-track{height:32px}#monthly-panels .grafana-bar-name{font-size:20px}}
