.sh-stats{max-width:1100px;margin:0 auto;padding:24px}
.sh-stats__h1{font-size:28px;margin:0 0 6px;font-weight:700}
.sh-stats__lead{color:#555;margin:0 0 16px}
.sh-stats__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 18px}
.sh-kpi{border:1px solid #eee;border-radius:12px;background:#fff;padding:14px}
.sh-kpi__label{font-size:12px;color:#666;margin-bottom:6px}
.sh-kpi__value{font-size:22px;font-weight:700}
.sh-card{border:1px solid #eee;border-radius:12px;background:#fff;padding:14px;margin:16px 0}
.sh-bars{display:flex;flex-direction:column;gap:8px}
.sh-bar{display:flex;align-items:center;gap:12px}
.sh-bar__label{width:42px;text-align:right}
.sh-bar__track{flex:1;height:10px;background:#eee;border-radius:5px;overflow:hidden}
.sh-bar__fill{height:10px;background:#6366f1}
.sh-bar__value{width:40px;text-align:right}
.sh-stats__cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sh-table{width:100%;border-collapse:separate;border-spacing:0}
.sh-table th{font-size:12px;color:#fff;background:#1f2937;border-bottom:0;padding:10px 8px;border-top-left-radius:8px;border-top-right-radius:8px}
.sh-table td{padding:10px 8px;border-bottom:1px solid #f4f4f5}
.ta-r{text-align:right}

/* Filterbar */
.sh-stats__filters{
  display:grid;
  grid-template-columns: 1fr 120px 160px 160px auto;
  gap:12px;
  align-items:end;
  background:#fafafa;
  border:1px solid #eee;
  border-radius:12px;
  padding:12px;
  margin:0 0 16px;
}
.sh-stats__filters label{display:block;font-size:12px;color:#666;margin-bottom:4px}
.sh-stats__filters input{width:100%;padding:8px;border:1px solid #ddd;border-radius:8px}
.sh-stats__filters .shf-actions{display:flex;gap:8px}

@media (max-width:900px){
  .sh-stats__kpis{grid-template-columns:repeat(2,1fr)}
  .sh-stats__cols{grid-template-columns:1fr}
  .sh-stats__filters{grid-template-columns:1fr 1fr}
}