.ofthp-wrap{overflow:auto;margin:1rem 0}
.ofthp-table{width:100%;border-collapse:collapse}
.ofthp-table th,.ofthp-table td{border:1px solid #ddd;padding:.5rem}
.ofthp-table th{background:#f6f6f6}
.ofthp-pager{display:flex;gap:.5rem;align-items:center;margin:.5rem 0}
.ofthp-pager .button.disabled{opacity:.5;pointer-events:none}
.ofthp-pageinfo{padding:.2rem .6rem}
.ofthp-card{border:1px solid #e1e1e1;background:#fff;padding:1rem;border-radius:6px;margin:.5rem 0}
.ofthp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}
.ofthp-block{margin:1rem 0}
.ofthp-toast{position:fixed;right:1rem;bottom:1rem;background:#111;color:#fff;padding:.4rem .6rem;border-radius:4px;opacity:.95;z-index:9999}
.ofthp-sign{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
input.ofthp-edit,textarea.ofthp-edit,select.ofthp-edit{width:100%}