.hmp43123-page{display:grid;gap:16px}.hmp43123-page header{display:flex;justify-content:space-between;gap:12px;align-items:center}.hmp43123-page h2{margin:0}.hmp43123-page header small{color:#64748b}.hmp43123-page nav,.hmp43123-periods{display:flex;gap:8px;overflow:auto}.hmp43123-page nav button,.hmp43123-periods button{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:8px 12px;font-weight:700}.hmp43123-page .active{background:#2563eb;color:#fff;border-color:#2563eb}.hmp43123-group{display:grid;gap:10px}.hmp43123-group h3{margin:6px 0;color:#334155}.hmp43123-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.hmp43123-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:13px;cursor:pointer}.hmp43123-card:hover,.hmp43123-card:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.hmp43123-card div{display:grid;gap:3px}.hmp43123-card small,.hmp43123-card em{color:#64748b;font-style:normal}.hmp43123-card mark{grid-column:2/4;background:#fff7ed;color:#9a3412;border-radius:7px;padding:5px}.hmp43123-icon{font-size:24px}.hmp43123-empty{text-align:center;padding:28px;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b}.hmp43123-delete,.hmp43123-detail{display:grid;gap:12px}@media(max-width:650px){.hmp43123-page header{align-items:flex-start;flex-direction:column}.hmp43123-grid{grid-template-columns:1fr}}