.qr-report{max-width:1100px;margin:18px auto;padding:0 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.qr-report-header{background:#fff;border:1px solid #e9e9e9;border-radius:16px;padding:16px 16px 12px;margin-bottom:14px;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.qr-report-header h2{margin:0 0 8px;line-height:1.2;font-size:20px}
.qr-report-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}
.qr-report-label{font-weight:800;font-size:16px}
.qr-report-dates{opacity:.75}

.qr-report-selector{margin-top:12px}
.qr-report-selector label{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.qr-report-selector span{font-weight:600;opacity:.85}
.qr-report-selector select{
  min-width:280px;max-width:100%;
  padding:10px 12px;border-radius:12px;
  border:1px solid #ddd;background:#fff;
}

.qr-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:14px;margin:44px 0;box-shadow:0 8px 24px rgba(0,0,0,.03)}
.qr-card-title{margin:0 0 12px;font-size:16px;line-height:1.2}

.qr-tablewrap{overflow:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid #eee}
.qr-table{width:100%;border-collapse:separate;border-spacing:0;min-width:780px}
.qr-table th,.qr-table td{padding:10px 12px;border-bottom:1px solid #eee;text-align:left;vertical-align:middle}
.qr-table thead th{position:sticky;top:0;background:#fafafa;z-index:1;font-weight:700}
.qr-table tbody tr:nth-child(even){background:#fcfcfc}
.qr-table tbody tr:hover{background:#f7fbff}
.qr-period-cell{text-align:center;vertical-align:middle;font-weight:700;background:#fafafa;white-space:nowrap;}

@media (max-width: 680px){
  .qr-report-header h2{font-size:18px}
  .qr-table{min-width:860px}
}