.hc-wrapper{max-width:760px;margin:18px auto;background:linear-gradient(180deg,#ffffff,#f6f9f7);border-radius:14px;padding:18px;box-shadow:0 12px 40px rgba(3,45,22,0.06);font-family:Arial,Helvetica,sans-serif;color:#0b462e}
.hc-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:12px}
.hc-tab{background:#eaf7ef;border:1px solid #d9efe3;padding:8px 14px;border-radius:10px;cursor:pointer;font-weight:700;color:#087147}
.hc-tab.active{background:#087147;color:#fff;box-shadow:0 8px 20px rgba(3,45,22,0.08);transform:translateY(-2px)}
.hc-panel{padding:8px 6px}
.hc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.hc-row{display:flex;flex-direction:column}
.hc-row label{font-weight:700;color:#075f3f;margin-bottom:6px}
.hc-row input,hc-row select{padding:10px;border-radius:8px;border:1px solid #dcefe2}
.hc-actions{grid-column:1/-1;display:flex;gap:10px;justify-content:center;margin-top:6px}
.hc-btn{background:#00b36b;color:#fff;padding:10px 16px;border-radius:10px;border:none;cursor:pointer;font-weight:700;box-shadow:0 6px 18px rgba(0,179,107,0.12);transition:transform .12s ease}
.hc-btn:hover{transform:translateY(-2px)}
.hc-result{margin-top:14px;padding:12px;border-radius:10px;background:#e9f8ef;border:1px solid #d6f0df;text-align:center}
.hc-value{font-size:22px;font-weight:800;color:#0b6b42}
.hc-note{margin-top:8px;color:#20503d}
.hc-history{margin-top:18px;background:#fff;padding:12px;border-radius:10px;border:1px solid #eee}
.hc-history h4{margin-top:0;color:#0b6b42}
.hc-empty{color:#666;font-style:italic}
@media(max-width:540px){.hc-wrapper{padding:12px}}