.membership-admin{margin:0;background:var(--surface-soft);color:var(--ink);font-size:14px;line-height:1.6}.membership-admin *,.membership-member-card *,.membership-signup-code *{box-sizing:border-box}.membership-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100% - 1280px)/2));background:#fff;border-bottom:1px solid var(--line)}.membership-brand{color:var(--blue);text-decoration:none;font-size:23px;font-weight:800;white-space:nowrap}.membership-brand small{font-size:12px;font-weight:500}.membership-header nav{display:flex;gap:18px;flex-wrap:wrap}.membership-header nav a{color:var(--ink-soft);text-decoration:none}.membership-main{max-width:1280px;margin:auto;padding:32px 24px 70px}.membership-page-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.membership-admin h1{font-size:30px;margin:4px 0}.membership-admin h2{font-size:19px;margin:0 0 10px}.membership-admin p{margin:8px 0 16px;color:var(--ink-soft)}.membership-kicker{font-size:11px;letter-spacing:2px;color:var(--blue)!important;font-weight:700}.membership-admin button{white-space:nowrap;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:10px 15px;font:inherit;cursor:pointer}.membership-admin button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.membership-admin button:disabled{opacity:.55;cursor:wait}.membership-admin :focus-visible{outline:3px solid var(--blue-light);outline-offset:3px}.membership-tabs{display:flex;gap:8px;margin:24px 0;overflow:auto}.membership-tabs [aria-current=page]{color:white;background:var(--blue)}.membership-card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:20px;min-width:0}.membership-form{display:grid;gap:14px}.membership-form p{margin:0}.membership-admin label,.membership-member-card label,.membership-signup-code label{display:grid;gap:7px;font-weight:600}.membership-admin input,.membership-admin select,.membership-member-card input,.membership-signup-code input{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit}.membership-admin input[type=checkbox]{width:18px;height:18px}.membership-check{display:flex!important;align-items:center;gap:9px!important}.membership-form-grid,.membership-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.membership-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.membership-plan{padding:18px;border:1px solid var(--line);border-radius:10px}.membership-note{background:var(--surface-blue);border-radius:8px;padding:12px;color:var(--ink-soft)!important;font-size:12px}.membership-table-wrap{overflow-x:auto}.membership-admin table{width:100%;border-collapse:collapse;white-space:nowrap}.membership-admin th,.membership-admin td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px;font-size:13px}.membership-admin th{color:var(--ink-soft);background:var(--surface-soft)}.membership-filter{display:grid;grid-template-columns:2fr 1fr;gap:14px;max-width:700px;margin:18px 0}.membership-table-wrap small{display:block;color:var(--muted)}.membership-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.membership-stat{padding:18px;border-radius:12px;border:1px solid var(--line);background:white}.membership-stat b{display:block;font-size:26px;color:var(--blue)}.membership-code-item{border-top:1px solid var(--line);padding:16px 0}.membership-code-item strong{display:block}.membership-code-item p{margin:5px 0;font-size:12px}.membership-created{padding:16px;background:var(--surface-blue);border:1px solid #c7d5ff;border-radius:9px;overflow-wrap:anywhere}.membership-created output{display:block;font:700 18px/1.7 monospace;margin:8px 0;user-select:all}.membership-error{color:#a63b39!important;background:#fff0ee;padding:12px;border-radius:8px}.membership-success{color:#117451!important}.membership-dialog{width:min(740px,calc(100% - 28px));max-height:88vh;padding:25px;border:1px solid var(--line);border-radius:15px;color:var(--ink)}.membership-dialog::backdrop{background:#07112c90}.membership-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.membership-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 22px}.membership-detail-list div{padding:10px;background:var(--surface-soft);border-radius:7px;overflow-wrap:anywhere}.membership-detail-list dt{color:var(--muted);font-size:12px}.membership-detail-list dd{margin:3px 0 0}.membership-detail-docs{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.membership-member-card{margin-top:24px}.membership-member-card form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.membership-member-card form label{flex:1;min-width:200px}.membership-signup-code{padding:18px;margin-bottom:18px;background:#f0f6ff;border:1px solid #d7e4f7;border-radius:12px}.membership-signup-code p{font-size:12px;line-height:1.7;color:#567;margin:10px 0 0}.membership-member-card [data-membership-history]{font-size:13px;color:var(--ink-soft)}
/* Hide radio inputs without creating viewport-wide absolutely positioned boxes. */
.admin-member-filter .member-type-filter label{position:relative}.admin-member-filter .member-type-filter input{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}.member-type-filter label:focus-within{outline:2px solid #4662da;outline-offset:3px;border-radius:7px}
@media(max-width:760px){.membership-header{align-items:flex-start;flex-direction:column;padding:16px}.membership-header nav{gap:12px;font-size:12px}.membership-main{padding:22px 14px 50px}.membership-two-col,.membership-plan-grid{grid-template-columns:1fr}.membership-card{padding:18px}.membership-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-filter{grid-template-columns:1fr}.membership-admin h1{font-size:25px}.membership-detail-list{grid-template-columns:1fr}.auth-page .admin-header-tools{gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.auth-page .site-header .header-shell{align-items:flex-start;gap:12px}.auth-page .site-header .brand{flex:0 1 115px;min-width:85px}.auth-page .admin-header-tools .header-login{font-size:11px}.auth-page .admin-header-tools .button{padding:7px 10px;font-size:11px}.auth-page:has(.admin-main) .site-header{position:relative}.auth-page:has(.admin-main) .admin-main{padding-top:30px}}

.membership-admin .membership-main{padding-top:114px;max-width:1280px}.membership-admin .membership-card,.membership-admin .membership-stat{box-shadow:var(--shadow-sm)}.membership-admin .membership-kicker{color:var(--blue)!important}.membership-admin .membership-header-tools{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.membership-admin .membership-header-tools a{font-size:13px;white-space:nowrap}.membership-admin button:hover:not(:disabled){border-color:var(--blue);background:var(--surface-blue)}.membership-admin button.primary:hover:not(:disabled),.membership-tabs [aria-current=page]:hover:not(:disabled){background:var(--blue-dark);color:#fff}.membership-admin input:read-only{background:var(--surface-soft);color:var(--ink-soft)}.membership-admin [data-message]:empty{display:none}.membership-link-form{display:grid;gap:8px;margin:12px 0}.membership-link-form label{font-size:12px}.membership-link-form button{justify-self:start}.membership-member-card{border:1px solid var(--line);border-radius:24px;padding:28px;background:var(--surface);box-shadow:var(--shadow-sm)}.membership-member-card h2{color:var(--ink);margin:0 0 10px}.membership-member-card p{color:var(--ink-soft);line-height:1.7}.membership-member-card input{border-color:var(--line);color:var(--ink)}.membership-member-card [data-membership-link]{background:var(--surface-blue);padding:12px 16px;border-radius:12px}.membership-member-card [data-membership-message][data-error=true]{color:#b33b42}.membership-member-card [data-membership-history]{margin-top:16px}.membership-member-card [data-membership-history] p{margin:6px 0}.membership-admin a{color:var(--blue)}
@media(max-width:760px){.membership-admin .membership-main{padding-top:28px}.membership-admin .site-header{position:relative;height:auto;min-height:70px}.membership-admin .site-header .header-shell{min-height:70px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}.membership-admin .membership-header-tools{gap:12px}.membership-member-card{padding:20px}.membership-form-grid{grid-template-columns:1fr}.membership-page-head{align-items:flex-start}.membership-admin h1{font-size:25px}}

@media(max-width:760px){.auth-page.membership-admin .site-header.scrolled{height:auto;position:relative}.auth-page.membership-admin .site-header .header-shell{height:auto;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0 12px}.membership-admin .membership-main{padding-top:24px}.membership-admin .membership-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.membership-admin .membership-tabs button{padding:10px 8px}.membership-admin .membership-header-tools a{font-size:12px}}

.membership-two-col{align-items:start}.membership-form{align-content:start}.membership-admin .admin-workspace-logout{border:0;background:transparent;padding:0;font-size:11px;color:var(--ink-soft)}

.membership-plan-period{font-weight:700;font-size:12px;color:var(--blue)!important}.membership-annual{padding:16px 0;border-top:1px solid var(--line)}.membership-annual fieldset{margin:16px 0;padding:0;border:0;display:grid;gap:14px;min-width:0}.membership-annual small{display:block;margin-top:12px;font-size:12px;font-weight:400;color:var(--ink-soft)}.membership-plan-feedback:empty{display:none}.membership-plan-feedback{font-size:12px;color:#216b51!important}

.membership-request-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.membership-request-actions .button{margin:0;font-size:13px}.membership-request-history{display:grid;gap:14px;margin-top:20px}.membership-request-item,.membership-subscription-row{border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0;background:var(--surface-soft)}.membership-request-item h3{margin:0 0 10px;font-size:15px}.membership-request-item p{margin:6px 0;font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.membership-request-mail{color:var(--muted)!important;font-size:12px!important}.membership-request-dialog{width:min(680px,calc(100% - 28px));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:white;box-shadow:0 24px 90px #0816304d}.membership-request-dialog::backdrop{background:#08163099;backdrop-filter:blur(3px)}.membership-request-dialog[open]{display:flex;flex-direction:column}.membership-request-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line)}.membership-request-dialog-head h2{margin:0;font-size:20px}.membership-request-dialog-head button{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:var(--surface-soft);color:var(--ink);font:inherit;cursor:pointer}.membership-request-dialog form{padding:24px;overflow:auto}.membership-request-dialog label{display:grid;gap:8px;margin-bottom:17px;font-size:13px;font-weight:600}.membership-request-dialog input,.membership-request-dialog select,.membership-request-dialog textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:11px;font:inherit;box-sizing:border-box}.membership-request-dialog input:read-only{background:var(--surface-soft);color:var(--ink-soft)}.membership-request-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.membership-request-dialog .membership-request-check{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.7}.membership-request-check input{width:18px;min-width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:var(--blue)}.membership-request-notice,.membership-request-summary{padding:13px 15px;border-radius:9px;font-size:12px;line-height:1.9;background:var(--surface-blue);color:var(--ink-soft);overflow-wrap:anywhere}.membership-request-dialog [data-payment-request-error][data-error=true],[data-payment-request-status][data-error=true]{color:#a43f38}.membership-request-dialog button:disabled,.membership-request-actions button:disabled{opacity:.55;cursor:not-allowed}.membership-request-dialog [hidden]{display:none}@media(max-width:600px){.membership-request-fields{grid-template-columns:1fr;gap:0}.membership-request-dialog-head{padding:18px}.membership-request-dialog form{padding:18px}.membership-request-actions{align-items:stretch;flex-direction:column}.membership-request-actions .button{width:100%;text-align:center}}
.auth-page .membership-member-card .button-secondary,.membership-request-dialog .button-secondary{color:var(--ink);background:#fff;border:1px solid var(--line)}.membership-request-dialog-head{flex-shrink:0}.membership-request-dialog form{min-height:0}
.membership-request-dialog form{padding:0;overflow:hidden;display:flex;flex-direction:column}.membership-request-dialog-body{padding:24px;overflow:auto;min-height:0;overscroll-behavior:contain}.membership-request-dialog-foot{padding:16px 24px;border-top:1px solid var(--line);flex-shrink:0;background:#fff}@media(max-width:600px){.membership-request-dialog-body{padding:18px}.membership-request-dialog-foot{padding:14px 18px}}
