.hpsv-wrapper{max-width:1200px;margin:0 auto;padding:8px}
.hpsv-grid{display:grid;gap:16px}
@media(min-width:900px){.hpsv-2{grid-template-columns:1fr 1fr}.hpsv-3{grid-template-columns:2fr 1fr}}
.hpsv-card{background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.06);padding:16px}
.hpsv-label{font-size:12px;color:#334155;margin-bottom:4px;display:block}
.hpsv-input{width:100%;padding:8px 10px;border:1px solid #e2e8f0;border-radius:10px}
.hpsv-stat{font-size:12px;color:#64748b}
.hpsv-stat b{font-size:18px;color:#0f172a}
.hpsv-badge{font-size:12px;background:#fff;border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.08);padding:6px 12px}
.hpsv-danger{outline:2px solid #f87171}
.hpsv-title{font-weight:700;margin:0;font-size:22px}
.hpsv-sub{color:#475569;font-size:13px}
.hpsv-range{width:100%}
.hpsv-four{grid-template-columns:repeat(4,1fr)}
.hpsv-canvas{width:100%;height:360px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}