.memberships-list-module{padding:var(--spacing-md) 0;width:100%}.loading-message,.memberships-loading{color:var(--color-text-light);font-size:var(--font-size-base);font-style:italic;padding:var(--spacing-lg);text-align:center}.membership-items{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:var(--spacing-md) 0}.membership-item--add{align-items:center;background:linear-gradient(135deg,var(--color-bg-white) 0,var(--color-bg-lighter) 100%);border:2px dashed var(--color-border);cursor:pointer;display:flex;justify-content:center;min-height:200px;transition:all var(--transition-speed) ease}.membership-item--add:hover{background:linear-gradient(135deg,var(--color-bg-lighter) 0,#f0f4f8 100%);border-color:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.membership-item-add-link{align-items:center;color:inherit;display:flex;height:100%;justify-content:center;padding:var(--spacing-md);text-decoration:none;width:100%}.membership-item-add-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.membership-item-add-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;text-align:center}.membership-item-add-icon{align-items:center;background-color:var(--color-primary);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;height:80px;justify-content:center;transition:all var(--transition-speed) ease;width:80px}.membership-item--add:hover .membership-item-add-icon{background-color:var(--color-primary-dark);box-shadow:0 4px 16px rgba(0,0,0,.15);transform:scale(1.05)}.membership-item-add-icon svg{color:#fff}.membership-item-add-text{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0;transition:color var(--transition-speed) ease}.membership-item--add:hover .membership-item-add-text{color:var(--color-primary)}.membership-item{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);transition:border-color var(--transition-speed) ease}.membership-item:focus-within{border-color:var(--color-primary)}.membership-item-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.membership-item-head{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.membership-item-logo-wrap{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);display:flex;height:48px;justify-content:center;padding:4px;width:84px}.membership-item-logo{height:100%;object-fit:contain;width:100%}.membership-item-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);margin:0}.membership-item-status{border-radius:var(--border-radius-lg);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.membership-item-status.status-active{background-color:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success-dark)}.membership-item-status.status-expired{background-color:var(--color-error-light);border:1px solid var(--color-error-border);color:var(--color-error-dark)}.membership-item-status.status-unknown{background-color:var(--color-bg-lighter);border:1px solid var(--color-border);color:var(--color-text)}.membership-item-link{align-items:center;align-self:flex-start;background-color:var(--color-primary);border-radius:var(--border-radius-sm);color:#fff;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:center;margin-top:var(--spacing-xs);min-height:44px;padding:.625rem 1.25rem;text-decoration:none;transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.membership-item-link:focus{box-shadow:var(--box-shadow-focus);outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.membership-item-link:active{transform:translateY(1px)}.memberships-empty{color:var(--color-text-lighter);font-size:1.1rem;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}@media (max-width:768px){.membership-items{gap:1.5rem;grid-template-columns:1fr}}