.client-membership-sections{gap:18px;min-width:0;display:grid}.client-membership-sections>.membership-views{width:100%;margin:0;display:flex}.client-membership-sections>.membership-views button{white-space:normal;flex:1;padding:11px 12px;font-size:13px}.membership-purchase-history{gap:22px;min-width:0;display:grid}.history-purchase-month h2{color:var(--muted);letter-spacing:-.02em;margin-bottom:12px;font-size:16px}.history-purchase-row{text-align:left;width:100%;min-width:0;color:var(--ink);border-radius:15px;align-items:center;gap:12px;margin:0 0 10px;padding:17px 18px;display:flex}.history-purchase-row>span:first-child{flex:1;min-width:0}.history-purchase-row strong{overflow-wrap:anywhere;font-size:15px;font-weight:650;display:block}.history-purchase-row small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.history-purchase-price{white-space:nowrap;font-size:14px;font-weight:600}.membership-history-empty{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin:0;padding:30px 20px;font-size:14px;display:flex}.membership-history-back{justify-self:start}.compact-member-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:11px;display:flex}.compact-member-heading>div:first-child{min-width:0}.compact-member-heading h2{overflow-wrap:anywhere;font-size:21px;line-height:1.35}.compact-member-price{white-space:nowrap;color:var(--ink);font-size:21px;font-weight:700;line-height:1.35}.compact-member-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.compact-member-meta .membership-paid-date{color:var(--muted);margin:0;font-size:12px}.membership-card.compact-member{min-width:0;padding:21px}.membership-card.compact-member>.membership-validity{color:var(--muted);margin:0 0 17px;font-size:12px}.compact-member>.membership-numbers{margin:14px 0 16px}.compact-member>.membership-numbers strong{font-size:22px}.compact-member>.membership-numbers span{font-size:11px}.compact-member .membership-price{margin:0}.compact-member>.membership-discount{color:var(--muted);margin:0 0 14px;font-size:12px}.compact-member .membership-controls{margin-top:15px}.client-profile-identity{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.client-profile-identity>div{min-width:0}.client-profile-identity .profile-avatar{margin:0}.client-profile .client-profile-identity .profile-name{margin:0 0 5px;font-size:24px;line-height:1.3}.client-profile .client-profile-identity p{overflow-wrap:anywhere;margin:2px 0;font-size:13px}.client-profile.client-profile-compact{flex-wrap:wrap;align-items:center;gap:18px;padding:23px}.client-profile-compact .heading-actions{gap:8px;min-width:0}.client-profile-compact .heading-actions button{white-space:nowrap;min-width:0;padding:10px 13px}.client-profile-compact .heading-actions button svg,.client-profile-compact .heading-actions>.primary{flex-shrink:0}.client-attendance-layout>.client-membership-sections{grid-column:1/-1}@media (max-width:650px){.client-profile.client-profile-compact{gap:15px;padding:17px}.client-profile .client-profile-identity .profile-name{font-size:21px}.client-profile-identity{gap:12px}.client-profile-compact .heading-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.client-profile-compact .heading-actions>.primary{grid-column:1/-1;width:100%}.client-profile-compact .heading-actions button{min-height:40px;font-size:13px}.membership-card.compact-member{padding:17px}.compact-member-heading{gap:10px}.compact-member-heading h2,.compact-member-price{font-size:18px}.compact-member-meta{gap:7px}.compact-member-meta .status{padding:3px 7px;font-size:10px}.compact-member-meta .membership-paid-date{font-size:11px}.compact-member>.membership-numbers{gap:5px}.compact-member>.membership-numbers strong{font-size:21px}.compact-member>.membership-numbers span{font-size:10px}.history-purchase-row{gap:9px;padding:15px 13px}.history-purchase-row strong{font-size:14px}.history-purchase-price{font-size:13px}.client-membership-sections>.membership-views button{padding:10px 8px;font-size:12px}}.compact-member-heading h2{margin:0}