.mhc-app{
  --mhc-bg:#ffffff;
  --mhc-fg:#111827;
  --mhc-muted:#6b7280;
  --mhc-line:#e5e7eb;
  --mhc-brand:#0f766e;
  --mhc-brand-soft:#ecfdf5;
  --mhc-radius:14px;
  background:var(--mhc-bg);
  color:var(--mhc-fg);
  border:1px solid var(--mhc-line);
  border-radius:var(--mhc-radius);
  padding:20px;
  font-family:inherit;
  max-width:820px;
  margin:0 auto;
  box-shadow:0 8px 30px rgba(15,23,42,.06);
}
.mhc-title{margin:0 0 14px;font-size:1.4rem;font-weight:700}
.mhc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.mhc-tab{
  border:1px solid var(--mhc-line);background:#fff;color:var(--mhc-muted);
  padding:8px 14px;border-radius:999px;cursor:pointer;font-size:.86rem;line-height:1;
  transition:all .15s ease;
}
.mhc-tab:hover{border-color:var(--mhc-brand);color:var(--mhc-brand)}
.mhc-tab.is-active{background:var(--mhc-brand);border-color:var(--mhc-brand);color:#fff}
.mhc-panel{display:none}
.mhc-panel.is-active{display:block}
.mhc-panel h3{margin:0 0 4px;font-size:1.1rem}
.mhc-hint{margin:0 0 14px;color:var(--mhc-muted);font-size:.85rem}
.mhc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:560px){.mhc-grid{grid-template-columns:1fr}}
.mhc-field{display:flex;flex-direction:column;gap:6px}
.mhc-field label{font-size:.8rem;font-weight:600;color:var(--mhc-muted)}
.mhc-field input,.mhc-field select{
  width:100%;padding:10px 12px;border:1px solid var(--mhc-line);border-radius:10px;
  font-size:.95rem;background:#fff;color:var(--mhc-fg);box-sizing:border-box;
}
.mhc-field input:focus,.mhc-field select:focus{outline:2px solid var(--mhc-brand);outline-offset:1px}
.mhc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mhc-btn{
  background:var(--mhc-brand);color:#fff;border:none;padding:11px 20px;border-radius:10px;
  font-weight:600;cursor:pointer;font-size:.9rem;
}
.mhc-btn:hover{filter:brightness(1.08)}
.mhc-btn.secondary{background:#fff;color:var(--mhc-brand);border:1px solid var(--mhc-brand)}
.mhc-result{
  margin-top:16px;background:var(--mhc-brand-soft);border:1px solid #bbf7d0;
  border-radius:12px;padding:14px 16px;font-size:.95rem;display:none;
}
.mhc-result.show{display:block}
.mhc-result strong{font-size:1.35rem;display:block;margin-bottom:4px;color:var(--mhc-brand)}
.mhc-result.error{background:#fef2f2;border-color:#fecaca}
.mhc-result.error strong{color:#b91c1c}
.mhc-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.mhc-row{display:grid;grid-template-columns:1.6fr 1fr 1fr auto;gap:8px;align-items:center}
@media(max-width:560px){.mhc-row{grid-template-columns:1fr 1fr auto}}
.mhc-row input{padding:9px 10px;border:1px solid var(--mhc-line);border-radius:9px;width:100%;box-sizing:border-box}
.mhc-del{background:#fff;border:1px solid var(--mhc-line);color:#b91c1c;border-radius:9px;width:34px;height:34px;cursor:pointer;font-size:1rem;line-height:1}
.mhc-credit{margin:18px 0 0;text-align:right;font-size:.72rem;color:var(--mhc-muted)}