.reports-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;margin-bottom:24px}.reports-kpi{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;transition:box-shadow .2s}.reports-kpi:hover{box-shadow:var(--sh-sm)}.reports-kpi-label{font-size:12px;color:var(--ink-m);font-weight:500;margin-bottom:4px}.reports-kpi-value{font-family:Syne,sans-serif;font-size:22px;font-weight:800;color:var(--ink);margin-bottom:4px}.reports-kpi-delta{font-size:11px;font-weight:600}.reports-kpi-delta.up{color:var(--teal)}.reports-kpi-delta.down{color:#e05252}.reports-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:24px}.reports-chart-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.reports-chart-title{font-family:Syne,sans-serif;font-size:14px;font-weight:700;color:var(--ink);padding:16px 20px;border-bottom:1px solid var(--border)}.reports-chart-body{padding:20px}.chart-bar-group{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;height:180px;padding:0 8px}.chart-bar{width:100%;max-width:36px;border-radius:6px 6px 0 0;transition:height .6s cubic-bezier(.4,0,.2,1)}.chart-bar.teal{background:var(--teal)}.chart-bar-label{font-size:10px;color:var(--ink-f);margin-top:6px;text-align:center}.reports-channel-bar{margin-bottom:16px}.reports-channel-bar:last-child{margin-bottom:0}.reports-channel-bar-header{display:flex;justify-content:space-between;margin-bottom:6px}.reports-channel-bar-name{font-size:13px;font-weight:500;color:var(--ink)}.reports-channel-bar-pct{font-size:13px;font-weight:600}.reports-channel-bar-track{height:8px;background:var(--paper);border-radius:4px;overflow:hidden}.reports-channel-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.reports-resolution-rings{display:flex;align-items:center;justify-content:center;gap:32px;padding:24px 0}.reports-ring{text-align:center}.reports-ring-circle{width:100px;height:100px;border-radius:50%;border-width:8px;border-style:solid;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.reports-ring-value{font-family:Syne,sans-serif;font-size:24px;font-weight:800}.reports-ring-label{font-size:12px;color:var(--ink-f)}.reports-usage-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.reports-usage-title{font-family:Syne,sans-serif;font-size:14px;font-weight:700;color:var(--ink);padding:16px 20px;border-bottom:1px solid var(--border)}.reports-usage-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0}.reports-usage-item{padding:18px 20px;border-right:1px solid var(--border)}.reports-usage-item:last-child{border-right:none}.reports-usage-item-label{font-size:12px;color:var(--ink-m);font-weight:500;margin-bottom:6px}.reports-usage-item-value{font-family:Syne,sans-serif;font-size:18px;font-weight:800;color:var(--ink);margin-bottom:8px}.reports-usage-bar{height:6px;background:var(--paper);border-radius:3px;overflow:hidden;margin-bottom:4px}.reports-usage-bar-fill{height:100%;background:var(--teal);border-radius:3px;transition:width .4s}.reports-usage-bar-fill.warn{background:#d4845a}.reports-usage-bar-fill.danger{background:#e05252}.reports-usage-item-sub{font-size:10px;color:var(--ink-f)}@media (max-width:1200px){.reports-kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.reports-kpi-row{grid-template-columns:repeat(2,1fr);gap:10px}.reports-grid{grid-template-columns:1fr;gap:16px}.reports-usage-grid{grid-template-columns:repeat(2,1fr)}.reports-usage-item:nth-child(2){border-right:none}.reports-usage-item:first-child,.reports-usage-item:nth-child(2){border-bottom:1px solid var(--border)}.reports-resolution-rings{gap:24px}.reports-ring-circle{width:80px;height:80px}.reports-ring-value{font-size:20px}}@media (max-width:480px){.reports-kpi-row,.reports-usage-grid{grid-template-columns:1fr}.reports-usage-item{border-right:none;border-bottom:1px solid var(--border)}.reports-usage-item:last-child{border-bottom:none}}