#hp-uservice{color:#1f2329;min-height:52vh}
#hp-uservice h2{font-family:Anton,Impact,sans-serif;font-size:2rem;margin:0 0 .35em}
#hp-uservice .hp-lead{color:#555;margin:0 0 1.1em}
#hp-uservice .hp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1em}
#hp-uservice .hp-tab{border:1px solid #1f2329;background:#fff;color:#1f2329!important;border-radius:999px;padding:6px 14px;cursor:pointer;font-size:14px}
#hp-uservice .hp-tab.on{background:#1f2329;color:#fff!important;border-color:#1f2329}
#hp-uservice .hp-form select,#hp-uservice .hp-form option,#hp-uservice .hp-search{color:#1f2329;background:#fff}
#hp-uservice table{width:100%;border-collapse:collapse;font-size:13px}
#hp-uservice th,#hp-uservice td{border-bottom:1px solid #ececec;padding:8px 10px;text-align:left;vertical-align:top}
#hp-uservice th{background:#f6f6f6;font-weight:600;white-space:nowrap}
#hp-uservice td.num{text-align:right;font-variant-numeric:tabular-nums}
#hp-uservice .addr{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all}
#hp-uservice .hp-search{width:min(420px,100%);margin:0 0 12px;padding:8px 10px;border:1px solid #ccc;border-radius:8px}
#hp-uservice .hp-form{display:grid;gap:10px;max-width:560px}
#hp-uservice .hp-form label{font-size:13px;color:#444}
#hp-uservice .hp-form select,#hp-uservice .hp-form input{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:8px}
#hp-uservice .hp-form button{width:fit-content;background:#00c2d7;border:0;border-radius:999px;padding:8px 18px;cursor:pointer;font-weight:600}
#hp-uservice .hp-card{background:#f7f7f7;border-radius:12px;padding:14px 16px;margin-top:14px}
#hp-uservice .hp-err{color:#b42318}
#hp-uservice .hp-ok{color:#067647}