.hpc-tool{font-size:13.5px;color:#1e1b4b}
.hpc-tool *{box-sizing:border-box}
.hpc-row{margin-bottom:14px}
.hpc-label{display:block;font-size:12px;font-weight:600;color:#4b5563;margin-bottom:6px}
.hpc-iw{position:relative;display:flex;align-items:center}
.hpc-input,.hpc-select{width:100%;height:42px;border:1.5px solid #e0e7ff;border-radius:10px;font-size:15px;font-weight:600;color:#1e1b4b;background:#fafaff;transition:border-color .15s,box-shadow .15s,background .15s;appearance:none;outline:none}
.hpc-input{padding:0 52px 0 14px}
.hpc-select{padding:0 36px 0 14px;cursor:pointer}
.hpc-input.has-prefix{padding-left:26px}
.hpc-input::placeholder{color:#c7c9e0;font-weight:500}
.hpc-input:focus,.hpc-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12);background:#fff}
.hpc-input.hpc-err{border-color:#ef4444;background:#fff}
.hpc-prefix{position:absolute;left:12px;font-size:14px;font-weight:700;color:#9ca3af;pointer-events:none}
.hpc-suffix{position:absolute;right:14px;font-size:12px;font-weight:600;color:#9ca3af;pointer-events:none}
.hpc-arrow{position:absolute;right:14px;width:0;height:0;border:5px solid transparent;border-top-color:#9ca3af;pointer-events:none;margin-top:2px}
.hpc-errmsg{display:none;font-size:11px;color:#ef4444;margin-top:4px}
.hpc-errmsg.hpc-show{display:block}
.hpc-phase-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hpc-phase-btn{height:44px;border:1.5px solid #e0e7ff;border-radius:10px;background:#fafaff;font-size:12.5px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.hpc-phase-btn.hpc-active{border-color:#4338ca;background:#eef2ff;color:#4338ca}
.hpc-phase-sub{font-size:10px;color:#9ca3af;font-weight:500}
.hpc-phase-btn.hpc-active .hpc-phase-sub{color:#6366f1}
.hpc-adv-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;font-size:12px;font-weight:600;color:#6366f1;cursor:pointer;margin-bottom:14px}
.hpc-adv-icon{transition:transform .2s;display:inline-flex}
.hpc-adv-toggle.hpc-open .hpc-adv-icon{transform:rotate(180deg)}
.hpc-adv-panel{display:none}
.hpc-adv-panel.hpc-open{display:block}
.hpc-btn{width:100%;height:44px;margin-top:2px;background:#4338ca;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}
.hpc-btn:hover{background:#3730a3}
.hpc-btn:active{transform:scale(.98)}
.hpc-results{margin-top:16px}
.hpc-main-card{background:#f8f9ff;border:1.5px solid #e0e7ff;border-radius:10px;padding:14px;margin-bottom:10px;transition:border-color .2s,background .2s}
.hpc-main-card.hpc-live{background:#fff;border-color:#4338ca}
.hpc-main-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin-bottom:6px}
.hpc-main-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hpc-main-val{font-size:28px;font-weight:700;color:#1e1b4b;line-height:1}
.hpc-main-badge{font-size:11.5px;font-weight:600;color:#6b7280;padding:4px 10px;background:#eef2ff;border-radius:6px;white-space:nowrap}
.hpc-main-sub{font-size:11.5px;color:#6b7280;margin-top:5px}
.hpc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.hpc-card{background:#f8f9ff;border:1.5px solid #e0e7ff;border-radius:10px;padding:12px 10px;transition:border-color .2s,background .2s}
.hpc-card.hpc-live{background:#fff;border-color:#4338ca}
.hpc-card.hpc-amber{border-color:#d97706;background:#fffbeb}
.hpc-card.hpc-green{border-color:#16a34a;background:#f0fdf4}
.hpc-clabel{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin-bottom:8px}
.hpc-cval{font-size:19px;font-weight:700;color:#1e1b4b;line-height:1}
.hpc-cval.hpc-green-val{color:#15803d}
.hpc-csub{font-size:11px;color:#9ca3af;margin-top:4px}
.hpc-phases{background:#f8f9ff;border:1.5px solid #e0e7ff;border-radius:10px;padding:14px;margin-bottom:10px;transition:border-color .2s,background .2s}
.hpc-phases.hpc-live{background:#fff;border-color:#4338ca}
.hpc-ph-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin-bottom:10px}
.hpc-ph-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hpc-ph-item{background:#f1f3ff;border-radius:8px;padding:10px 8px;text-align:center}
.hpc-ph-val{font-size:14px;font-weight:700;color:#4338ca;margin-bottom:2px}
.hpc-ph-sub{font-size:10.5px;color:#6b7280;font-weight:500}
.hpc-amort{background:#f8f9ff;border:1.5px solid #e0e7ff;border-radius:10px;padding:14px;transition:border-color .2s,background .2s}
.hpc-amort.hpc-live{background:#fff;border-color:#4338ca}
.hpc-amort-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin-bottom:10px}
.hpc-amort-table{width:100%;border-collapse:collapse;font-size:12px}
.hpc-amort-table th{text-align:left;font-size:10.5px;font-weight:700;color:#9ca3af;letter-spacing:.04em;text-transform:uppercase;padding:4px 6px;border-bottom:1.5px solid #e0e7ff}
.hpc-amort-table td{padding:5px 6px;border-bottom:1px solid #f0f0fa;color:#4b5563;font-weight:500}
.hpc-amort-table tr:last-child td{border-bottom:none}
.hpc-amort-table td:nth-child(1){color:#6b7280;font-size:11px}
.hpc-amort-table td:nth-child(2){font-weight:700;color:#4338ca}
.hpc-amort-table td:nth-child(4){color:#dc2626}
.hpc-amort-table td:nth-child(5){color:#15803d;font-weight:600}
.hpc-amort-table tr.hpc-repay-row td{background:#fafaff}
.hpc-amort-table tr.hpc-repay-row td:nth-child(2){color:#1e1b4b}
.hpc-show-more{background:none;border:none;color:#6366f1;font-size:12px;font-weight:600;cursor:pointer;padding:8px 0 0;display:block}
.hpc-ph{display:inline-block;width:24px;height:2px;background:#4338ca;border-radius:2px;vertical-align:middle}
.hpc-note{font-size:11.5px;line-height:1.5;color:#9ca3af;margin:14px 0 0;text-align:center}