.thpc{--c-bg:#fff;--c-ink:#1f2937;--c-mut:#6b7280;--c-line:#e5e7eb;--c-pri:#2563eb;--c-pri2:#1d4ed8;--c-soft:#f3f6fd;--c-ok:#059669;--c-bad:#dc2626;max-width:960px;margin:0 auto;color:var(--c-ink);font-family:inherit;line-height:1.45}
.thpc *{box-sizing:border-box}
.thpc-card{background:var(--c-bg);border:1px solid var(--c-line);border-radius:14px;padding:22px;box-shadow:0 4px 18px rgba(17,24,39,.06)}
.thpc h3{margin:0 0 4px;font-size:1.05rem}
.thpc .thpc-hint{margin:0 0 10px;color:var(--c-mut);font-size:.85rem}
.thpc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:8px}
.thpc label{display:block;font-size:.8rem;font-weight:600;margin-bottom:4px;color:var(--c-mut)}
.thpc input,.thpc select{width:100%;padding:9px 10px;border:1px solid var(--c-line);border-radius:8px;font-size:.95rem;background:#fff;color:var(--c-ink);min-height:40px}
.thpc input:focus,.thpc select:focus{outline:2px solid var(--c-pri);outline-offset:0;border-color:var(--c-pri)}
.thpc-sec{border-top:1px solid var(--c-line);padding:16px 0 6px;margin-top:10px}
.thpc-head,.thpc-row{display:grid;gap:8px;align-items:center;margin-bottom:8px}
.thpc-c3{grid-template-columns:2fr 1fr 1fr 1fr 36px}
.thpc-c2{grid-template-columns:2fr 1fr 1fr 36px}
.thpc-head span{font-size:.75rem;font-weight:600;color:var(--c-mut);text-transform:uppercase;letter-spacing:.03em}
.thpc-rt{font-weight:600;text-align:right;padding-right:4px;font-variant-numeric:tabular-nums}
.thpc-del{border:0;background:#fee2e2;color:var(--c-bad);border-radius:8px;height:36px;width:36px;cursor:pointer;font-size:1.1rem;line-height:1}
.thpc-del:hover{background:#fecaca}
.thpc-btn{border:0;border-radius:9px;padding:10px 16px;font-size:.92rem;font-weight:600;cursor:pointer;background:var(--c-soft);color:var(--c-pri2)}
.thpc-btn:hover{background:#e3eafb}
.thpc-btn.pri{background:var(--c-pri);color:#fff}
.thpc-btn.pri:hover{background:var(--c-pri2)}
.thpc-btn.ghost{background:#f3f4f6;color:#374151}
.thpc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.thpc-res{margin-top:22px;border-top:2px solid var(--c-line);padding-top:18px}
.thpc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.thpc-kpi{background:var(--c-soft);border-radius:12px;padding:14px}
.thpc-kpi small{display:block;color:var(--c-mut);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.thpc-kpi b{display:block;font-size:1.25rem;margin-top:4px;word-break:break-word}
.thpc-kpi.good b{color:var(--c-ok)}
.thpc-kpi.bad b{color:var(--c-bad)}
.thpc-kpi.main{background:var(--c-pri);color:#fff}
.thpc-kpi.main small{color:#dbe6ff}
.thpc-bar{display:flex;height:16px;border-radius:99px;overflow:hidden;background:#e5e7eb;margin:16px 0 8px}
.thpc-bar i{display:block;height:100%}
.thpc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.82rem;color:var(--c-mut)}
.thpc-legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;background:var(--k);vertical-align:-1px}
.thpc-warn{background:#fef3c7;color:#92400e;border-radius:8px;padding:10px 12px;margin-top:12px;font-size:.88rem}
@media (max-width:720px){
.thpc-card{padding:14px}
.thpc-grid{grid-template-columns:1fr 1fr}
.thpc-kpis{grid-template-columns:1fr 1fr}
.thpc-head{display:none}
.thpc-c3,.thpc-c2{grid-template-columns:1fr 1fr 36px;padding-bottom:8px;border-bottom:1px dashed var(--c-line)}
.thpc-row input:first-child{grid-column:1/-1}
.thpc-rt{text-align:left}
}