.report-filter-panel { margin-bottom: 22px; }
.report-filter-form { display: grid; grid-template-columns: .8fr .8fr 1fr 1.25fr 1.35fr; gap: 12px; align-items: end; padding: 18px; }
.report-filter-field label { display: block; margin-bottom: 6px; color: var(--muted); font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.report-filter-field input, .report-filter-field select { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid #cfd3da; border-radius: 8px; background: #fff; font: inherit; }
.report-filter-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; }
.report-filter-errors { grid-column: 1 / -1; }
.report-kpi-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.report-kpi-grid .stat-card { padding: 18px; }
.report-kpi-grid .stat-card strong { font-size: 30px; }
.report-kpi-grid .stat-card small { margin-top: 6px; color: var(--danger); font-size: 11px; }
.report-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 22px; }
.report-metric { display: flex; flex-direction: column; min-height: 130px; padding: 20px; border: 1px solid #e3d9dc; border-radius: 14px; background: linear-gradient(145deg, #fff, #fbf7f8); }
.report-metric span { color: var(--muted); font-size: 12px; font-weight: 700; }
.report-metric strong { margin: 9px 0 5px; color: var(--primary); font-size: 28px; letter-spacing: -.035em; }
.report-metric small { color: var(--muted); line-height: 1.4; }
.report-grid { display: grid; gap: 20px; }
.status-pending_review { background: #edf1f7; color: #526071; }
.status-returned { background: #fff4dc; color: #8a5a00; }
@media (max-width: 1080px) { .report-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .report-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .report-metric-grid, .report-kpi-grid, .report-filter-form { grid-template-columns: 1fr; } .report-filter-actions { justify-content: stretch; } .report-filter-actions .button { flex: 1; } }