.club-members-panel{margin-top:2rem}.club-members-panel__title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.0625rem;font-weight:700;color:var(--color-text);font-family:var(--font-display,var(--font-inter)),sans-serif}.club-members-panel__filters{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.club-members-panel__search{flex:1 1 14rem;min-width:0}.club-members-panel__filter-select{flex:0 1 10rem;min-width:0}.club-members-panel__list{margin-top:1rem;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;background-color:var(--color-bg-card);padding-left:0}.club-members-panel__item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background-color .15s ease}.club-members-panel__item:not(:last-child){border-bottom:1px solid var(--color-border)}.club-members-panel__item:hover{background-color:var(--color-bg-muted)}.club-members-panel__avatar{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:9999px;background-color:var(--color-primary-subtle);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--color-primary);font-family:var(--font-display,var(--font-inter)),sans-serif;letter-spacing:.02em;user-select:none}.club-members-panel__info{flex:1;min-width:0}.club-members-panel__name{margin:0;font-size:.875rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-members-panel__meta{margin:.125rem 0 0;font-size:.75rem;color:var(--color-text-muted)}.club-members-panel__badges{display:flex;flex-wrap:wrap;gap:.25rem;flex-shrink:0}.club-members-panel__actions{display:flex;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.club-members-panel__role-controls{display:flex;flex-wrap:wrap;gap:.375rem}.club-members-panel__empty{padding:2rem 1rem;text-align:center;font-size:.875rem;color:var(--color-text-muted)}.club-members-panel__modal{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:1rem}.club-members-panel__modal-backdrop{position:absolute;inset:0;background:rgba(9,14,26,.7);backdrop-filter:blur(4px)}.club-members-panel__modal-card{position:relative;width:min(28rem,100vw - 2rem);background:var(--color-bg-card);border:1px solid var(--color-border-strong);border-radius:1rem;box-shadow:0 24px 48px -8px rgba(0,0,0,.18),0 8px 16px -4px rgba(0,0,0,.1);padding:1.5rem}.club-members-panel__modal-title{margin:0;font-size:1.0625rem;font-weight:700;color:var(--color-text);font-family:var(--font-display,var(--font-inter)),sans-serif}.club-members-panel__modal-text{margin:.5rem 0 1rem;font-size:.875rem;color:var(--color-text-muted);line-height:1.6}.club-members-panel__modal-actions{margin-top:1.25rem;display:flex;justify-content:flex-end;gap:.5rem}.club-members-panel__loading{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;border:1px solid var(--color-border);border-radius:1rem;overflow:hidden}@media(max-width:640px){.club-members-panel__item{flex-wrap:wrap}.club-members-panel__actions{width:100%;padding-top:.5rem;border-top:1px solid var(--color-border);margin-left:0}.club-members-panel__badges{flex-shrink:1}}