.hb-side-usage { color: inherit; text-decoration: none; }
.hb-side-usage:hover { border-color: var(--line-control); background: var(--bg-hover); text-decoration: none; }
.hb-cycle { display: inline-flex; gap: 4px; padding: 4px; margin: var(--s-2) 0 var(--s-6); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--bg-sunken); }
.hb-cycle .h-btn { border: 0; }
.hb-cycle .is-active { background: var(--bg-surface); box-shadow: 0 0 0 1px var(--line), var(--shadow-xs); }
.hb-plans { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-3); align-items: stretch; }
.hb-plan { position: relative; display: flex; flex-direction: column; min-width: 0; padding: var(--s-5); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--bg-surface); }
.hb-plan--featured { border-color: var(--text); box-shadow: inset 0 3px 0 var(--brand); }
.hb-plan__top { min-height: 118px; }
.hb-plan__name { margin: 0; font: 500 var(--fs-17)/var(--lh-snug) var(--font-sans); }
.hb-plan__price { margin-top: var(--s-3); font: 300 32px/1 var(--font-display); letter-spacing: var(--track-display); }
.hb-plan__price small { font: 400 var(--fs-13)/1.4 var(--font-sans); color: var(--text-2); }
.hb-plan__seat { margin-top: var(--s-2); color: var(--text-2); font-size: var(--fs-13); }
.hb-plan__badge { position: absolute; top: var(--s-4); right: var(--s-4); }
.hb-plan__features { display: flex; flex-direction: column; gap: 9px; margin: var(--s-4) 0 var(--s-5); padding: var(--s-4) 0 0; border-top: 1px solid var(--line); list-style: none; font-size: var(--fs-13); }
.hb-plan__features li { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 7px; }
.hb-plan__features .h-i { width: 15px; height: 15px; margin-top: 2px; color: var(--success); }
.hb-plan .h-btn { margin-top: auto; justify-content: center; }
.hb-note { margin-top: var(--s-5); }
@media (max-width: 1120px) { .hb-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .hb-plans { grid-template-columns: minmax(0, 1fr); } .hb-plan__top { min-height: 0; } }
.hb-seats{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin:18px 0;border:1px solid var(--rule);border-radius:12px;background:var(--paper)}
.hb-seats strong{font-size:16px}.hb-seats p{margin:3px 0 0;color:var(--muted);font-size:13px}
@media(max-width:640px){.hb-seats{align-items:flex-start;flex-direction:column}.hb-seats .h-btn{width:100%}}