.membership-body{--purple:#123f46}.membership-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 24px}.membership-stats>div{background:white;border:1px solid var(--line);border-radius:15px;padding:22px}.membership-stats span{display:block;color:var(--muted);font-size:13px}.membership-stats strong{display:block;font-size:32px;margin-top:10px;color:#123f46}.membership-search{display:grid;grid-template-columns:2fr 1fr auto;gap:16px;align-items:end}.membership-search label{margin-top:0}.membership-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.member-identity{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}.member-photo{width:96px;height:112px;object-fit:cover;border-radius:12px}.member-photo.placeholder{display:grid;place-items:center;background:#e7f0eb;font-size:40px;color:#28604c}.membership-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.membership-row small,.membership-app-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.membership-money{background:#edf4ef;padding:20px;border-radius:12px}.membership-money strong{display:block;font-size:30px;color:#17573b}.membership-money span{color:#476652}.membership-empty{padding:40px!important;color:var(--muted)}.membership-body .panel{margin-bottom:22px}.membership-body h3{margin-top:28px}.membership-body .button.compact{font-size:12px;padding:8px 12px}.membership-form{max-width:1000px}.membership-app-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:16px;align-items:center;border-top:1px solid var(--line);padding:20px 0}.member-self-panel{width:100%;min-height:100vh;grid-column:1/-1}.membership-body dd,.membership-body td,.member-identity bdi{overflow-wrap:anywhere}.membership-body .errorlist{color:var(--red)}.membership-body .auth-form form>.button{margin-top:20px}.membership-body .auth-page{min-height:100vh}@media(max-width:1100px){.membership-detail-grid{grid-template-columns:1fr}.membership-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.membership-stats{gap:10px}.membership-stats>div{padding:15px}.membership-search,.membership-app-row{grid-template-columns:1fr}.member-identity{gap:12px}.member-identity h2{font-size:20px}.member-photo{width:72px;height:90px}.membership-body .page-heading{align-items:start;gap:15px;flex-wrap:wrap}.membership-detail-grid{min-width:0}.membership-body .panel{min-width:0}.membership-body .auth-form{max-width:100%}}
