.jpcc-wrap{max-width:960px;margin:0 auto;padding:8px 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
.jpcc-desc{margin:.2rem 0 1rem;color:#555}
.jpcc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.jpcc-field{display:flex;flex-direction:column;gap:6px}
.jpcc-field input[type=number]{padding:10px;border:1px solid #ddd;border-radius:10px}
.jpcc-inline{flex-direction:row;align-items:center}
.jpcc-actions{display:flex;gap:8px;margin:14px 0}
.jpcc-actions button{padding:10px 14px;border-radius:12px;border:1px solid #ddd;cursor:pointer}
.jpcc-actions .jpcc-ghost{background:#fff}
.jpcc-actions #jpcc-run{background:#111;color:#fff;border-color:#111}
.jpcc-result{margin-top:18px}
.jpcc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.jpcc-card{border:1px solid #eee;border-radius:14px;padding:14px}
.jpcc-card-title{font-weight:600;margin-bottom:6px}
.jpcc-money{font-size:1.4rem;font-weight:700}
.jpcc-sub{color:#777;margin-top:6px}
.jpcc-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px}
.jpcc-table{border:1px solid #f0f0f0;border-radius:12px;padding:10px}
.jpcc-table-title{font-weight:600;margin-bottom:8px}
.jpcc-table table{width:100%;border-collapse:collapse}
.jpcc-table th,.jpcc-table td{border-bottom:1px dashed #eee;padding:6px 4px;text-align:right}
.jpcc-table th:first-child,.jpcc-table td:first-child{text-align:left}
.jpcc-note{color:#666;font-size:.92rem;margin-top:10px}