.hbm-page{--hbm-color:#f58220;max-width:760px;margin:30px auto;padding:0 14px;font-family:Arial,sans-serif;box-sizing:border-box;color:#222}.hbm-card{background:#fff;border:1px solid #e7e7e7;border-radius:18px;padding:24px;margin:0 0 16px;box-shadow:0 6px 24px rgba(0,0,0,.06);box-sizing:border-box}.hbm-brand{font-weight:800;color:var(--hbm-color);letter-spacing:.5px}.hbm-card h1,.hbm-card h2{margin-top:8px}.hbm-card input,.hbm-card textarea{width:100%;box-sizing:border-box;border:1px solid #d7d7d7;border-radius:10px;padding:13px;margin:7px 0 14px;font-size:16px}.hbm-card button{border:0;border-radius:10px;padding:13px 20px;background:var(--hbm-color);color:#fff;font-weight:700;cursor:pointer;width:100%}.hbm-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.hbm-head small,.hbm-grid small,.hbm-bank span{display:block;color:#777;font-size:12px}.hbm-head strong{display:block;font-size:18px;margin-top:5px}.hbm-status{padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;background:#eee}.hbm-status-paid{background:#e4f7e8;color:#16833b}.hbm-status-pending,.hbm-status-reported{background:#fff3d8;color:#996500}.hbm-status-overdue{background:#fde7e7;color:#b42318}.hbm-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.hbm-grid b{display:block;margin-top:5px}.hbm-amount{color:var(--hbm-color);font-size:22px}.hbm-qr{display:block;width:min(360px,100%);margin:10px auto 22px;border-radius:12px}.hbm-bank{border-top:1px solid #eee;padding-top:10px}.hbm-bank p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #f1f1f1;padding:8px 0;margin:0}.hbm-notice{text-align:center}.hbm-paid{border-color:#b9e4c3}.hbm-success{margin-top:16px;padding:12px;background:#eaf8ed;border-radius:10px;color:#18733a}.hbm-footer{text-align:center;color:#777;font-size:13px;padding:10px 0 30px}@media(max-width:600px){.hbm-card{padding:18px}.hbm-grid{grid-template-columns:1fr}.hbm-head{align-items:flex-start;flex-direction:column}.hbm-status{white-space:normal}.hbm-bank p{display:block}.hbm-bank b{display:block;margin-top:3px}}